Верстка

Нестандартные шрифты в HTML 5 и CSS 3

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

Основу использования нестандартного шрифта составляет такой код CSS:

Полезные CSS-сниппеты для front-end разработчика

Начну с полезных CSS-сниппетов для front-end разработчика. Я сам пользуюсь такими для быстрой верстки и оформления html страниц в Android приложениях. Они реально ускоряют процесс разработки сайта, а также оптимизируют процесс верстки.

1. Базовая HTML5 конструкция
Основной код любой страницы, которому многие разработчики уделяют недостаточно внимания. Подключены jQuery 1.8.2 и HTML5shiv для корректного отображения в старых браузерах.

Онлайн сервисы для создания макета сайта

Для быстрого создания макетов сайта, есть популярные онлайн сервисы для создания макета сайта:
https://gomockingbird.com/ - Mockingbird
http://pencil.evolus.vn/en-US/Home.aspx - Pencil Project
http://www.protoshare.com/ - ProtoShare
http://www.hotgloo.com/ - Hot Gloo
http://www.mockflow.com/ - MockFlow
http://balsamiq.com/products/mockups - Balsamiq Mockups
http://creately.com/
http://codiqa.com/ - для мобильных приложений

Быстрое создание HTML и CSS кода с помощью Zen Coding

Вы задумывались, как сделать свою работу по верстке сайтов более быстрой? Я тоже постоянно об этом думаю :-) Главное в нашем деле продуктивность и быстрота верстки сайта с дизайн-макетов. На это обычно тратится просто уйма времени, еще больше времени тратится на написание кода html и css.
И в последнее время я начал использовать для верстки сайтов - Zen Coding.

HTML5 и Canvas

Уже плавно перехожу на HTML 5 для своих новых проектов. И заинтересовался созданием игр на HTML5 и JavaScript с помощью Canvas. Погуглил в Инете и нашел классные статьи для начинающих. Они дают возможность начать и пользоваться оффициальной документацией:

CSS фреймворк (css framework) от Twitter

Встала насущная проблема, которая наверное касается всех программистов... Нужно для небольшого проекта сделать быстро верстку в современном стиле, желательно для просмотра на всех современных устройствах: iPad, iPhone, Android Phone и других. Оказалось многие уже используют css framework'и, но недавно нашел что Twitter выпустил свой набор стилей для быстрой настройки интерфейсов с помощью css - Bootstrap.

Сайты с бесплатными CSS шаблонами (free css templates)

Сегодня пишу список сайтов с бесплатными CSS шаблонами (free css templates). Мне очень часто приходится искать и переделывать css шаблоны для требуемой фунциональности различных CMS - Drupal 7, Joomla! 1.7, Wordpress 3. Поэтому что бы постоянно не искать, пишу сюда и буду заглядывать как в шпаргалку...

CSS Framework своими руками от Yandex

Интересное видео от разработчика Яндекса Виталия Харисова - - http://igorilchenko.org.ua/css-framework-svoimi-rukami-yandex-video/

Рассказывается о подходе к верстке посредством фреймворка, применяемом в компании Яндекс.

Обновляем сайт до HTML 5 в 2 частях

http://www.outcoldman.ru/ru/blog/show/275 - Обновляем сайт до HTML. Часть 1. Блог программиста и web-разработчика Denis.Gladkikh (outcoldman)
http://www.outcoldman.ru/ru/blog/show/282 - Обновляем сайт до HTML 5. Часть 2.

Нашел новые сайты бесплатных шаблонов CSS и Wordpress

Недавно наткнулся на один хороший блог. Нашел для себя много полезного. Советую и Вам почитать!
И там же нашел ссылки на сайты БЕСПЛАТНЫХ шаблонов CSS и Wordpress - http://www.iwebsitetemplate.com/ и соответсвенно http://newwpthemes.com/
Советую посмотреть! Нашел много идей для своих дизайнов сайтов и верстки xhtml и css.

RSS-материал