Показаны сообщения с ярлыком css. Показать все сообщения
Показаны сообщения с ярлыком css. Показать все сообщения

среда, 28 июля 2010 г.

WEB Fonts, CSS, Google Font API/Directory, Typekit

Идея web fonts была впервые заложена в CSS 2.0 и заключалась в расширении возможностей работы с шрифтами - загрузки пользовательских шрифтов и гибком управлении. Полностью реализована данная идея была в CSS 3.0 ( пример использования)

В мае компания Google представила несколько средств для работы с шрифтами - в частности: Google Font API & Google Font Directory и WebFont Loader in Collaboration with Typekit, все работает на удивление просто и изящно (как и всегда). Для простого начала работы читаем Google Font API Getting Started. В моем случае я применял Font API для blogger - неплохое описание здесь.

Описание продвинутых вещей - например WebFont Loader можно посмотреть здесь.

Ну и небольшой пример:

It`s only small test for dummy !

вторник, 26 января 2010 г.

Модульные сетки. (HTML CSS design framework 960cs)

 Понадобилось сверстать сайт - присмотрелся к разным способам - больше всего понравился способ модульных сеток.
(подробнее: htmlbook.ru   wikipedia)
CSS - разделяем рабочую область на сетку и к ней привязываем контейнеры  (<div>)

За основу взял: 960gs css grid framework

Сайт: http://960.gs/
Очень пригодится сей яваскрипт: http://gridder.andreehansson.se/implemented

Более подробная статья:
http://habrahabr.ru/blogs/webdev/80915/

Вот тут просто шаблон:
http://habrahabr.ru/blogs/css/57572/

---
2011.10.23 Small Update:
http://adapt.960.gs/ - javascript для загрузки css в зависимости от расширения и факта tilt/resize мобильные платформы 


http://www.slideshare.net/nathansmith/refresh-okc - отличная презентация - читать, помогает успокоиться.


http://www.designinfluences.com/fluid960gs/ - fluid - динамический css
http://peol.github.com/960gridder/ - скрипт для отображения сетки и отличная кнопка