Верстка заголовка с горизонтальной линией слева и справа от текста

Время от времени возникает необходимость сверстать необычный заголовок, в котором слева и/или справа от текста проходит горизонтальная линия, занимающая все свободное пространство. Выглядит это следующим образом (живой пример): Заголовок с выравниванием слева Заголовок с выравниванием по центру Заголовок с выравниванием справа Раньше для ...




Создание слайдера из стандартной фотогалереи WordPress

Создание слайдера из стандартной фотогалереи WordPress

Как вы наверняка знаете, WordPress имеет встроенный функционал добавления в статьи сайта простеньких фотогалерей. Когда вы добавляете в статью галерею из фотографий через кнопку «Добавить медиафайл», в текст вставляется шоткод вида . Так вот, с помощью специально предусмотренного для подобных случаев фильтра post_gallery ...




Конструктор URL для CDN jsDelivr.com

Конструктор URL для CDN jsDelivr.com

jsDelivr — это быстрая бесплатная CDN, созданная украинским разработчиком, которая может хранить у себя файлы разных типов, используемых на сайтах, такие, как: JavaScript-файлы, CSS-файлы, картинки, шрифты. Здесь можно найти большое количество популярных плагинов, библиотек, фреймворков и т.п. Я начал пользоваться данной CDN после ...




Стилизация чекбоксов и радиокнопок на чистом CSS с совместимостью для старых браузеров

Стилизация чекбоксов и радиокнопок на чистом CSS с фолбеком для старых браузеров

Честно говоря, я «слегка» припозднился с данной статьей, т.к. то, что в ней изложено, можно было применять на практике уже довольно давно. Но лучше поздно, чем никогда, тем более, что я уверен, что среди моих читателей найдутся и те, кто не пользуется этим ...

Гаджет для Windows 7+ «Цифровые часы»

Гаджет для Windows 7+ «Цифровые часы»

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

Минимизация CSS- и JS-файлов и HTML-кода на сайте

Одним из пунктов оптимизации сайта является минимизация кода, который передается браузеру посетителя в момент открытия сайта. Сюда относится как содержимое CSS-файлов и JS-файлов, так и HTML-код страниц. Данные меры позволяют заметно сократить размер итогового кода и немного ускорить загрузку сайта. Минимизация происходит за ...

AutoHotkey-скрипт: установка заданного положения и размера окон программ горячей клавишей

AutoHotkey-скрипт: установка заданного положения и размера окон программ горячей клавишей

Поскольку разрешение моего монитора довольно большое — 1920×1200 пикселей, я не люблю разворачивать окна программ на весь экран. Нравится, когда при этом видна, во-первых, красивая картинка рабочего стола, во-вторых, гаджеты справа (на рабочем столе ничего, кроме гаджетов, у меня нет). Вот как это ...

AutoHotkey-скрипт: Запуск/Play/Pause в AIMP

AutoHotkey-скрипт: Запуск/Play/Pause в AIMP

После недавнего перехода с Windows 7 на Windows 8.1 у меня перестала корректно работать программа Mkey (давненько не обновлялась), которой я успешно пользовался несколько лет. С помощью нее я в том числе управлял функциями запуска/воспроизведения/паузы в программе AIMP. Стал искать альтернативу и наткнулся ...

Возвращаем столбик «ID» в админку WordPress

Возвращаем столбик «ID» в админку WordPress

При разработке шаблонов для WordPress часто возникает необходимость узнать идентификатор (ID) для страницы, рубрики или любой другой таксономии. Когда-то столбец с ID присутствовал в админке WordPress по умолчанию, но однажды его зачем-то убрали, поэтому приходилось выискивать его через наведение на ссылку с названием, ...

Скрипт-дополнение к jQuery-плагину bxSlider

Скрипт-дополнение к jQuery-плагину bxSlider

Когда при верстке сайтов на заказ есть необходимость реализовать слайдер, я использую замечательный jQuery-плагин bxSlider. Он очень прост в установке, настройке и стилизации и поддерживает последние тенденции в веб-разработке, такие, как адаптивность, CSS3-анимацию и корректную работу на мобильных устройствах. Один из примеров данного ...