Сегодня, мы познакомимся с некоторыми возможностями CSS3, а также изменим до неузнаваемости скучные и надоедливые таблицы. Всего, для таблиц будет создано 3 стиля: table1, table2 и table3. Посмотреть, как выглядят таблицы в готовом виде можно здесь, а скачать тут.
Читать далее →
Записи с тегом: Дизайн
05
08.2010
Прокачиваем таблицы с помощью CSS3
13
05.2010
Лучшие сайты недели 3
С небольшой задержкой(праздники 
) выпускаем очередную подборку «Лучших сайтов недели».
www.emotionslive.co.uk
03
05.2010
Лучшие сайты недели 2
Вот и прошла первая неделя с запуска новой рубрики, получаем новую порцию вдохновения:
Antonpeck.com
26
04.2010
Лучшие сайты недели
Этим постом я открываю серию сообщений «Лучшие сайты недели». В них буду публиковать самые интересные, на мой взгляд сайты, по дизайну. Так сказать дизайнерское вдохновение 
Получайте первую порцию из 7 сайтов:
Formebikes.co.uk
23
03.2010
10 генераторов текста
Сегодня мы поговорим о рыбе. Нет, не о той, которая плавает в речке или в море. А о той, которую дизайнеры используют в качестве текста. А если быть точнее, я рассмотрю 10 генераторов текста, которые эту самую рыбу и генерируют.
В основном рыба представляет из себя lorem ipsum текст. Ну, или бредотекст про то, как космические корабли бороздят просторы вселенной и все в том же духе. Не буду утомлять вас долгим вступлением, перейдем сразу к обзору генераторов текста.
Читать далее →
19
07.2009
Создание вертикального меню для сайта
В прошлом посте я уже показывал, как с помощью изменения фона можно создавать красивые кнопки. Изменение фона отлично подходит для простых кнопок, для более сложных лучше измененить фоновое изображение. Особенно, если кнопки будут расположены в меню.
Основная проблема заключается в задержке вывода кнопки, когда браузер загружает изображение кнопки. Из-за этого создается мерцание. Есть несколько способов для того, чтобы избежать этого. Одним из них является метод pixy. Вместо нескольких фоновых изображений в нем используется одно, и это изображение будет выравниваться влево для обычного состояния и вправо, при наведении курсора на кнопку.
Читать далее →
03
07.2009
Создание красивых кнопок с помощью css
Наконец-то удалось выбраться в интернет. Давно не писал в блоге, на это были свои причины. Но теперь я вернулся. В этом посте я покажу, как можно сделать красивые кнопки с помощью css. Эти кнопки можно использовать в меню или в формах.
Вот так наши кнопки выглядят до изменения:
Не слишком красиво. Попробуем сейчас это исправить. Для этого зададим стиль для нашей первой css кнопки.
Читать далее →
28
04.2009
Верстаем дизайн для блога. Часть 2
В прошлом уроке мы сверстали макет нашей страницы, сделали фон и добавили тени отбрасываемые контент областью. Сегодня мы займемся шапкой нашего шаблона.
Первое чем мы займемся – это разметим шапку под основные элементы:
1) Логотип сайта
2) Поиск
3) Горизонтальное меню.
Для этого в файл index.html в теге:
11
04.2009
Верстаем дизайн для блога. Часть 1
В прошлых статьях мы нарисовали дизайн нашего блога. Сегодня мы займемся версткой. Это первая статья из серии. В ней мы сделаем разметку нашей будущей страницы.
В чем верстать выбор лично ваш, я предпочитаю NetBeans.
Для начала создадим 2 файла «index.html» и «style.css», а также папку «images» в ней мы будем хранить картинки для шаблона.
В файл «index.html» добавим следующий код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Дизайн блога</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body> </body> </html>
19
03.2009
Создание дизайна сайта от А до Я. Часть 4
Это последняя статья по рисованию дизайна, в следующих мы будем заниматься версткой.
С прошлого урока дизайн немного изменился. Все правки вы найдете в прилагающихся файлах проекта.
На данный момент мой вариант дизайна выглядит следующим образом:
