Адаптивный веб-дизайн: модульные сетки и фреймворки

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

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

Mobile Boilerplate


«Mobile Boilerplate» один из лучших шаблонов для построения сложных и производительных веб-приложений. Вы получаете не только совместимость с современными браузерами мобильных устройств, но также поддержку старых Blackberry, Symbian и Windows Mobile. Хочется выделить, что он позволяет создать лишь отдельную версию для мобильных устройств.



( Читать дальше )
  • 0
  • 14 ноября 2011, 12:54
  • admin
  • 6

Примеры использования иллюстраций и рисунков от руки в веб-дизайне

Существует достаточно много способов придать сайту индивидуальности, глубины, стиля и конечно использование рисованой графики для решения этих задач подходит наилучшим образом. Можно слегка подчекнуть стиль сайта рисоваными фоновыми элементами, а можно нарисовать сайт полностью, от иконок до рукописного текста. Также, некоторые могут сказать, что использование иллюстраций может навредить удобству пользователя. Отчасти это правда, ведь если представить себе новостной сайт в подобном стиле, то на него в следующий раз уже не захочешь заходить. Поэтому иллюстрации должны быть уместны и грамотно подобраны.
Мы подобрали несколько интересных, на наш вгляд, сайтов.

Eventipity


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


( Читать дальше )
  • 0
  • 13 ноября 2011, 19:31
  • admin
  • 2

Как сделать иллюстрацию в стиле рисунков Роя Лихтенштейна (Photoshop, Illustrator)



В течении последних нескольких недель я пробовал пользоваться полутоновыми фильтрами, мне был интересен результат и на что они способны. К тому же, к большому удивлению, я обнаружил инструмент Width Tool в Illustrator CS5. Имея эти два инструмента я решил найти им применение и создать иллюстрацию в стиле Роя Лихтенштейна.

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

Рой Лихтенштейн (Roy Fox Lichtenstein; 27 октября 1923 — 29 сентября 1997) — американский художник, представитель поп-арта. Успех художнику принесли его работы на темы комиксов и журнальной графики. Википедия



( Читать дальше )
  • 0
  • 12 ноября 2011, 20:32
  • admin
  • 2

«Прозрачный экран» и как это делается (пошаговая инструкция)

Иллюзии могут быть весьма правдоподобными, а если вы решили задействовать экран монитора, то результаты могут быть просто фантастическими.
Взять, к примеру, трюк «Прозрачный экран». Идея максимально проста и лежит на поверхности: сфотографируйте комнату и установите полученную фотографию в качестве фонового изображения рабочего стола, затем расположите компьютер так, чтобы комната являлась продолжением вашего фонового рисунка. Если вы все сделали правильно, то трюк удался.
Просто, но посмотрите, какой эффект!
Так же, в конце, вас ждет пошаговая инструкция для создания подобных фотографий.



( Читать дальше )
  • +1
  • 05 января 2011, 07:09
  • admin
  • 3

Необычный дизайн привычных вещей

Вещи, не просто должны служить вам в доме, но и одновременно радовать глаз, так считают современные дизайнеры.

 Алюминиевые миски. Дизайнер: Нина Эллис


( Читать дальше )
  • +1
  • 05 января 2011, 04:47
  • admin
  • 3

«Последний путь» Дина Роджерса

Английский фотограф Дин Роджерс запечатлел места автокатастроф, в которых погибли знаменитости.
Каждый снимок сделан в годовщину аварии, в то же время суток и именно с того места, в котором находился автомобиль за секунду до происшествия.

 США, шоссе 46, Чалам, штат Калифорния. Джеймс Дин, актер, 24 года. Время аварии: 16:30, 30 сентября 1955 года.

( Читать дальше )
  • +1
  • 05 января 2011, 03:16
  • admin
  • 2