Category Archives: HTML and CSS

Сервис для генерации CSS3-градиентов

http://gradients.glrzad.com/ ещё один — http://www.cssmatic.com/gradient-generator

Сниппеты для Twitter Bootstrap

http://habrahabr.ru/post/151566/

Кастомизация Twitter Bootstrap

Пропаганда использования twitter bootstrap: http://antjanus.com/blog/web-design-tips/user-interface-usability/customize-twitter-bootstrap-into-themes/ Вот вкратце о чём там: http://twitter.github.com/bootstrap/index.html — это bootstrap http://twitter.github.com/bootstrap/customize.html#variables — вот как его можно кастомизировать http://fortawesome.github.com/Font-Awesome/ — вот эти бесплатные иконки использовать http://colorschemedesigner.com/ — для подбора цветовой схемы (сервис старый, но удобный)

Встраивание лайков на страницу

http://habrahabr.ru/company/softline/blog/144946/ — интересны ещё и обсуждения. http://tigors.net/external-java-scripts-on-site/#social — асинхронная загрузка лайков

Twitter bootstrap

Удобный css-фреймворк. Позиционирует себя как «Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.» http://twitter.github.com/bootstrap/components.html

Несколько firefox на одной машине

Если нужно поставить старый firefox, для этого нужно: проинсталлировать старую версию в другую папку выполнить в командной строке «C:\Program Files (x86)\Mozilla Firefox 3.6\firefox.exe» -Profilemanager (путь к старой версии) в менеджере создать новый профиль (firefox-3.6) и выбрать его для использования в ярлыке прописать «C:\Program Files (x86)\Mozilla Firefox 3.6\firefox.exe» -P “Firefox-3.6″ -no-remote http://www.htmlcenter.com/blog/multiple-firefox-installs/

БЭМ — система модулей (виджетов) от Яндекс

Интересная реализация клиентских модулей, которая предполагает определённую файловую структуру для шаблонов, css, js и любых других нужных технологий. Естественно, повторное использование. Декларации для автоматической сборки модулей (css, js, шаблонов) написаны на javascript. Есть скрипты для автоматической сборки модулей в страницы. Пример построения сайта от разработчиков — http://video.yandex.ru/users/ya-events/view/302/?ncrnd=6362 Вот ещё видео — тут рассказывается про то, …

Chrome Developer Tools

Решил попробовать сменить браузер разработки с firefox на chrome. Почитал статью про возможности Chrome Developer Tools. Оказывается, там столько интересного есть :)

Firefox developer tools

Видео: Firefox developer tools Скачать новый Firefox (beta): http://blog.mozilla.com/futurereleases/2011/12/23/firefox-beta-with-new-developer-tools-and-enhanced-sync-is-ready-for-testing/

Компиляторы less в css под Windows

http://www.dotlesscss.org/ Использование:

	dotless.Compiler source [destination]

1	dotless.Compiler source [destination]

http://wearekiss.com/simpless — ещё и минифицирует (кстати, кроссплатформенный)