Метка: Верстка

Верстка под IPAD/IPHONE

559[1]Меняz верстку сайту, при работе с Ipad/Iphone обязательно всплывёт очень много тонкостей: Читать далее Верстка под IPAD/IPHONE

Правила качественной верстки

site141[1]Создание любого сайта начинается, как известно, с идеи. Сообразно идее специалисты продумывают дизайн сайта, планируют наполнение контентом. Но «физическое» изготовление веб-страниц начинается с важнейшего этапа – верстки сайта, без которой не обходится ни один проект.  Для того чтобы отдавать вёрстку клиенту, достаточно соблюдения первых 4 пунктов.
Для выдачи в продакшен — первых 6.
Самое главное требование: Соответствие макету. Читать далее Правила качественной верстки

Верстка для веб дизайнеров

header_left

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

Суровая действительность указывает на то, что весь процесс разработки должен происходить при участии дизайнеров. Для достижения оптимальной эффективности дизайнер должен уметь не только нарисовать картинку, но и встроить ее! В этой статье я хотел бы поделиться несколькими соображениями о том, почему дизайнеры должны уметь верстать сайты. Читать далее Верстка для веб дизайнеров

CSS шаблоны и CSS генераторы

mitchbrysonГотовые CSS шаблоны для сайтов в последнее время стали очень популярными. Поставил движок — и за пару минут установил на него любой понравившийся дизайн. Это если нет желания и навыков делать дизайн для своего сайта или блога. Если такое желание есть, то можно воспользоваться заготовками, которые сделаны в соответствии со стандартами и позволят сделать на их основе прекрасный дизайн, легкий и красивый, который будет нормально отображаться во всех браузерах. Использование готовых CSS заготовок для дизайна экономит массу времени и сил, позволяя сосредочиться на креативности и уникальности дизайна. Читать далее CSS шаблоны и CSS генераторы

Браузеры для тестирования верстки

неплохой набор виртуализированных браузеров, не требующих установки. Замечательно подойдёт для тестирования вёрстки.

— IE 6, 7, 8.
— Firefox, Safari, Opera.
— Chrome.

Используем в работе.

EmChart

Использование относительных единиц для размера шрифта — несомненный плюс. Вот только считать их долго и неприятно т.к. для следующего элемента в каскаде необходимо учитывать размер предыдущего. В Aloe Studios сделали замечательную табличку, которая позволяет упростить данную задачу.

Столбцы в таблице — желаемый размер в px, строки — текущий размер в px.
Средняя часть таблички — множитель, который как раз используется в CSS:

множитель = желаемый размер в px / текущий размер в px

Памятка дизайнеру сайтов

Большая часть готовилась для моего выступления на «РИТ: Клиентские технологии», куда я, к сожалению, не доехал.

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

Первоначально эта памятка писалась мною для внутреннего пользования но, обрастая материалами, выросла в самостоятельную статью. Америку я не открыл, а просто собрал воедино и сформулировал ряд требований, которые должен учитывать дизайнер в процессе проектирования и оформления сайта. Читать далее Памятка дизайнеру сайтов