Вёрстка адаптивного навигационного меню

Меню навигации всегда были довольно простыми в создании. Сверстайте неупорядоченный список, установите float:left и готово. С адаптивным дизайном, который сейчас очень популярен, вы столкнётесь с некоторыми новыми трудностями. Сейчас мы с нуля сверстаем простое, но эффектное адаптивное навигационное меню, которое вы сможете легко модифицировать и...

Создание адаптивной галереи миниатюр

Создание адаптивной веб-галереи может отнять у вас достаточно много времени. В этой статье мы рассмотрим процесс разработки такой галереи миниатюр, чтобы вы могли получить представление о том, как она работает и как её можно использовать в своих проектах. В освоении адаптивного дизайна главное представлять, как...

Использование Bootstrap для дизайна блога

Bootstrap — это набор инструментов от Twitter, который помогает вам разрабатывать свои веб-приложения намного быстрее. В Bootstrap входят CSS и Javascript файлы, позволяющие создавать страницы с использованием сеток, шаблонов, типографии, таблиц, форм, навигации, всплывающих окон и т.д. Кроме того, разработчики решили проблемы кроссбраузерной совместимости. В...

Основы WordPress: Как создать плагин для WordPress

WordPress плагин – это PHP-скрипт, который вносит изменения в Ваш сайт. Это может быть небольшое нововведение в шапке сайта или же более радикальные преобразования (такие как, работа системы авторизации, автоматическая рассылка электронных писем и многое другое). Темы меняют внешний вид Вашего сайта, а плагины изменяют...

WP_List_Table – пошаговое руководство

Класс WP_List_Table в WordPress используется для отображения списка данных, например, пользователей, плагинов, комментариев или постов. Этот класс содержит почти все методы отображения, сортировки, разбиения на страницы и поиска информации. А что может быть очевиднее, чем его использование для создания собственных плагинов? В этой статье мы...

Создание тем WordPress с помощью адаптивных фреймворков

Адаптивный дизайн медленно, но уверенно становится стандартом для веб-разработчиков. В этом уроке мы покажем Вам, как интегрировать фреймворк для создания адаптивного дизайна в тему для WordPress, созданную Вами.

Руководство по Google Font API

Несмотря на новые веб-технологии и стартапы, ещё до недавнего времени мы испытывали недостаток в богатой и красивой веб-типографии. Хотя у нас достаточно широкий выбор гарнитур, мы могли использовать только определённый набор правильных шрифтов, установленных и поддерживаемых большинством компьютеров — эти шрифты были известны как — Безопасные...

Основное руководство по @font-face

Эта статья научит вас использовать @font-face с учётом кроссбраузерной совместимости, а также в ней будут рассмотрены сервисы, созданные для того, чтобы сделать использование нестандартных шрифтов в веб-дизайне ещё проще.

Для разработчиков: Когда выбирать VPS

Как веб-мастер, Вы, наверное, слышали о том, что Google использует скорость загрузки страниц сайта в качестве метрики в своём алгоритме ранжирования. Эта метрика не даёт много веса, но даже с точки зрения юзабилити иметь быстрый веб-сайт означает иметь более довольных посетителей (и большее их количество)....

Подробное руководство по оптимизации сайта на WordPress

Ускорьте свой сайт! Используйте приведенные ниже методы оптимизации не только для улучшения своего рейтинга в ySlow, но и позиций в Google. В этом уроке мы рассмотрим все аспекты использования W3 Total cache, Google page speed, CSS-спрайтов и правил htaccess для достижения высоких рейтингов в ySlow.