Лучшие CSS ресурсы сети

  • Автор темы KiNNo
  • 6721
  • Обновлено
  • 03, Nov 2006
  • #1
Англоязычные ресурсы 1. http://csszengarden.com/

На этом сайте вы можете лишний раз убедиться в силе CSS. Никакой магии, только один файл HTML и около 800 файлов CSS. 2. http://www.htmlbook.ru/css/

CSS - справочник. 3. http://www.webber.ru/articles/article32459.html

Еще один хороший CSS - справочник. 4. http://css.maxdesign.com.au/listamatic/index.htm

Ощутите силу CSS в воздействии на простые списки. Около ста примеров и четкие, простые инструкции помогут создать собственый стиль для горизонтального или вертикального меню на Вашем сайте. 5. http://www.webreference.com/authoring/style/sheets/layout/advanced/

Подробная инструкция по созданию layout using CSS. Урок был составлен на объяснении построения layout для прошлой версии сайта webreference.com. 6. http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

Ну вот наконец и практика, на сайте вы найдете 16 примеров создания box — model с правильным отображением в разных браузерах. 7. http://wellstyled.com/archive.html

Хотите сделать нечто интересное на своем сайте? Вам не избежать использования CSS хаков и трюков. Советую обратить внимание на урок под названием Inline Blocks. Вот результат этого урока: http://wellstyled.com/files/css-inline-buttons/example.html

Чтобы понять о чем речь, понаблюдайте какие цвета принимают разные половинки представленных кнопок при наведении на них курсора. 8. http://www.webreference.com/programming/css_gallery/index.html

Еще один урок от webreference. С помощью него Вы узнаете как создать фото — галерею использую только CSS техники. Результат можно увидеть по этой ссылке: http://www.webreference.com/programming/css_gallery/examples/gallery.htm

9. http://www.cssplay.co.uk/index.html

На этом сайте можно часами смотреть представленные примеры использования CSS техник.

Иногда даже кажется, что такое невозможно сделать в принципе. Но нет, это все CSS action! Чего только стоят 50 техник создания разнообразных CSS — меню.

Для некоторых техник автор делает пояснения, а там где их нет, предлагается открыть код страницы и посмотреть все наглядно. 10. http://www.csscreator.com/version2/pagelayout.php

Онлайн программа по созданию CSS layout ( для ленивых). 11. http://www.w3schools.com/css/

Онлайн школа по CSS. 12. http://webmascon.com/topics/tools/10a.asp

Шпаргалка по CSS служит одновременно справочником и подсказкой.

В ней перечислены все селекторы (вплоть до спецификации CSS 2.1) и свойства.

В шпаргалку включен визуальный пример блочной модели, список всех единиц измерения, используемых в CSS, а также список медиа-типов, которые поддерживает CSS. 13. http://web-graphics.com/mtarchive/001602.php

Основная цель статьи — показать, что некоторые (если не все) CSS хаки можно заменить на вполне валидные CSS конструкции. 14. http://typetester.maratz.com/

Калькулятор шрифтов. 15. http://blog.html.it/layoutgala/

Тут представлены различные варианты построения блочной модели. Решения представлены простые, с меньшим применением хаков, а соответственно более удобные для понимания. 16. http://tools.sitepoint.com/spanky/how.php

Круглые углы - очередная идея 17. http://www.mauzon.com/?p=63

Простейшее подключение полупрозрачного png-изображения, работающее даже в IE < 7, а так же некоторые другие инетересные вещи. 18. http://www.cssdrive.com

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

Весьма полезный ресурс ...примеры с кодами в категориях "Boxes and Borders" , "Text tricks" , "CSS Opacity" ... 20. http://www.oswd.org

Хорошие шаблоны на css 21. http://www.css.su/

Весь CSS на одной странице. 22. http://www.alvit.de/handbook/

Великолепный подбор ссылок по теме дизайна, в том числе и по CSS. 23. http://www.alexallied.com/category/tutorials/css/

Очень неплохие мануалы и "трики". 24. http://www.glish.com/css/

На этом сайте Вы найдете CSS техники, CSS туториалы и описание CSS ресурсов. Особенностью представленных техник, является наглядность подачи и простота в освоении.
Русскоязычные сайты.
http://www.alexsergeyev.com/ru_stupid_tables

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

Просто хороший блог по теме
http://loc.stack.ru/projects/CSS2/cover.html

CSS2- рекомендации W3C на русском языке.
http://umade.ru/

Помимо интересных тем, освещаемых автором и обсуждаемых с посетителями блога, есть еще вполне интересно насыщенный раздел со ссылками.
http://cssing.org.ua/

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

Несколько примеров работы с AJAX + судоку на CSS...
http://agat.in/

Сайт автора русскоязычного каталога валидных сайтов с примением CSS, куча полезных советов/ссылок/идей.
http://flack.ru/

Сайт CSS дизайнера, есть интересные статьи.

KiNNo


Рег
20 Nov, 2003

Тем
104

Постов
133

Баллов
1173
Тем
49554
Комментарии
57426
Опыт
552966

Интересно