seemax

День добрый. Прошу знатоков подсказать возмжную причину различного поведения слайдера, оверлей в которых имеет идентичное решение. http://richel.skepton.ru/ http://october.skepton.ru/# В первом оверлей стабилен, во втором "перемаргивает" вместе со сменой слайдера, создавая впечатление смены текста со слайдером. Слайдер отсюда http://jquery.malsup.com/cycle2/, на всяк случай...

С кнопочкой setTimeout отлично сработался. А вот "стар-рейтинг" загнал меня в вилку из-за желания разобраться подробно: Пример от Нарек работает корректно http://jsfiddle.net/tj_slash/xtwCc/, перенёс в Codepen, чтоб сохранить и вижу http://codepen.io/462960/pen/rOvbEM?editors=110 Но этот метод хорош отсутствием псевдоэлементов, которые в другом варианте, с псевдо элементами, не хотят работать в IE, что в принципе логично для <input>, котор не имеет закрывающего тега и об этом есть в спецификации https://code.google.com/p/chromium/issues/detail?id=480891 Т есть, надо делать без псевдо элементов, а почему "покривило" http://codepen.io/462960/pen/rOvbEM?editors=110при переносе 1:1 из Фидли http://jsfiddle.net/tj_slash/xtwCc/ не понятно... Браузер то один и тот же.

Спасибо всем, кто рассмотрел вопрос и высказался. Тема раскрыта предостаточно. Не думаю, что :active приемлемый вариант. Исчезновение тени должно вызвать эффект утопленной кнопки. setTimeout вписался в решение идеально.

Спасибо за подсказку на интересный вариант. Нашёл на Хабре решение этой же задачи через Font-awesome http://habrahabr.ru/post/262833/

Спасибо Нарек, удачное решение! Если можно, ещё по отмене события http://codepen.io/462960/pen/VvrLPj Кроме "toggle on click", по которому вопросов нет, "on hover" звёзды должны менять цвет на жёлтый до порядкового номера текущей звезды "on hover". Например, наехал курсор на 4 в ряду звезду. Значит 1, 2, 3, 4 должны стать жёлтыми, если были серыми. Если на 2 звезду, значит 1 и 2 пожелтеют. Курсор ушёл, всё вернулось как было при загрузке страницы. Мой вариант $(this).off("hover"); не отменяет. Подскажите плз.

На этой странице кнопка теряет тень при нажатии http://codepen.io/462960/pen/avqjoe Сразу после чего должна вернуться в исходное состояние. Пробовал 2 варианта. Оба завязаны на .one() Отмены нет, прошу знатоков подсказать.

Спасибо за подсказку, но мало для моего опыта с js, чобы применить рекомендацию.

Макет содержит красивый отзыв клиента в виде анимированного саундтрека. Дизайер нарисовал это так http://c2n.me/3of0KCh Прошу знатоков натолкнуть на возможный алгоритм решения. Из чего это сделать? "Выложить" красиво палочки в ряд, которые меняют фон с прогрессом звукоряда? Если да, то как согласовать визуализацию с продвижением звука? Т есть, по идее значение % звука должно управлять стилями соотв количества элеметов в блоке... На верном ли я пути?

...Меня бы уже заклевали и назвали лошарой за такое. Хотя действительно, всё работает корректно.

Пожалуйста Влад, рад помочь. Именно этот отрывок написан явно носителем языка, на хорошем Английском. Ошибок здесь нет, есть определённый стиль выражать свою мысль.

Как вы думаете, нулевая высота боди этого сайта http://www.shtab.net.ua/ результат грубой ошибки или приём, о котором я не знаю? Как мне кажется, содержимое боди имеет флоат, а очистить забыли.

"Многие знают, Ех развивается своим путём, в отличие от других фреймворков, во многом опирающихся на Ра, хотя можно заметить достаточно элементов другого Ра фреймворка, под названием Си. Концепция проста: Фреймворк даёт достаточно возможностей применять решения и включать их в работу "на лету", не требуя много времени на подготовку." Это и есть смысл, переложенный в читабельный вид. Прямой перевод был бы ужасен. Перевёл немало технических статей http://www.skepton.ru/ За эту бы не брался.

Случайно обнаружил, что в .css документе Ctrl+Shift+/ позволяет закомментироовать либо свойство внутри {..}, либо весь селектор со свойствами {..} без выделения, что экономит время, особенно в случае большого списка свойств во вложенном селекторе. Просто поставил курсор либо на строку свойства, либо на селектор. Очень жаль, что в .scss такой возможности нет. Надо выделить, затем закомментировать. Есть ли способ или плагин, позволяющий коментировать в .scss без выделения? Работаю в Win 7 Поиск по плагинам comment scss (sass) не дал результата.

Спасибо. Работает. Оригинально. Я так понимаю это можно задать при помощи border-image-generator. На первый взгляд это усложнённый 1) вариант, из рассмотренных мною вначале. Если не сложно, сформулируйте преимущества, для понимания метода.

Что то не так. Не выводится картинка, которая по ссылке http://arstyle.org/uploads/posts/2012-05/1336154765_1333994557_old_parchment_04.jpg

Не рассматривал Border-image, т как забыл напрочь от неиспользования. Border-image было бы интересно, если бы не: а) Модерновый по жизни IE. б) Рисунок не симетричен. Можно было бы придать ему симетричности в PS, но оффсет не предусмотрен в атрибутах Border-image и мы получим рваную линию вдоль краёв взамен рваного края. Была мысль просто "закатать в картинку" всё. И текст, и заголовок, и блок. Поменять эту картинку из PS когда клиент определится с наполнением. За идею спасибо, хотя здесь это неприменимо.

День добрый. Создавая такой блок http://c2n.me/3mcMObf рассматривал 2 варианта: 1) Применить белый прямоугольник с рваными краями и подчёркиванием заголовка как фоновый рисунок. 2) "Приклеивать рваное" через фон 5ти абсол спозиционированных псевдоэлементов, 2 для блока, 2 для заголовка и 1 для <p> Пошёл по второму пути т как блок имеет три разных размера в трёх разм экрана и в этом был свой challenge. Подгонка заняла уйму времени, думаю такое решение нерационально. Возможны ли другие решения данной задачи, кроме 1 и 2?

Спасибо, но плейсхолдер не подходит. Картинки реальные, разной ширины.

Возможно такая задача давно решена, прошу подсказать. Картинки одной высоты, разной ширины http://clip2net.com/s/3ia21vB всё это флюид. Не проблема сделать такую галерею. Проблема пропорционального изменения высоты картинки с шириной, что приводит к разной их высоте в итоге. Возможно ли вообще решение, когда высота всех картинок изменяется синхронно?

Ctrl + Shift + / Спасибо! Смеялся долго над собой...

Подскажите плз как избавиться от неудобства. Работаю в .scss документе, плагин sass установлен, но Ctrl+/ позволяет закомментировать только так // background: rgb(87, 87, 86); а не так как надо /* background: rgb(87, 87, 86);*/ Раскоментирует нормально при этом...

Одностраничник тоже требует навигации. Якорь позволяет быстрый переход и всегда оказывается в верхней части экрана. В моём случае http://richel.skepton.ru/ 1) Верхн часть экрана занята фикс хедером. 2) Высота хедера разная на разных девайсах. Т есть, выставить якорь "на опережение" можно, но оно потребуется разное для разных устройств. Можно попробовать применить visibility:hidden/visible для разных якорей на разных устройствах. Идеалом было бы задать для нужного h2 точное расстояние от верха экрана при конкретном разрешении экрана по клику на соотв ссылку. Поделитесь плз опытом, кто решал подобную задачу.

Спасибо большое, работает!

Страница имеет разный вид, в зависимости от устройства. Экран телефона, планшета, десктопа на симуляторе выглядят по сценарию http://quirktools.com/screenfly/#u=http%3A//richel.skepton.ru/&w=320&h=480&a=33&s=1 Открывая ссылку на реальном устройстве http://richel.skepton.ru/# , видим флюид, но не респонсив. Отображается последний из трёх возможных вариантов + часть свойств вынесенных за скобки условий, относящихся ко всем трём вариантам и не вошедших в данный диапазон. @media screen and (min-width:770px) { -----some css code-----}Для уменьшения кода и ускорения загрузки на моб устройствах, прописано сначала всё для мобильников + то, что относится для любого из возможных устройств. После этого для среднего диапазона и для наибольшего. Поделитесь мнением пожалуйста, есть ли необходимость прописывать все свойства для каждого из вариантов, заключая в @media .... {} и может ли в этом быть причина странного поведения? В таком случае получаем неоднократные повторения кода.

Спасибо, разобрался. И Compass и Haml подключаются через настойки. Вопрос закрыт.