PrefixFreeБольшинство из нас уже вовсю использует вкусные свойства CSS3 (тени у текста, блоков, трансформации). Чтобы эффект от использования CSS3 был более-менее одинаковым во всех браузерах, приходится использовать вендорные префиксы (специфические приставки к основным свойствам). Зачастую, использование нескольких свойств, скажем, в одном классе, превращает оный в кучу неудобоваримого кода. Под катом продолжение и решение проблемы.

CSS ButtonС все возрастающим качеством поддержки браузерами CSS3 открывается все больше сервисов по использованию свойств CSS3. Одним из таких сервисов является уже знакомый нам CSS3 Generator. CSS Button же позволяет, используя уже знакомые свойства, создать красивую кнопку, причем как из готового шаблона, так и самому. Сервис обладает множеством детальных настроек, таких как, например, настройка шрифта на кнопке, проработка всех состояний кнопки, внутренние и внешние отступы кнопки и многое другое. Сервис позволяет просмотреть исходный код кнопки (учимся играя,да?) и сохранить кнопку к себе на компьютер.

Ссылки

Tinkerbin

TinkerbinTinkerbin — это онлайн-блокнот, позволяющий просматривать и выполнять файлы формата .html, .css, js непосредственно в вашем браузере. Он не создает файлов и никуда их не заливает, позволяя просто посмотреть, работает ли то, что вы только что придумали.

Помимо всего Tinkerbin поддерживает Less, Sass, CoffeScript, HAML (поддержки jQuery замечено не было). Также можно сохранить код для себя или коллег и послать им короткую ссылку на этот код. Удобно для совместной работы, например.

Скрипты

Bootstrap и Twitter

...и всюду клоны твиттора (с)

BootstrapBootstrap — это своеобразный фреймворк, тулкит, позволяющий создавать страницы в стиле нового Twitter'a. В наборе предлагается разметка, типографика, кнопки, всплывающие уведомления, таблицы, формы и многое другое. Bootstrap построен на основе Less CSS — динамическом языке стилей.

Ссылки

vintageJS

vintageJSИнтересный фото-сервис, сделанный по типу Picnik, но с единственной целью — добавить вашим фотографиям ретро-стиль. Настроек не очень много: осветлить центр фото, затемнить по краям, добавить рамку, применить (уже предустановленные) кривые цвета, свечение по краям и «разбавление» цвета. Если бы сервис позволял залезать в тонкие настройки — цены бы ему не было :)