Категория "Дизайн"
Прокачиваем таблицы с помощью CSS3
Сегодня, мы познакомимся с некоторыми возможностями CSS3, а также изменим до неузнаваемости скучные и надоедливые таблицы. Всего, для таблиц будет создано 3 стиля: table1, table2 и table3. Посмотреть, как выглядят таблицы в готовом виде можно здесь, а скачать тут.
Continue Reading
Лучшие сайты недели 4
Здравствуйте! Дорогие читатели. Представляем вашему вниманию очередную подборку лучших сайтов недели.
Jameslaicreative.com
Лучшие сайты недели 3
С небольшой задержкой(праздники 
) выпускаем очередную подборку «Лучших сайтов недели».
www.emotionslive.co.uk
Лучшие сайты недели 2
Вот и прошла первая неделя с запуска новой рубрики, получаем новую порцию вдохновения:
Antonpeck.com
Лучшие сайты недели
Этим постом я открываю серию сообщений «Лучшие сайты недели». В них буду публиковать самые интересные, на мой взгляд сайты, по дизайну. Так сказать дизайнерское вдохновение 
Получайте первую порцию из 7 сайтов:
Formebikes.co.uk
10 генераторов текста
Сегодня мы поговорим о рыбе. Нет, не о той, которая плавает в речке или в море. А о той, которую дизайнеры используют в качестве текста. А если быть точнее, я рассмотрю 10 генераторов текста, которые эту самую рыбу и генерируют.
В основном рыба представляет из себя lorem ipsum текст. Ну, или бредотекст про то, как космические корабли бороздят просторы вселенной и все в том же духе. Не буду утомлять вас долгим вступлением, перейдем сразу к обзору генераторов текста.
Continue Reading
Модульные сетки в Веб-Дизайне
Модульная сетка — представляет собой набор невидимых направляющих, вдоль которых располагаются элементы
Модульная система вёрстки — система вёрстки, при которой основой композиции полос и разворотов становится модульная сетка с определенным шагом (модулем), одинаковым или разным по горизонтали и вертикали.
Модульная система упрощает и убыстряет художественное конструирование и создаёт благоприятные условия для автоматизации вёрстки при использовании компьютерных
Не буду сильно расписывать, что это такое, просто дам пару ссылочек на эту тему:
— Модульные сетки, часть первая. «38 попугаев»
— Часть вторая. Алгоритм построения модульной сетки. Оптика и геометрия
А также советую всем воспользоваться интересным букмарклетом, который вывод модульную сетку поверх html страницы.
Ну и напоследок, мой набор из
Создание вертикального меню для сайта
В прошлом посте я уже показывал, как с помощью изменения фона можно создавать красивые кнопки. Изменение фона отлично подходит для простых кнопок, для более сложных лучше измененить фоновое изображение. Особенно, если кнопки будут расположены в меню.
Основная проблема заключается в задержке вывода кнопки, когда браузер загружает изображение кнопки. Из-за этого создается мерцание. Есть несколько способов для того, чтобы избежать этого. Одним из них является метод pixy. Вместо нескольких фоновых изображений в нем используется одно, и это изображение будет выравниваться влево для обычного состояния и вправо, при наведении курсора на кнопку.
Continue Reading
Создание красивых кнопок с помощью css
Наконец-то удалось выбраться в интернет. Давно не писал в блоге, на это были свои причины. Но теперь я вернулся. В этом посте я покажу, как можно сделать красивые кнопки с помощью css. Эти кнопки можно использовать в меню или в формах.
Вот так наши кнопки выглядят до изменения:
Не слишком красиво. Попробуем сейчас это исправить. Для этого зададим стиль для нашей первой css кнопки.
Continue Reading
Верстаем дизайн для блога. Часть 2
В прошлом уроке мы сверстали макет нашей страницы, сделали фон и добавили тени отбрасываемые контент областью. Сегодня мы займемся шапкой нашего шаблона.
Первое чем мы займемся – это разметим шапку под основные элементы:
1) Логотип сайта
2) Поиск
3) Горизонтальное меню.
Для этого в файл index.html в теге:
