10 рецептов оригинальных hover-эффектов при помощи CSS3

Мощь CSS3 огромна и в этом уроке вы сможете увидеть, как использовать его креативно. Мы собираемся создать несколько эффектов при наведении курсора мыши с помощью CSS3 transitions. При наведении курсора на эскиз будет показываться описание миниатюр, с использованием различных стилей в каждом примере.

Пожалуйста, обратите внимание, что эти примеры будут корректно работать только в современных браузерах, которые поддерживают свойства CSS3.
Читать далее «10 рецептов оригинальных hover-эффектов при помощи CSS3»

Рецепты CSS: геометрические фигуры

Отличная подборка кода CSS для рисования различных геометрических фигур, используя только HTML.
Читать далее «Рецепты CSS: геометрические фигуры»

Измеряем скорость и выбираем тему WordPress

Скорость загрузки сайта — чрезвычайно важный фактор вашего успеха: посетители не любят ждать, а с недавних пор «Скорость загрузки» стала ключевым параметром ранжирования на Google. Для WordPress вы сможете использовать одну из тех тем, которые оптимизированы по скорости. Вот вам список из 8 самых быстрых доступных тем WordPress.

Для измерения скорости я использовал Google PageSpeed Insights, где в строку запроса url для анализа записывал url life demo темы.
Читать далее «Измеряем скорость и выбираем тему WordPress»

61 CSS-эффект для текста

Коллекция эффектов текста на HTML и CSS с мизерными вставками JavaScript: 3D, анимация, глюки, эффекты наведение, тени, вращение и печать. Живые примеры, код можно загрузить (*zip).

Читать далее «61 CSS-эффект для текста»

Руководство по оптимизации изображений для интернета

В значительной степени качество сайта определяется скоростью загрузки. Читатель не любит ждать и, кроме того, не секрет, что время загрузки страницы очень значительно влияет на её рейтинг по результатам индексирования поисковика Google. И когда речь идет о времени загрузки страниц, вопросы оптимизации изображений очень важны. Вот несколько рекомендаций по оптимизации изображений и несколько дополнительных методов и руководящих принципов.
Читать далее «Руководство по оптимизации изображений для интернета»

Рецепты наложения текста на изображения

Я с огромным наслаждением читаю статью Эрика Д. Кеннеди (Erik D. Kennedy) 7 Rules for Creating Gorgeous UI (Part 2). Четвёртое правило в ней гласит: Learn the methods of overlaying text on images — Изучите методы наложения текста на изображениях. Думаю, что здесь можно было бы детальнее обсудить эту тему, рассмотреть вопросы кодирования и обратить внимание на технику.
Читать далее «Рецепты наложения текста на изображения»

Творческое использование селектора псевдо-класса :target

Что есть :target?

Говоря по простому, :target есть pseudo-class (псевдо-класс), который направлен на часть идентификатора в адресе URI документа.
Читать далее «Творческое использование селектора псевдо-класса :target»