Эта статья, является в первую очередь ответом на недавно вышедшую статью: «Простые правила простой вёрстки».
Автор пригласил написать ответ, высказать свой взгляд на эти примеры и рекомендации, этим приглашением ниже я и намерен воспользоваться. (Читать оригинальную статью перед тем, как зайти под кат — обязательно!)
Читать полностью »
Рубрика «верстка» - 19
Спорные правила простой верстки
2012-08-28 в 8:48, admin, рубрики: css, html, верстка, Песочница, метки: css, html, версткаПогружение в адаптивную вёрстку с Foundation
2012-08-27 в 12:22, admin, рубрики: Foundation, адаптивный дизайн, веб-дизайн, верстка, Мобильный веб, переводы, метки: Foundation, адаптивный дизайн, версткаДжонатан Смайли | Перевод Главмастера | Оригинал
- «Лёгкий» фреймворк
- Макетирование для развлечения и прибыли
- Наброски нашего супер-сервиса по распространению книг через обмен «BookImpart»
- Кодированные сеточки
- О тех, других устройствах...
- Макетируйте заранее, почаще и всё, что можете.
- Автор
На свете уже толпа мобильных устройств с полным доступом в интернет. Все со своими возможностями и ограничениями, определяющимися стилем, размером и разрешением экрана, формой. Без вариантов одно — они набрали ход, по уровню жора трафика, оставивший позади стационарные компы. И для того, чтобы уже в следующем году не выкатывать вёрстку, вызывающую желание избегать возврата на сайт, вэбмастерам чесаться надо уже вчера.
Читать полностью »
Простые правила простой вёрстки
2012-08-27 в 12:16, admin, рубрики: css, html, верстка, метки: css, html, версткаРечь в этой небольшой статье пойдет не о специфических техниках для конкретных случаев, также не будет раскрыта тема правильной оптимизации кода и графики под высоконагруженные проекты. Не знаю, много ли здесь людей, часто имеющих дело с вёрсткой небольших проектов, для которых избыточно применение haml/sass и кучи методик правильной оптимизации, отлично описанных в статьях других профессионалов.
Ко мне уже несколько лет регулярно обращаются заказчики с просьбой завершить вёрстку их проекта, которую по каким либо причинам не закончил другой исполнитель, или поправить баги, несмотря на то, что я не работаю с чужим кодом, или ломлю за это двойную цену. Судя по ленте проектов известных российских фрилансерских сайтов, эта проблема стоит достаточно остро, за доработки никто не хочет браться. Самое удивительное, что большая часть ошибок совершенно типовые и легко исправляемые.
Попробую собрать общие рекомендации, следуя которым можно получить не только деньги, но и благодарность заказчика, программистов и будущих посетителей сайта. Вещи очевидные, но статьи, собирающей их воедино я не нашел.
Читать полностью »
Input attribute placeholder
2012-08-02 в 11:33, admin, рубрики: html, input, jquery, placeholder, верстка, формы, метки: html, input, jquery, placeholder, верстка, формыТут уже поднималась тема об использовании такого замечательного атрибута форм как placeholder. И даже приводились примеры на js (ищем по слову placeholder).
Экономия места при создании форм налицо (особенно в всплывающих формах). Поэтому было решено не отказываться от атрибута, а просто помочь ему заявить о себе и Internet Explorer. На помощь был призван jQuery.
Читать полностью »
Шаблоны для верстки или «экономим свое время»
2012-07-25 в 10:02, admin, рубрики: div, веб-дизайн, Веб-разработка, верстка, готовые решения, метки: div, верстка, готовые решения 
Верстальщики — люди ответственные, ибо верстать нужно качественно и успевать укладываться в определенные сроки, но не всегда это получается. Выход есть
Представляю Вашему вниманию 16 готовых шаблонов для верстки сайтов, Вам остается лишь выбрать подходящий вариант и скопировать код шаблона в текстовый редактор
10 правил хорошего тона в web-дизайне, или Как не поругаться с верстальщиком
2012-07-17 в 11:25, admin, рубрики: веб-дизайн, верстка, дизайн, общение, Песочница, метки: верстка, дизайн, общение Данная статья посвящена опытным верстальщикам и неопытным дизайнерам. Первым она понадобится, чтобы тыкать в неё носом вторых, вместо того, чтобы долго объяснять, что такое жизнь в черном квартале как правильно подготовить макет под верстку.
Зачастую верстальщики, громко матерясь, рвут на голове волосы, после того, как увидят присланный на верстку макет. А все потому, что дизайнеры забывают о том, что макет нужно не только дизайнить а в дальнейшем еще и верстать. В итоге на выходе получается в лучшем случае «немножко не то», в худшем — «никому не говорите, что это сделал я». Как избежать подобных инцидентов, читайте под катом.
Читать полностью »
Как не поссориться с верстальщиком, или 10 правил хорошего тона в web-дизайне
2012-07-17 в 11:25, admin, рубрики: веб-дизайн, верстка, дизайн, общение, Песочница, метки: верстка, дизайн, общение Данная статья посвящена опытным верстальщикам и неопытным дизайнерам. Первым она понадобится, чтобы тыкать в неё носом вторых, вместо того, чтобы долго объяснять, что такое жизнь в черном квартале как правильно подготовить макет под верстку.
Зачастую верстальщики, громко матерясь, рвут на голове волосы, после того, как увидят присланный на верстку макет. А все потому, что дизайнеры забывают о том, что макет нужно не только дизайнить а в дальнейшем еще и верстать. В итоге на выходе получается в лучшем случае «немножко не то», в худшем — «никому не говорите, что это сделал я». Как избежать подобных инцидентов, читайте под катом.
Читать полностью »
Как кодер видит дизайн?
2012-07-04 в 9:54, admin, рубрики: TemplateMonster Russia, веб-дизайн, Веб-разработка, верстка, дизайн сайтов, создание сайтов, метки: TemplateMonster Russia, верстка, дизайн сайтов, создание сайтовСоздание качественного и востребованного продукта — это, как правило, результат слаженной работы нескольких производственных цепочек. Важно уметь «подружить» эти цепочки и настроить их на совместную работу.
Сегодня хотелось бы поговорить о том, как кодер видит дизайн C этим вопросом я отправился к техническим специалистам компании TemplateMonster Russia. Им слово…
Правильный дизайн по сетке глазами кодера
2012-07-04 в 9:54, admin, рубрики: TemplateMonster Russia, веб-дизайн, Веб-разработка, верстка, дизайн сайтов, создание сайтов, метки: TemplateMonster Russia, верстка, дизайн сайтов, создание сайтовСоздание качественного и востребованного продукта — это, как правило, результат слаженной работы нескольких производственных цепочек. Важно уметь «подружить» эти цепочки и настроить их на совместную работу.
Сегодня хотелось бы поговорить о том, как кодер видит дизайн C этим вопросом я отправился к техническим специалистам компании TemplateMonster Russia. Им слово…
Выпадающее меню в панели номеров страниц Twitter Bootstrap
2012-06-28 в 19:38, admin, рубрики: css, Twitter Bootstrap, Веб-разработка, верстка, метки: css, Twitter Bootstrap, версткаВчера я делал верстку для панели с номерами страниц с использованием Twitter Bootstrap и мне потребовалось добавить туда выпадающее меню (для выбора вариантов сортировки и количества элементов на странице).
Bootstrap не содержит стандартных стилей для выпадающих меню в панели номеров страниц. Я написал свои стили для выпадающих меню, возможно, кому-то они будут полезны.
Скачать файл .less (просто подключите вместе с twitter bootstrap)
Демо