10710711-10-2011
107107
11-10-2011
Слайдер представляет собой великолепный инструмент для ротации и представления картинок на сайте. То есть, это небольшой блок, как правило вверху страницы или в сайдбаре, где посредством меняющихся картинок посетителя знакомят с самыми интересными материалами на сайте. Демонстрация картинок может сопровождаться небольшим сопроводительным текстом. Также у слайдера есть небольшая навигация в виде управляющих стрелок, динамических маркеров и предпрсмотров картинок. Размер слайдера также может регулироваться от совсем маленького до полноразмерного экрана.
Из самого вкусненького за сентябрь я бы, пожалуй, выделила роскошные акварельные пейзажи Греции, реалистичный стрит арт на уличных стенах и необычные фотографии бабочек. Достаточно много интересных статей про вордпресс, плагины вордпресса и полезные хаки. Также любопытна теория по css и основам дизайна. Как всегда очень много креативных иллюстраций, фотографий и дизайнов сайтов в различных стилях. Хорошие подборки про креативные дизайнерские изобретения и различные инсталляции из подручных материалов.
Здесь собраны 16 онлайн сервисов для анализа, диагностики и проверки скорости загрузки сайта. Большинство сервисов дает графическую иллюстрацию скорости поочередной загрузки всех объектов сайта в секундах и с разбивкой на периоды. Потом информация суммируется в итоговую табличку, а в некоторых сервисах даются рекомендации по оптимизации, а также много дополнительных параметров для анализа. Часть сервисов дает только средние параметры загрузки, но с возможностью выбора страны или браузера для теста. Есть сервис для сравнения скорости загрузки.
Сегодняшняя подборка посвящена технологии jQuery. JQuery — это JavaScript библиотека, отвечающая за взаимодействие JavaScript, HTML и CSS на сайте. С помощью этой технологии можно обращаться к любому объекту, работать с событиями, осуществлять различные визуальные эффекты. Собственно сама библиотека находится на внешнем сайте в библиотеке кодов Google. А подключается она соответствующей записью в коде сайта в теге head. Во всех приведенных ниже мануалах есть live demo и инструкция, а также возможность скачать и установить подготовленный набор файлов.
Пожалуй, самое главное, что я заметила в этой традиционной сентябрьской подборке, это то, что стало гораздо больше рунетовских твитов по сравнению с зарубежными твитами. А это значит, что в моей твиттер ленте появляется все больше и больше интересных твиттерян с качественной и оригинальной информацией. Это, несомненно радует. Также наблюдается небольшой сдвиг в сторону аналитических материалов, касающихся в основном социальных сетей и блоговедения. Но в остальном, нас также порадуют неизменные графические подборки с разнообразными креативными картинками для вдохновения.
Итак, дорогие друзья, представляю вам первый мой вордпресс шаблон, который я сделала для своего магазина. Этот шаблон лучше всего подходит для персональных блогов и сайтов. Тема двухколоночная, с двумя раздельными меню, со встроенным слайдером и блоком социальных иконок после поста. На кастомную админ панель вынесены все главные управляющие элементы. Шаблон протестирован во всех актуальных версиях браузеров. К шаблону прилагается пошаговая инструкция по установке и настройке со скриншотами, которая поможет вам настроить тему.
Здесь собраны бесплатные вордпресс темы, которые я нашла в июле. В основном темы новенькие, но есть парочка хорошо знакомых шаблонов. Практически все темы выполнены в спокойном аккуратном стиле без экстремальных наворотов. Ссылки с картинок ведут на страницы с описанием темы на английском языке. Там же можно посмотреть Live Demo и соответственно скачать тему. Иногда достаточно трудно среди описания найти саму ссылку на скачивание. Поэтому я советую просто нажать Ctrl+F и через поиск искать слово Download. Я сама так частенько делаю. Ну и потом скачать архив.
В сегодняшней подборке мануалов по CSS3 можно узнать, как сделать меню в стиле Apple, закругленные углы и очередную красивую кнопку. Очень впечатляет 3d анимация для объекта и возможности ротации картинок. Среди оформительских приемов — симпатичное темное меню навигации и всплывающие подсказки. Есть несколько мануалов для анимированных меню. Хорош урок о том, как сделать простейшее лого. Гурманов порадует анимированный колокольчик и вращающиеся иконки. Особенно мне нравятся кнопки включить/выключить. В общем, успехов вам в освоении всех этих новшеств.
Традиционно в первый день месяца давайте посмотрим, что было самым интересным в июле в моей Твиттер ленте. Любительская реклама в России, звездные портреты, сделанные почти что из мусора, примеры навигационных меню и красивые HDR фотографии. Хорошие статьи про принципы хорошего дизайна и раскрутку профиля в социальных сетях. Много информации про Google + и Твиттер, CSS3 и вордпресс. Ну и как обычно, красивые сайты для вдохновения, интересные подборки концептуальных фотографий и сногсшибательные иллюстрации.
Все представленные сервисы в этой крайне полезной подборке помогают веб-дизайнеру протестировать свой сайт на предмет соответствия стандартам и общепринятым нормам веб-разработчиков. В частности можно проверить правильность HTML кода страницы, CSS стилей, доступность сайта во всем мире, доступность для мобильных устройств, экстремальную нагрузку на сайт, скорость загрузки страниц, как выглядит сайт в различных браузерах и в частности в Internet Explorer.
В сегодняшней подборке ссылки на следующие CSS3 уроки с примерами: как сделать анимированное меню средствами CSS, создаем цветовой круг, делаем стильную форму поиска. Оказывается бэкграунд в виде ретро полосок тоже можно сделать на CSS. Мне понравилась техника создания оформительских флажков и кнопок с эффектом пузырьков. Далее следует интерфейс плейера и минималистическое меню с выдвигающимися элементами. Хорошо смотрятся объемные кнопки и скругленные углы у картинок. Впечатляет постер из геометрических фигур, сделанных исключительно на CSS3.