ows.nightwolf

Все работает, просто у вас фон не видно т.к. текст непрозрачный. Назначьте color: transparent. Кстати, свойство background-clip: text не поддерживается ни одним браузером, кроме хрома и оперы, так что его применение нежелательно.

Насколько я понимаю, данная конструкция не сдвигает указатель в строке, поэтому поиск всего что идет после этой конструкции продолжается начиная с того места, где находился указатель перед тем как выполнялась проверка истинности этой конструкции, т.е. перед ней У меня не получается сформулировать эту фразу по проще, чтоб она взрывала мозг поменьше, так что вот пример: Чтобы отделить # от слова используйте в выражении "запоминающие скобки" и соответствующие элементы в массиве-результате поиска . Пример.

Все что я напишу ниже относится скорее к повседневным аспектам жизни (бросание мусора где попало, хамство в общественных местах и т.п.) чем к отношениям между исполнителем/заказчиком. Интересная статья, и я с вами согласен, но вдолбить объяснить что-то взрослым людям (у которых уже сформировавшееся мировоззрение и принципы) крайне затруднительно, так что самое меньшее что можно сделать (и что явно лучше чем занимать позицию в стиле "раз все так делают, то и я так буду") - поступать самому так, как хотелось бы чтобы поступали другие, вне зависимости от получаемых [Тут слово никак не подберу - антоним слову "выгод":)]. Как минимум есть люди которые поступают неправильно не потому что свято убеждены в своей правоте, а потому что им неловко поступать правильно. Глядя на вас они могут поменять свое поведение, т.к. вместе уже не так неловко. А следом за ними найдутся и еще и еще. Так появляется хоть какая-то вероятность что данное поведение станет нормой.

Почти прослезился Приятно знать что есть еще люди с такими взглядами

Нарек, свойство без префикса должно следовать после свойств с префиксами. Кроме того согласно действующей спецификации там должно быть не top, а to top. А если быть точным - to bottom. И с процентами белиберда, там для обоих цветов должно быть 70%. Работает оно конечно и так как у вас, но это не фэншуй. В остальном все верно. Конечный вариант.

У вас псевдоэлемент :before из-за назначеного ему свойства position: absolute "перекрывает" ваш <span>, Задайте спану позиционирование: span { position: relative;}

А у меня вообще почему-то ничего на этом сайте не показывается, кроме футера.

1. Строчка cursor: 'crosshair' - не могу понять что это, мне кажется тут чего-то нехватает) 2. У вас в 10 строке: if (this.targetobj.className=="drag") - проверка на точное соответствие аттрибута class заданой строке ("drag"), по этому если у элемента два класса и более - то код не выполнится. Добавьте в скрипт функцию проверки элемента на наличие класса и в этой строке делайте проверку по этой функции. Рабочий пример.

Для дива с 3, 4 задать: display: inline-block;vertical-align: top;Но это очень специфическое решение конкретно под ваш пример на картинке.

В HTML одним из способов записи символов является управляющая последовательность: цифры; где цифры - ASCII код символа в таблице. Вконтакте таким же способом представляются смайлы. По этому когда вы вписываете в свой html код такую запись, интерпретатор вместо текста показывает символ (в вашем случае квадратик). Для того, чтобы интерпретатор не заменял ваш код символом, следует заменить символ & в управляющей последовательности символом-мнемоникой & В итоге каждый код смайла будет выглядеть так: &#цифры;

Ну да)))

Можно использовать псевдо-класс :checked и селектор ~. Пример.

Хм, действительно черновик, а я думал он уже утвержден. Тогда может быть тут есть кто-кто, кто умеет отправлять багрепорты для mozilla и может мне помочь с этим? Я, во-первых, не знаю как их правильно составлять и куда отправлять, а во-вторых я не умею писать по-английски.

В общем интересная штука нарисовалась. Вот пример. Есть элемент, который в процессе работы сайта неким образом перемещается, для его плавного перемещения используется свойство transition: transform; Именно transform т.к. оно не вызвыает repaint и reflow. Так же при загрузке страницы этот элемент должен выезжать. Для этого используется свойство animation, в @keyframes которой свойство transform изменяется from -100% to 0. По идее при загрузке страницы animation должна запуститься, отработать независимо от заданного свойства transition, а уже потом в процесе работы сайта, когда элементу назначается какой-то класс изменяющий свойство transform, элемент должен перемещаться с учетом установленного свойства transition. Во всех браузерах так и есть, кроме FF. В фаерфоксе при первом запуске страницы свойства animation и transition "накладываются" друг на друга и вызывают глючное поведение элемента В примере при первом запуске в FF видно, что элемент дважды анимируется. Кроме того я сделал две кнопки, вызывающие удаление и повторное добавление элемента на страницу (одна добавляет элемент сразу, вторая через пол секунды - для того чтобы исключить какое либо кеширование элемента браузером или еще что-то в этом роде, мало ли как браузер оптимизирует JS инструкции). И при новом добавлении элемента такого глюка уже нету. Само перемещение элемента (доступно при клике на него) работает как надо. В общем самому мне не разобраться, подскажите, можно ли что-то сделать с начальной анимацией чтоб она работала нормально (без применения костылей на js, их я временно уже сам реализовал) и является ли данное поведение багом?

Это sass indented syntax, он был синтаксисом для sass изначально, потом в угоду тем кто больше привык к ситаксису css, сделали scss синаксис. Мне лично больше нравится indented syntax, там можно миксины делать без приставки mixin, а просто писать =, и инклюдить их потом без include, а просто писать +, ну и можно забыть про ; и брэкиты. Note that this syntax is not recommended for use in new Sass files. It will print a warning if it’s used, and it will be removed in a future version. А жаль( я бы пользовался( Прошу прощения, это предложение применяется не ко всему синтаксису, а только к отдельным его директивам.

А я бы посоветовл не гнаться за поездом а не спеша читать литературу. Прочитали про какое-то свойство - тут же его опробовали, даже если свойство кажется очевидным. Например тот же float. Прочитали какие бывают и как работают - открыли jsbin.com или аналогичный инструмент, сделали простенькую разметку (обертка, вложеный див который будет float, еще пару строчных и блочных элемнтов чтоб увидеть как они будут взаимодействовать с вашим float'ом) и изучайте. Придумывайте себе ситуации в стиле "а если я захочу чтоб было так-то" и находие им решения. Для float это может быть "а что если я захочу чтоб какой-то элемент не обтекал мой float?" погуглите (или вспомните прочитанное), найдете что для этого есть свойство clear. Таким образом вы поймете принципы и механику работы css, научитесь находить хоть какие-то решения задач (пусть даже на первое время не оптимальные), а дальше уже, когда все основные свойства будут выучены и поняты, читайте статьи, форумы и т.п. и все больше углубляйтесь в нюансы. Резюмируя: я считаю что самое главное - знать и понимать принципы, а на бездумном запоминании приемов работы далеко не уедешь. P.S. А в чем заключается ваше "тут же вхожу в ступор и не могу применить теоретические знания на практике"?

Вынесите ваш <ul> за пределы div.punkti, дайте тегам <li> свойтва float: left и width: 50%. Пример.

В таком случае вам подойдет тот вариант что я скинул ранее. Только приношу свои извинения, первоначальный вариант не работал корректно в вашем случае, я внес исправления. Вот пример работы. Сделайте по аналогии, тут не сложно.

всеравно я не понимаю как id может влиять на работоспособность кнопки) И вообще, что у вас за задача? Вам надо чтоб несколько окон одновременно можно было открывать? По клику на боди должны закрываться все сразу, или по одному?

Затрудняюсь ответить почему кнопка не вызывается, т.к. в предоставленом коде не вижу сходу ничего что могло бы нарушить ее функционал, тут только директивы для скрытия модальных окон. Но я не смотрел код и структуру вашего сайта (и не буду, не люблю я это дело), так что возможно я не до конца понимаю всех нюансов данного кода. А на счет проверки на id - что вы имеете в виду?

Это относится к теме всплытия событий. В кратце: "После того, как событие сработает на самом вложенном элементе, оно также сработает на родителях, вверх по цепочке вложенности". Когда мы вешаем обработчик click на body, все клики по любому элементу на странице (в том числе и по нашему модальному окну) будут вызывать обработчик этого события ( в частности: кликнули по модальному окну - событие "всплывает" вверх к родителю, к родителю родителя и т.д., доходит до body и у него выполняется ваш назначенный обработчик ). А т.к. в обработчике click у body у нас стоит директива "скрыть модальное окно", то получится что наше модальное окно будет скрываться по клику на него самого, что не есть хорошо. По этому перед выполнением скрытия нужно проверить на каком элементе был произведен клик. Если клик произведен по модальному окну, или его дочернему элементу - окно скрываться не должно. P.S. К стати, вместо проверки на вложенность еще можно было повесить на модальное окно обработчик click с инструкцией прекращения всплытия. P.P.S У меня там в самой функции isNested косяк был (вторая строка сверху), второй аргумент и скобка пропали, исправил.

Я бы так делал: Дал модальному окну свои методы show() и hide(). В методе show() назначал бы обработчик клика по body и вызывал окно, а в методе hide() - удалял обработчик клика с body и скрывал окно. Кроме того т.к. клик по самому модальному окну так же сгенерирует событие в body, надо включить в тело обарботчика клика проверку на то по какому элементу произошел клик (чтоб по клику по самому модальному окну оно не закрывалось). Плюс назначения методов окну в том, что пока окно закрыто обработчик onclick не висит на body без надобносити. Кроме того, вы сможете так же добавить окну кнопку "закрыть" (что желательно, т.к. не всем интуитивно понятно что надо кликнуть за пределами окна чтобы его закрыть, обычно глаза ищут стандартный крестик виндоуз) и по клику на нее вызывать тот же метод hide() модального окна. В коде вашем я не копался, вот общий принцип работы моего варианта, подстроите под себя:

Это из-за display: inline-block. Элемент рассмтаривается как строчный (грубо говоря ваш span - большаааая буква), и у этой буквы высота равна 100% высоты родителя. Но у строк есть еще такой параметр как междустрочный инетрвал (line-height), который видимо и добавляется к вашей высоте span'a. Так что чтобы убрать полосу прокрутки для класса panel можно добавить свойство line-height: 0, либо у класса blank сменить display: inline-block на display: block.

Видео от Sorax: https://www.youtube.com/watch?v=-sIJZd087G0

mother of god! Это ж неделю мышку с одного конца рабочего пространства в другой тащить будешь)