Блог веб-разработчика » CSS

CSS фрэймворки

ingvar — Sat, 13 Mar 2010 23:21:04 +0000

CSS фрэймворки удобно использовать на этапах прототипирования, или при разработке фронтэнда, в то время пока верстка полностью не реализована.

Список популярных CSS фрэймворков

• YAML

Возможно использование YAML Builder для визуальной разработки структуры страниц

• Blueprint

– Blueprint Grid CSS Generator
– The Blueprint CSS Framework – Tutorials, How-to Guides and Tools
– The Blueprint Tools and Resources
– Boks – A Visual Grid Editor an Air application based on Blueprint CSS
– http://instantblueprint.com/

• 960 Grid System

– онлайн генератор для 960gs Variable Grid System

• EZ-CSS

– как утверждают разработчики: «It is light (1kb), flexible, browser-friendly and easy to use!»

• Compass CSS Framework

– http://wiki.github.com/chriseppstein/compass/
– http://www.slideshare.net/superdeluxesam/about-compass

• Grid System Generator

– интересная система – позволяет создавать шаблоны с фиксированной разметкой на основе одного из четырех CSS фреймворков: 960 Grid System, Golden grid, 1kb grid, Simple grid system

Что интересного почитать:

• Список полезных инструментов для CSS разработчика
• CSS фрэймворки
• 60 Tools To Optimize Your CSS
• Прототипы с Grid 960 CSS Framework.

CSS: создание закругленных углов на сайтах

Igor — Thu, 24 Jul 2008 23:22:13 +0000

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

Русскоязычные сайты:
http://cssing.org.ua/2008/06/23/rounded-corners-unusual-approach/
http://cssmake.ru/component/content/article/5–boxes/79-gradientcorners.html
http://habrahabr.ru/blog/webdev/47616.html
38 статей о создании закругленных углов на сайтах

Англоязычные:
http://blog.josh420.com/archives/2007/11/how-to-create-fluid-width-div-layers-with-rounded-corners.aspx
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
http://www.smileycat.com/miaow/archives/000044.php
http://www.schillmania.com/projects/dialog2/

20+ ресурсов с готовыми CSS шаблонами

Igor — Wed, 23 Jul 2008 18:45:25 +0000

Вебмастера всегда ищут способы как сэкономить свое время при разработке сайта. Например, можно использовать готовые CSS шаблоны, тем более выбор очень разнообразен и, наверняка, каждый найдет нужное ему решение. Ниже я расскажу о 22х ресурсах, где вы можете найти CSS шаблоны.

дальше…

CSS: Лишние отступы под изображениями

Igor — Sat, 19 Jul 2008 16:39:26 +0000

Решаем проблему с отступами под изображениями.

img {
  vertical-align: top;
}

Источник:
• Лишние отступы под изображениями в IE6,7
• Habrahabr: Убираем лишний отступ внизу изображения

IE png fix

Igor — Sat, 19 Jul 2008 15:42:25 +0000

Очень хорошее решение, недавно обновилось, обещают поддержку background-position и background-repeat.

IEPNGFix v2.0 Alpha

Блог веб-разработчика » CSS

CSS фрэймворки

Список популярных CSS фрэймворков

• YAML

• Blueprint

• Yahoo! UI Library CSS

• 960 Grid System

• CleverCSS

• Tripoli

• LESS CSS Framework