3423316-01-2012
34233
16-01-2012
Как правило, контактная форма занимает на сайте отдельную соответствующую страничку или же скромно располагается в футере. В любом случае, контактная форма — это удобное средство коммуникации и взаимодействия на сайте. В представленных ниже уроках подробно рассказано как можно разнообразить этот важнейший элемент на веб-сайте с помощью технологий HTML5 и CSS3. Все контакт формы отличаются друг от друга количеством и содержанием функциональных полей, различным оформлением на любой вкус, ну и, конечно, степенью исполнительской сложности.
Урааа! Новый Год наступил! С Новым годом, с новым счастьем, с новыми надеждами! Поднимаю праздничный бокал за вас, мои дорогие читатели! Именно ваше внимание и поддержка дает мне силы и вдохновение вести блог и задумываться о новых горизонтах. Пусть сбудутся все ваши мечты и желания, а новый год подарит вам новые проекты, море краетива, адекватных заказчиков, финансовую стабильность и заряд бодрости и оптимизма! Еще раз с наступившим 2012! Ну а для того, чтобы разбавить кулинарное изобилие и просто для праздничного настроения вот вам очередная подборка из интереснейших декабрьских твитов. ))
В этой подборке я собрала наиболее популярные и востребованные шаблоны, которые достаточно массово распространены в интернете. По крайней мере, я очень часто встречаю блоги, оформленные на базе этих бесплатных шаблонов. Для того, чтобы скачать первые 11 шаблонов, жмем на картинку и переходим по ссылке. На открывшейся странице ищем интересующий нас шаблон и рядом с названием видим ссылку на превью, скачивание и описание. Чтобы скачать последние 9 шаблонов, также переходим по ссылке и на открывшейся странице ищем кнопку Download. Соответственно жмем на нее и скачиваем.
Первым среди представленных CSS мануалов в этой подборке идет очень необычный анимированный эффект с текстом. Даже не верится, что запросто можно сделать такую анимированную типографику. Далее идет вполне обычная карусель из картинок с предпросмотрами. Меню-аккордеон мне очень нравится как элемент дизайна. Здесь тоже можно посмотреть, как его сделать. Следующие на очереди два вида меню с различными эффектами и эффект навигации с кругом. Больше всего мне в этой подборке нравятся анимированные кнопки с призывам подписаться. Очень неплохо смотрятся оптический zoom для картинок и текста, а также меню с динамическим маркером-магнитом.
Последняя в этом году подборка самых интересных твитов порадует нас креативными портфолио веб-мастеров и различными смешными и просто красивыми фотографиями. Достаточно много аналитический статей и интервью, что меня всегда радует. Иногда очень полезно почитать умные фразы и согласиться с умными людьми между просмотрами всяческих вкусностей в виде картинок, постеров и скриншотов. Стараниями блоггеров не упущена и тематика обучающих статей, в частности касаемых премудростей css и вордпресса. Кстати, неожиданно много твитов, касающихся выдающихся примеров типографики.
Вплывающая подсказка (tooltip) на сайте это довольно симпатичный элемент оформления. Причем внешний вид такой всплывающей подсказки можно сделать очень даже привлекательным и нетривиальным. Во-первых, можно настроить форму всплывающего контейнера, его цвет и размер. Во-вторых, можно запросто управлять содержимым всплывающей подсказки, добавляя туда различные элементы и блоки по своему усмотрению. Ниже представлены подробные мануалы как это можно сделать с помощью технологии CSS3. Каждый урок имеет наглядное демо того, что в итоге получится.
Наконец-то я реализовала свою давнишнюю мечту о том, чтобы соединить в одном месте английские и русские термины основных команд в фотошопе. Помимо словаря здесь еще представлены и основные клавиатурные сокращения команд. Термины объединены в шесть блоков, по числу основных пунктов главного меню: Файл, Редактировать, Изображение, Слои, Выделение, Фильтр. Таблица содержит перевод не только терминов первого уровня, но и второго уровня. Один из вариантов использования словаря — это распечатать картинки по блокам и иметь под рукой, ну или повесить на стенку за монитором.
Прошедший месяц устами птички Твиттер прочирикал нам о следующих интереснейших событиях и вещах. Что в мире есть такие красивые и уникальные места, которые просто необходимо посетить. Или что сайты с логотипами в центре смотрятся ультрасовременно. А примеры современного арт искусства заставят нас задуматься об абстрактных формах. Опрос про покупку картины выявит неожиданные тенденции в предпочтениях. Креативные идеи промышленных дизайнеров представят нам товары для дома. А иллюстрации с изображениями Стива Джобса еще раз отдадут дань памяти талантливому руководителю Apple.
В этой подборке собрана замечательная коллекция онлайн сервисов по работе с CSS кодами. Все эти сервисы существенно облегчают жизнь веб-разработчику. С их помощью можно сгенерировать CSS сетку для сайта, проверить код на предмет ошибок, адаптировать код под различные браузеры, сгенерировать CSS стили на основе стилей слоя фотошопа, получить коды паттернов для бэкграунда и градиентов, сжать CSS для увеличения скорости загрузки сайта. Много сервисов, специализирующихся на работе со шрифтами и их визуальным представлением.
Представляю вашему вниманию мой второй премиум вордпресс шаблон Propaganda. Шаблон лучше всего подходит для персональных блогов и сайтов. Тема имеет лаконичную цветовую гамму. Основные цвета — это черный, белый, серый с вкраплением красного элемента. Тема двухколоночная со встроенным слайдером и блоком социальных иконок после каждого поста. На кастомную админ панель вынесены все главные управляющие элементы. К шаблону прилагается пошаговая инструкция по установке и настройке со скриншотами, которая поможет вам настроить тему. 
Слайдер представляет собой великолепный инструмент для ротации и представления картинок на сайте. То есть, это небольшой блок, как правило вверху страницы или в сайдбаре, где посредством меняющихся картинок посетителя знакомят с самыми интересными материалами на сайте. Демонстрация картинок может сопровождаться небольшим сопроводительным текстом. Также у слайдера есть небольшая навигация в виде управляющих стрелок, динамических маркеров и предпрсмотров картинок. Размер слайдера также может регулироваться от совсем маленького до полноразмерного экрана.