Меняz верстку сайту, при работе с Ipad/Iphone обязательно всплывёт очень много тонкостей: Читать далее Верстка под IPAD/IPHONE
Метка: Верстка
Правила качественной верстки
Создание любого сайта начинается, как известно, с идеи. Сообразно идее специалисты продумывают дизайн сайта, планируют наполнение контентом. Но «физическое» изготовление веб-страниц начинается с важнейшего этапа – верстки сайта, без которой не обходится ни один проект. Для того чтобы отдавать вёрстку клиенту, достаточно соблюдения первых 4 пунктов.
Для выдачи в продакшен — первых 6.
Самое главное требование: Соответствие макету. Читать далее Правила качественной верстки
Верстка для веб дизайнеров
Довольно часто дизайнеров справедливо обвиняют в том, что, создав дизайн сайта, они уходят в свой кокон и замыкаются в неведении, оставляя всю «грязную работу» по воплощению дизайна в жизнь разработчикам. Такая равнодушная позиция отмечается не только в индустрии создания сайтов, но и при разработке программного обеспечения и игр.
Суровая действительность указывает на то, что весь процесс разработки должен происходить при участии дизайнеров. Для достижения оптимальной эффективности дизайнер должен уметь не только нарисовать картинку, но и встроить ее! В этой статье я хотел бы поделиться несколькими соображениями о том, почему дизайнеры должны уметь верстать сайты. Читать далее Верстка для веб дизайнеров
CSS шаблоны и CSS генераторы
Готовые CSS шаблоны для сайтов в последнее время стали очень популярными. Поставил движок — и за пару минут установил на него любой понравившийся дизайн. Это если нет желания и навыков делать дизайн для своего сайта или блога. Если такое желание есть, то можно воспользоваться заготовками, которые сделаны в соответствии со стандартами и позволят сделать на их основе прекрасный дизайн, легкий и красивый, который будет нормально отображаться во всех браузерах. Использование готовых CSS заготовок для дизайна экономит массу времени и сил, позволяя сосредочиться на креативности и уникальности дизайна. Читать далее CSS шаблоны и CSS генераторы
Браузеры для тестирования верстки
неплохой набор виртуализированных браузеров, не требующих установки. Замечательно подойдёт для тестирования вёрстки.
— IE 6, 7, 8.
— Firefox, Safari, Opera.
— Chrome.
EmChart
Использование относительных единиц для размера шрифта — несомненный плюс. Вот только считать их долго и неприятно т.к. для следующего элемента в каскаде необходимо учитывать размер предыдущего. В Aloe Studios сделали замечательную табличку, которая позволяет упростить данную задачу.
Столбцы в таблице — желаемый размер в px, строки — текущий размер в px.
Средняя часть таблички — множитель, который как раз используется в CSS:
множитель = желаемый размер в px / текущий размер в px
Памятка дизайнеру сайтов
Большая часть готовилась для моего выступления на «РИТ: Клиентские технологии», куда я, к сожалению, не доехал.
К сожалению огромная армия даже опытных, «модных» и эффектных дизайнеров забывают, что результатом их творчества должен быть сайт, а не только
Первоначально эта памятка писалась мною для внутреннего пользования но, обрастая материалами, выросла в самостоятельную статью. Америку я не открыл, а просто собрал воедино и сформулировал ряд требований, которые должен учитывать дизайнер в процессе проектирования и оформления сайта. Читать далее Памятка дизайнеру сайтов