Foundation (Фундамент ) от ZURB, отличный CSS-фреймворк

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

При разработке сайтов информационной направленности хочется их сделать как можно быстрей и тут на помощь приходят готовые инструменты. Набор инструментов для создания сайтов и веб-приложений – CSS-фреймворк. Включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, блоков навигации и прочих компонентов веб-интерфейсов, включая javascript расширения для организации переключателей, слайдера и фотогалереи. Самым популярным точно можно назвать Twitter Bootstrap пишут, говорят и используют его многие. Мне приходилось с ним работать пару раз, но особой тяги к нему не возникло.

Год назад мне попался CSS-фреймворк Foundation (Фундамент). При первом знакомстве в глаза бросилась очень качественная документация, которая описывала все моменты Фундамента, возможность собрать свой пакет и поддержка sass. Качественная документация хорошо отразила возможности продукта, поэтому я решил использовать его в одном из крупных проектов.

 

Читать далее

Выбор IDE: История развития - Часть первая

Сегодня хочу рассказать об программных средствах, которые я использую при разработке сайтов. Сокращенно они именуются IDE (Integrated Development Environment) и позволяют сэкономить много времени, автоматизируя множество вещей. Рассказ начнется с исторических моментов: опишу IDE прошлых лет, как я ими пользовался, и что из этого получалось. Заканчивать статью буду современными решениями, которые приходят на помощь каждый день.

Читать далее

Modernizr и HTML5/CSS3 - что и как он делает

Modernizr и HTML5/CSS3 - что и как он делает



Modernizr, это небольшая javascript библиотека, которая определяет поддерживает ли браузер те или иные функции, свойства из HTML5/CSS3 и добавляет классы к <html> элементу на странице, которые позволяют использовать специфичную функциональность браузера в ваших таблицах стилей, без написания дополнительных скриптов.
Читать далее