Clear:both vs. overflow:hidden. Что лучше?

Хочу поделиться не хитрым clearfix хаком.

По сути, это симбиоз сlear:both и overflow:hidden, вобравший в себя всё самое лучшее.

5 Chrome расширений для веб-дизайнера

В сегодняшней заметке хочу поделиться с вами пятью расширениями для Google Chrome, которыми пользуюсь сам в повседневной работе.

Каждое из них очень просто в использовании. И это стоит рассматривать как плюс, нежели недостаток. Чтобы использовать расширения, описанные ниже, достаточно их просто установить и сразу же приступить к эксплуатации.

Адаптивное менюПростейшее адаптивное меню

В заметке речь идёт о том, как создать простейшее адаптивное меню.

Применяется оно на сайтах с адаптивным дизайном. Это тот, который подстраивается под параметры устройства, с которого просматривается.

A Book Apart, серия книг для веб-дизайнеровA Book Apart, серия книг для веб-дизайнеров

A Book Apart — это издательство, специализирующееся на узкоспециализированных книгах, каждая из которых затрагивает узкую сферу деятельности. Книги не большие по объёму, но переполнены полезной информацией. Концентрат полезности достигнут путём «отжима воды», только нужное, только по теме. При этом каждая книга написана живым, интересным языком, с уместным юмором. Ну, почти все книги из серии написаны таким […]

13 трюков для вёрстки сайта. CSS-шпаргалка.13 трюков для вёрстки сайта. CSS-шпаргалка.

Столкнувшись с задачей создать новый сайт, мы обязательно прибегаем к процессу создания каскадных таблиц стилей, или, проще говоря – CSS. Пускай это и повседневная работа, из разряда «рутины», каждый новый CSS-файл – индивидуальное решение. В последнее время, если затрагивается тема CSS, то, как правило, разговор сводится к нововведениям в CSS3: градиенты, анимация, поддержка нескольких бекграундов […]

Спецсимволы htmlСпецсимволы html

Решил, что сколько уже можно? Я постоянно ищу спецсимволы html через гугл и каждый раз захожу на новые сайты. Надоело. Теперь, если мне понадобятся стрелочки или неразрывный пробел, буду использовать свой блог. Это удобнее, быстрее и, возможно, полезнее будет. Пользуйся на здоровье =)

Создание промо-сайтаСоздание промо-сайта

Была разработана ещё одна версия промо-сайта, на этот раз приуроченная к празднику 8 марта, который в рамках рекламной кампании позиционировался, как «праздник весны». В связи с этим эксплуатация замечательной восьмёрки, красиво обыгранной графически — вариант невозможный. В отличие от сайта для дня Св. Валентина, нужный вариант был «пойман» практически сразу.

В день Святого ВалентинаВ день Святого Валентина

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

Где же Вы, «маэстро»?Где же Вы, «маэстро»?

Есть на сайте Студии Лебедева хорошая рубрика «бизнес-линч», куда каждый желающий может отправить свою работу на критику. Правила линчевания предельно просты — заинтересованный в рецензии дизайнер загружает изображение — иллюстрацию, сайт, логотип, макет рекламы, обложку книги, объект и т. д.,— которое либо я (Артемий Лебедев), либо другой арт-директор или дизайнер студии беспристрастно комментируем в свойственной каждому из нас манере. Новые рецензии публикуются ежедневно в 00:00 по московскому […]

Новый проект «Жизнь на максимум»Новый проект «Жизнь на максимум»

Здравствуй, дорогой читатель. Давно не списывались ;) Я вернулся из затяжного офф-лайн отпуска и хочу поделиться с тобой новостью. Не смотря на то, что долгое время не было новых заметок, я не сидел без дела, а занимался разработкой нового проекта. Проект не коммерческий, а новый авторский блог твоего покорного слуги. Имя ему &laquoжизнь на максимум». Обновление: проект выполнил свою задачи и закрыт. Сайт только запущен и информации, разумеется, на нём минимум. […]

Элементы сайтаЭлементы сайта

Когда берёшься за создание дизайна сайта, то в каждом проекте приходится использовать одни и те же базовые элементы. У каждого сайта есть кнопки, курсоры, чекбоксы, формы для заполнения и т.д. Гораздо проще и разумнее не прорисовывать их каждый раз заново, а иметь отдельный файл, в котором собраны все основные графические элементы сайта. Каждый дизайнер собирает […]

Про оформление номера телефона на сайтеПро оформление номера телефона на сайте

Не секрет, что посещая различные сайты, я смотрю на их дизайн: запоминаю удачные ходы, обращаю внимание на ошибки, подмечаю неудобности, которые нельзя допускать. Элементы, которым уделяю внимания больше всего — типография и телефоны. Первое — обширная тема, на которую написано множество умных книг, а вот о телефонах на сайте можно поговорить в рамках одного поста.

Дизайн сайта для проекта RUbloggersДизайн сайта для проекта RUbloggers

Сайт: http://rubloggers.com/ Задача: создание дизайна для коллективного блога, в котором будут размещаться статьи различной тематики, разными авторами. Инструмент: Adobe Photoshop CS3. Пусть кто и говорит, что Фотошоп для ретуши, а макеты для сайта нужно проектировать в Ин Дизайне или Иллюстраторе, а я по старинке работаю. Корал тоже не признаю в этом плане. Авторам коллективного разума не сидится на месте. Успешно запустив параллельный блог, который сразу же зажил самостоятельной […]

Polart: студия анимации и школа программистовPolart: студия анимации и школа программистов

Сайт: http://www.polart-studio.ru/ Задача: Редизайн. Создание нового дизайна для сайта, на основе прошлого варианта, сохраняя цветовую гамму, расположение блоков информации и логотип. Сверстать из утвержденного макета шаблон для WordPress. Инструменты: Adobe Photoshop CS3, Macromedia Flash 8, PSPad Как видно из списка инструментов, при создании сайтов начал использовать технологии флеша.