Полезные ресурсы по верстке css-средствами

[IriskaN]

Учебник современной веб-верстки средствами CSS
журнал для веб-мастеров
описание почти всех свойств CSS 2.0.
http://www.alistapart.com/
http://csszengarden.com/
http://maxdesign.com.au/
http://www.positioniseverything.net/

[ekopro]

Учебники и справочные пособия по каскадным таблицамстилей CSS

http://www.articlesworld.ru/textbook/css.php

[Lukom]

Еще:
http://www.w3schools.com/
http://developer.mozilla.org/

[Aluk]

вопросик от ксс зависит форма сайта?

[IriskaN]

Aluk, имеешь ввиду разметку? Ее можно выполнить на базе css, без таблиц. Смотри ссылки

[Minras]

http://htmlbook.ru/ - справочник по тегам html и свойствам css
http://xhtml.ru/ - достойный продолжатель вебмаскона, множество статей и советов для верстки по стандартам

[rory13]

мне кажется ща всё заполняет сss2. надо по нему материала побольше бы.

[FLeXxx]

подскажите всетаки на какой книжке стоит остановиться!?

[MORFF]

Template is Customized in this Style

[Senemy]

Вот еще неплохой сайт:
http://www.webdesignfromscratch.com/css.cfm

[Iron_Rat]

"Шпоры"
Запостил ТУТ

Лучшие CSS ресурсы сети
--------------------------------------------------------------------------------
Англоязычные ресурсы

1. h--p://csszengarden.com/
На этом сайте вы можете лишний раз убедиться в силе CSS. Никакой магии, только один файл HTML и около 800 файлов CSS.

2. h--p://www.htmlbook.ru/css/
CSS - справочник.

3. h--p://www.webber.ru/articles/article32459.html
Еще один хороший CSS - справочник.

4. h--p://css.maxdesign.com.au/listamatic/index.htm
Ощутите силу CSS в воздействии на простые списки. Около ста примеров и четкие, простые инструкции помогут создать собственый стиль для горизонтального или вертикального меню на Вашем сайте.

5. h--p://www.webreference.com/authorin...yout/advanced/
Подробная инструкция по созданию layout using CSS. Урок был составлен на объяснении построения layout для прошлой версии сайта webreference.com.

6. h--p://www.thenoodleincident.com/tut...son/boxes.html
Ну вот наконец и практика, на сайте вы найдете 16 примеров создания box — model с правильным отображением в разных браузерах.

7. h--p://wellstyled.com/archive.html
Хотите сделать нечто интересное на своем сайте? Вам не избежать использования CSS хаков и трюков.
Советую обратить внимание на урок под названием Inline Blocks. Вот результат этого урока: h--p://wellstyled.com/files/css-inli...s/example.html
Чтобы понять о чем речь, понаблюдайте какие цвета принимают разные половинки представленных кнопок при наведении на них курсора.

8. h--p://www.webreference.com/programm...ery/index.html
Еще один урок от webreference. С помощью него Вы узнаете как создать фото — галерею использую только CSS техники.
Результат можно увидеть по этой ссылке: h--p://www.webreference.com/programm...es/gallery.htm

9. h--p://www.cssplay.co.uk/index.html
На этом сайте можно часами смотреть представленные примеры использования CSS техник. Иногда даже кажется, что такое невозможно сделать в принципе.
Но нет, это все CSS action! Чего только стоят 50 техник создания разнообразных CSS — меню. Для некоторых техник автор делает пояснения, а там где их нет, предлагается открыть код страницы и посмотреть все наглядно.

10. h--p://www.csscreator.com/version2/pagelayout.php
Онлайн программа по созданию CSS layout ( для ленивых).

11. h--p://www.w3schools.com/css/
Онлайн школа по CSS.

12. h--p://webmascon.com/topics/tools/10a.asp
Шпаргалка по CSS служит одновременно справочником и подсказкой. В ней перечислены все селекторы (вплоть до спецификации CSS 2.1) и свойства. В шпаргалку включен визуальный пример блочной модели, список всех единиц измерения, используемых в CSS, а также список медиа-типов, которые поддерживает CSS.

13. h--p://web-graphics.com/mtarchive/001602.php
Основная цель статьи — показать, что некоторые (если не все) CSS хаки можно заменить на вполне валидные CSS конструкции.

14. h--p://typetester.maratz.com/
Калькулятор шрифтов.

15. h--p://blog.html.it/layoutgala/
Тут представлены различные варианты построения блочной модели. Решения представлены простые, с меньшим применением хаков, а соответственно более удобные для понимания.

16. h--p://tools.sitepoint.com/spanky/how.php
Круглые углы - очередная идея

17. h--p://www.mauzon.com/?p=63
Простейшее подключение полупрозрачного png-изображения, работающее даже в IE < 7, а так же некоторые другие инетересные вещи.

18. h--p://www.cssdrive.com
Каждодневное обновление галлереии CSS. Ведется сортировка дизайна (2-3 колонки, темный и белый дизайн и т.п.). Публикуются ежедневные новости в мире дизайна. Есть туториалы, но не так много как на cssplay. Также есть онлайн оптимизатор. Есть rssfeeds для галлереии и новостей.

19. h--p://www.mandarindesign.com/
Весьма полезный ресурс ...примеры с кодами в категориях "Boxes and Borders" , "Text tricks" , "CSS Opacity" ...

20. h--p://www.oswd.org
Хорошие шаблоны на css

21. h--p://www.css.su/
Весь CSS на одной странице.

22. h--p://www.alvit.de/handbook/
Великолепный подбор ссылок по теме дизайна, в том числе и по CSS.

23. h--p://www.alexallied.com/category/tutorials/css/
Очень неплохие мануалы и "трики".

24. h--p://www.glish.com/css/
На этом сайте Вы найдете CSS техники, CSS туториалы и описание CSS ресурсов. Особенностью представленных техник, является наглядность подачи и простота в освоении.


Русскоязычные ресурсы

h--p://www.alexsergeyev.com/ru_stupid_tables
Пожалуй самая известная и авторитетная статья в пользу верстки на div'ах "Почему верстать таблицами глупо"
(первод статьи "Everybody loves stupid tables"

h--p://emo.com.ua/
Просто хороший блог по теме

h--p://loc.stack.ru/projects/CSS2/cover.html
CSS2- рекомендации W3C на русском языке.

h--p://umade.ru/
Помимо интересных тем, освещаемых автором и обсуждаемых с посетителями блога, есть еще вполне интересно насыщенный раздел со ссылками.

h--p://cssing.org.ua/
Название говорит само за себя. Основная тема блога - CSS, там даже категорий нет. Первый блог, с которого я начал изучать в серьез блочную модель. Так же смотрите раздел ссылок.

h--p://sudoku.org.ua/rus/blog/
Несколько примеров работы с AJAX + судоку на CSS...

h--p://agat.in/
Сайт автора русскоязычного каталога валидных сайтов с примением CSS, куча полезных советов/ссылок/идей.

h--p://flack.ru/
Сайт CSS дизайнера, есть интересные статьи.

З.Ы. Сборник не мой.... Автора не знаю. Ресурсы - стоящие. ;)

[Narciss]

очень много информации! это все хорошо, но мне, как новичку, непонятно с чего начинать нужно. подскажите, что для меня будет лучшим? с чего сами начинали? заранее спасибо

[Незнаечка]

http://www.taom.ru/docs/css2/cover.html#minitoc

[Serfer]

Конечно Зависит!

Добавлено через 3 минуты

Цитата: Сообщение от Narciss очень много информации! это все хорошо, но мне, как новичку, непонятно с чего начинать нужно. подскажите, что для меня будет лучшим? с чего сами начинали? заранее спасибо

Я начинал сTopStyle Pro 3.11 Всё ясно и понятно даже на английском.

[dshster]

Очень толковый учебник по CSS - всё расписано:
http://softwaremaniacs.org/blog/category/web/primer/