Дизайн


05
08.2010

Прокачиваем таблицы с помощью CSS3

tables
Сегодня, мы познакомимся с некоторыми возможностями CSS3, а также изменим до неузнаваемости скучные и надоедливые таблицы. Всего, для таблиц будет создано 3 стиля: table1, table2 и table3. Посмотреть, как выглядят таблицы в готовом виде можно здесь, а скачать тут.
Читать далее →


18
06.2010

Лучшие сайты недели 4

Здравствуйте! Дорогие читатели. Представляем вашему вниманию очередную подборку лучших сайтов недели.

Jameslaicreative.com

www.jameslaicreative.com

Читать далее →


13
05.2010

Лучшие сайты недели 3

С небольшой задержкой(праздники 🙂 ) выпускаем очередную подборку «Лучших сайтов недели».

www.emotionslive.co.uk

www.emotionslive.co.uk

Читать далее →


03
05.2010

Лучшие сайты недели 2

Вот и прошла первая неделя с запуска новой рубрики, получаем новую порцию вдохновения:

Antonpeck.com
FireShot capture #033 - 'Homepage of Anton Peck, Digital Artist' -  www_antonpeck_com

Читать далее →


26
04.2010

Лучшие сайты недели

Этим постом я открываю серию сообщений «Лучшие сайты недели». В них буду публиковать самые интересные, на мой взгляд сайты, по дизайну. Так сказать дизайнерское вдохновение 😉

Получайте первую порцию из 7 сайтов:

Formebikes.co.uk

FireShot-capture-026-Affordable-and-stylish-road-bikes-from-Forme-www_formebikes_co_uk Читать далее →


23
03.2010

10 генераторов текста

text-generatorСегодня мы поговорим о рыбе. Нет, не о той, которая плавает в речке или в море. А о той, которую дизайнеры используют в качестве текста. А если быть точнее, я рассмотрю 10 генераторов текста, которые эту самую рыбу и генерируют.

В основном рыба представляет из себя lorem ipsum текст. Ну, или бредотекст про то, как космические корабли бороздят просторы вселенной и все в том же духе. Не буду утомлять вас долгим вступлением, перейдем сразу к обзору генераторов текста.
Читать далее →


17
02.2010

Модульные сетки в Веб-Дизайне

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

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

Не буду сильно расписывать, что это такое, просто дам пару ссылочек на эту тему:
— Модульные сетки, часть первая. «38 попугаев»
— Часть вторая. Алгоритм построения модульной сетки. Оптика и геометрия

А также советую всем воспользоваться интересным букмарклетом, который вывод модульную сетку поверх html страницы.

Ну и напоследок, мой набор из 2-х шаблонов для Photoshop с модульной сеткой на 12 и 16 колонок.


19
07.2009

Создание вертикального меню для сайта

css-menu
В прошлом посте я уже показывал, как с помощью изменения фона можно создавать красивые кнопки. Изменение фона отлично подходит для простых кнопок, для более сложных лучше измененить фоновое изображение. Особенно, если кнопки будут расположены в меню.

Основная проблема заключается в задержке вывода кнопки, когда браузер загружает изображение кнопки. Из-за этого создается мерцание. Есть несколько способов для того, чтобы избежать этого. Одним из них является метод pixy. Вместо нескольких фоновых изображений в нем используется одно, и это изображение будет выравниваться влево для обычного состояния и вправо, при наведении курсора на кнопку.
Читать далее →


03
07.2009

Создание красивых кнопок с помощью css

Кнопка

Наконец-то удалось выбраться в интернет. Давно не писал в блоге, на это были свои причины. Но теперь я вернулся. В этом посте я покажу, как можно сделать красивые кнопки с помощью css. Эти кнопки можно использовать в меню или в формах.

Вот так наши кнопки выглядят до изменения:

ПУСК

Не слишком красиво. Попробуем сейчас это исправить. Для этого зададим стиль для нашей первой css кнопки.
Читать далее →


28
04.2009

Верстаем дизайн для блога. Часть 2

В прошлом уроке мы сверстали макет нашей страницы, сделали фон и добавили тени отбрасываемые контент областью. Сегодня мы займемся шапкой нашего шаблона.

Первое чем мы займемся – это разметим шапку под основные элементы:

1) Логотип сайта

2) Поиск

3) Горизонтальное меню.

Для этого в файл index.html в теге:

Читать далее →