Уроки frontend

Проклятый ACF widget plugin

Проклятый ACF widget plugin

Или — как ВЫВЕСТИ ACF поля виджета на фронтенд?!? Найти ответ на вопрос «где взять $widget_id» — невозможно. Только здесь и сейчас напишу, как это делается (после полудня мучений). Всё по порядку! Если нужно вывести в сайдбаре или футере какую-то инфу на всех страницах, то […]

Кнопка «наверх» (scroll top) быстро и без картинки

Кнопка «наверх» (scroll top) быстро и без картинки

Часто на одностраничниках нужно внедрять кнопку «проскроллить наверх»: Самое противное, что каждый раз приходится эту кнопку рисовать, чтобы подогнать под дизайн сайта. Здесь метод оформления кнопки через чистый css. Для начала нужно, конечно подключить файл .js: scroll_top (скачайте его). Потом добавьте в свой файл css следующий […]

Ура! Мы собрали свой первый резиновый макет

Ура! Мы собрали свой первый резиновый макет

Теперь разберемся с мелкими огрехами, которые не дают нам жить и сжирают массу времени, если мы не пользуемся бутстрапом. Всем противникам бутстрапа я могу сказать — вы не правы )). Дело в том, что бутстрап содержит огромное количество мелочей, которые мы не узнаем, даже изучая […]

Объект раздвигается, толкает другие блоки по горизонтали и меняет положение — Object Expands and shifts nearby divs — jQuery, CSS3

Объект раздвигается, толкает другие блоки по горизонтали и меняет положение — Object Expands and shifts nearby divs — jQuery, CSS3

Урок jQuery для продвинутых. Открываем демо:  http://moodo.co/ Или здесь: http://project106.digiproduct.co.il/ Внимание! Это коммерческий сайт, копировать и дублировать его ЗАПРЕЩЕНО!   Скроллим до блока с бейджиками — такие круглые этикетки а-ля парфюм (сайт про домашнюю ароматизацию через приложение). Кликаем на кругляшок. Oh my God! It’s alive! […]

Урок вордпресс 2. Как сделать бутстрап меню в вордпрессе (bootstrap menu in wordpress)

Урок вордпресс 2. Как сделать бутстрап меню в вордпрессе (bootstrap menu in wordpress)

Итак, мы разобрались со структурой файлов в теме, движемся дальше. Мы сверстали прекрасное бутстрап-меню — и как нам теперь его внедрить? Без паники! Уже написан для этих целей прекрасный bootstrap navwalker. Использовать просто. Открываем наш functions.php. В конец копипастим код: /* Nav Walker for bootstrap […]

Интеграция Bootstrap в двухуровневое меню Bitrix

Интеграция Bootstrap в двухуровневое меню Bitrix

Недавно возникла потребность Бутстрап-верстку интегрировать в Битрикс-сайт. Естесственно — самая главная головная боль — многоуровневое верхнее меню. Оказалось, «забутстрапить» верхнее меню довольно просто. То есть, как известно — сначала копируем шаблон компонента меню horizontal_multilevel, и потом вместо того кода, который есть, вставляем приведенный ниже. Кто […]

SASS — для чайников — настройка программной среды

SASS — для чайников — настройка программной среды

Здравствуйте! Это краткая инструкция по настройке рабочей среды под SASS для самых тупых! (вроде меня) Если не получилось разобраться с программами типа Compass, Bourbon и других, если вы работаете на Windows, если ничего не помогает — хорошая новость! Dreamweaver, начиная с версии CC, работает с […]

Покадровая анимация HTML5 и CSS3 — урок

Покадровая анимация HTML5 и CSS3 — урок

(Перевод Виктории Шидловской статьи Louis Lazaris в Smashing Magazine — An Introduction To CSS3 Keyframe Animations) Наверное, вы уже слышали о CSS3-анимации. Спецификация была разработана пару лет назад и, как показывает время, становится технологией будущего. Это элегантный способ решить проблему анимации в вебе. Для этой […]