Архив метки: css

Примеры использования CSS Спрайтов (CSS Sprites)

Примеры использования CSS Спрайтов (CSS Sprites) — меню, оптимизация сайта, меню с использованием спрайтов и JS

Примеры меню CSS Спрайты + JS

  • Туториал по созданию меню 5+ — http://www.cssblast.ru/articles/sprites2
  • Туториал по созданию меню 3+ — http://www.shopdev.co.uk/blog/animated-menus-using-jquery/
  • Одна из первых статей о Спрайтах 2004 год — http://www.alistapart.com/articles/sprites

Использование Yahoo YUI Grids

Визуальный редактор сетки сайта на основе Yahoo YUI Grids — http://developer.yahoo.com/yui/grids/builder/

Подсказка по использованию YUI CSS Grids — http://yuiblog.com/assets/pdf/cheatsheets/css.pdf

Обсуждение о создании верстки в три колонки используя YUI:

  • http://www.jroller.com/dscataglini/entry/yui_grids_3_column_layout
  • http://stackoverflow.com/questions/907691/making-three-columns-layout-with-fixed-with-sidebars-using-yui-grids

Еще информация по русски: http://htmlcss.com.ua/forum/html-css-faq/yui-grids-css/

CSS Фреймворки (Frameworks)

CSS Фреймворки (Frameworks)

  1. YUI — Yahoo User Interface Library — http://developer.yahoo.com/yui/grids/builder/
  2. YAML — Yet Another Multicolumn Layout — http://builder.yaml.de/ – бесплатный, если есть ссылка на сайт проекта, в противном случаи нужно покупать лицензию 🙁
  3. 960 CSS Framework
  4. Blueprint CSS Framework
  5. The jQuery UI CSS Framework
  6. http://wiki.github.com/stubbornella/oocss/template
  7. Bluetrip CSS Framework – http://bluetrip.org/
  8. css-framework.ru/

CSS техники и т.д.

CSS техники – примеры использования и реализации:

  • 50 CSS и JS техник –  http://www.smashingmagazine.com/2010/02/18/50-css-and-javascript-techniques-for-layouts-forms-and-visual-effects/
  • 15 Time Saving CSS Tools – http://webdeveloperplus.com/css/15-time-saving-css-tools/ – перевод статьи на русском – http://m.habrahabr.ru/post/79128/
  • 21 Amazing CSS Techniques – http://webdeveloperplus.com/css/21-amazing-css-techniques-you-should-know/
  • 25 Incredibly Useful CSS Tricks – http://webdeveloperplus.com/css/25-incredibly-useful-css-tricks-you-should-know/
  • Онлайн Генератор CSS спрайтов (CSS Sprites) – http://ru.spritegen.website-performance.org/