Лучшие ресурсы для веб мастера и дизайнера
Об авторе kikky 
В первой части этой серии статей мы изучили основы Fuel PHP Framework. Во второй части поговорим о более серьезных темах. Мы создадим панель администратора для нашего приложения, пройдемся по основам использования ORM и научимся пользоваться пакетом Authentication для ограничения прав доступа. Также вы можете посмотреть уроки по php.
Итак, начнем!
Одной из наиболее востребованных тем является создание поиска по сайту. Первый способ – создать его самостоятельно “с нуля”. То есть использовать серверный язык программирования, например PHP, и составлять поисковые запросы к базе данных сайта, показывая результаты пользователю.
Второй способ – использовать сервисы, предоставляемые поисковыми системами, индекс которых уже всё обо всех знает. Да, вы угадали. В этом уроке мы будем использовать AJAX Search API от Google для создания пользовательского поиска, с помощью которого посетители смогут искать веб-страницы, изображения, видео и даже новости на вашем сайте.
WordPress плагин – это PHP-скрипт, который вносит изменения в Ваш сайт. Это может быть небольшое нововведение в шапке сайта или же более радикальные преобразования (такие как, работа системы авторизации, автоматическая рассылка электронных писем и многое другое).
Темы меняют внешний вид Вашего сайта, а плагины изменяют его функциональные возможности. С помощью плагинов можно создавать индивидуальные типы постов, добавлять новые таблицы в базу данных для отслеживания самых популярных статей на сайте, автоматически связывать содержимое на сайте с CDN-серверами и многое другое. Здесь вы можете найти услуги от Mr.Shoe & Mr.Key
Когда у вас кончаются идеи в создании новых дизайнов для сайтов или затягивает рутина работы, имеет смысл немного развеется, отдохнуть и посмотреть на дизайн со стороны обывателя, а не разработчика. Поэтому мы и собрали для таких случаев эту подборку из 30 сайтов с креативным дизайном.
Стоит отметить, что большинство сайтов выполнено во Flash. И если вы ищете источник для вдохновения, то не забудьте проверить, поддерживает ли ваш браузер эту платформу.
За последние несколько лет AJAX стал самым популярным способом создания динамичных, удобных и гибких сайтов. AJAX – это технология, предоставляющая возможность обновлять содержимое на сайте без перезагрузки страниц в браузере. Например, Google Docs использует эту технологию каждые несколько минут для автоматического сохранения Вашей работы.
Адаптивный дизайн медленно, но уверенно становится стандартом для веб-разработчиков. В этом уроке мы покажем Вам, как интегрировать фреймворк для создания адаптивного дизайна в тему для WordPress, созданную Вами.
Страница, демонстрирующая товар потенциальному покупателю, должна содержать подробное описание его характеристик и фото. Она должна быть достаточно оригинальной, чтобы привлечь внимание посетителей.
В этом нам поможет новая компактная JavaScript библиотека.
Как веб-мастер, Вы, наверное, слышали о том, что Google использует скорость загрузки страниц сайта в качестве метрики в своём алгоритме ранжирования. Эта метрика не даёт много веса, но даже с точки зрения юзабилити иметь быстрый веб-сайт означает иметь более довольных посетителей (и большее их количество).
С такими инструментами как от Google и Вы быстро получите советы по оптимизации страниц сайта. Но для реального повышения скорости Вам придётся копать глубже.
Ускорьте свой сайт! Используйте приведенные ниже методы оптимизации не только для улучшения своего рейтинга в ySlow, но и позиций в Google.
В этом уроке мы рассмотрим все аспекты использования W3 Total cache, Google page speed, CSS-спрайтов и правил htaccess для достижения высоких рейтингов в ySlow.
Вы в курсе, что с помощью CSS3 можно переворачивать элементы в 3D-пространстве? Думаю, что да, ведь такая возможность доступна уже целых два года!
Сначала эту технологию поддерживали браузеры только на основе движка Webkit – Safari и Chrome, но сейчас и Firefox присоединился к ним. Это значит, что больше половины пользователей (кроме тех, кто использует браузер IE) может увидеть современные анимационные эффекты на основе CSS.
В этом уроке мы увидим, как можно использовать эти трансформации для создания интересных эффектов. В качестве примера мы будем переворачивать Apple-подобную форму авторизации.
2 959