Измеряем скорость и выбираем тему 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»

Хорошая практика рациональной разработки и обслуживания CSS

Последнее время спецификации CSS становятся все больше и написание рациональных и поддерживаемых таблиц стилей уже стало немного сложнее, чем раньше. Вот вам обзор лучшей практики, инструментов и подсказок для создания супер чистых, оптимизированных и обслуживаемых CSS-файлов.
Читать далее «Хорошая практика рациональной разработки и обслуживания CSS»

Принципы анимации для веба

Примечание переводчика: Представленный ниже материал содержит значительное количество технических терминов, при переводе которых могут возникнуть неточности. Если вы заметили опечатку, ошибку или неточность перевода — напишите нам, и мы оперативно всё исправим.

Кроме того, в продолжение темы сегодняшней публикации на одну неделю будет открыт продвинутый курс академии по CSS-анимациям, который обычно доступен по подписке. Его описание размещено в конце топика. Читать далее «Принципы анимации для веба»