Релиз новой версии состоялся 1 июня. Изменений, в сущности, немного. Обобщенный список под катом.
Рубрика «css» - 153
Релиз новой версии Twitter Bootstrap 2.0.4
2012-06-04 в 8:30, admin, рубрики: Bootstrap, css, twitter, бутстрап, метки: bootstrap, css, twitter, бутстрап
Создание современного лайтбокса на CSS3 и JavaScript
2012-05-29 в 4:17, admin, рубрики: css, css3, javascript, веб-дизайн 
Сегодня к нам пришло письмо от нашего гостя Andy Walpole который делится своим опытом создания Lightbox Ultra расположенный на Mozilla Demo Studio. Несколько лет назад разработчик Lokesh Dhakar создал сценарий лайтбокса с Prototype и script.aculo.us. Его плавная анимация и гладкая эстетика была хитом в обществе веб-дизайнеров, и он был использован во многих проектах.
Включаем подсветку синтаксиса для less файлов в Notepad++
2012-05-27 в 12:10, admin, рубрики: css, less, метки: css, less, notepad++Верстая проект при использовании less библиотеки в уже привычном для меня Notepad++ я долго не мог привыкнуть к отсутствию адекватной подсветки less синтаксиса. В очередной раз, столкнувшись с этой проблемой, я решил поставить крест своим мучениям и начал искать в сети способ добавления подсветки синтаксиса для less файлов в редакторе Notepad++.
Создание анимированного 3D Шара на CSS3
2012-05-25 в 19:25, admin, рубрики: css, css3, веб-дизайн, Веб-разработка 
Привет парни! Сегодня мы разберем яркий пример того, как использовать CSS3. Мы начнем с создания очень реалистичного 3D шара на чистом CSS3 и добавим немного анимации для того, чтобы придать шару «живой» эффект.
В CSS4 media queries улучшится поддержка устройств с тачскрином
2012-05-24 в 12:12, admin, рубрики: css, css4, hover, media queries, веб-дизайн, Мобильный веб, метки: css4, hover, media queries 
Вчера был опубликован черновик стандарта Media Queries level 4. Главные нововведения будущего стандарта — свойства pointer и hover — направлены на улучшение поддержки устройств, управляемых пальцами.
Свойство hover равно 1, если у устройства есть указатель, который можно навести на элемент без нажатия, и 0, если нет. Привычное для десктопных компьютеров поведение веб-сайта, когда при зависании над элементом указателя мыши появляется выпадающее меню или подсказка, создаёт много проблем пользователям планшетов и смартфонов. Свойство hover позволит не отказываться от него полностью, а продолжать использовать там, где возможно. Пример:
Читать полностью »
Выравниванием всё по центру с помощью CSS
2012-05-24 в 11:17, admin, рубрики: css, html, веб-дизайн, верстка Этот перевод статьи Джошуа Джонсона — скорее памятка для решения такой тривиальной задачи, как центрирование элементов на странице. Зачастую это занимает гораздо больше времени при верстке, чем ожидается. В статье на примерах показано, как правильно выравнивать блоки или текст с помощью CSS — от самых простых случаев.
Читать полностью »
Python-биндинги для libsass. Эксклюзивно для Хабра
2012-05-23 в 18:06, admin, рубрики: binding, css, libsass, python, sass, scss, Веб-разработка, метки: binding, libsass, python, sass, scssВ топике SASS против LESS читатель morr упомянул интересный libsass — реализацию SASS на C
На минувшем Railsconf 2012 был отдельный доклад про sass, где анонсировали фичи над которыми сейчас ведётся работа, и которые появятся в следующем релизе:
Читать полностью »
Предлагаются лёгкие кнопки «Дальше» (оптом, недорого)
2012-05-23 в 1:03, admin, рубрики: css, css3 transition, вебдизайн, видео, кнопки, Хабрахабр API, метки: css3 transition, вебдизайн, видео, кнопкиПоначалу введение кнопок, заметно выпадающих из дизайна по своим размерам, встретила массу осуждений в топике, посвящённом обновлению сайта 22 мая. Представитель Хабра Boomburum вполне с этим согласен и предлагает дизайн кнопки отправлять ему на личное сообщение. Однако, красивость одного решения, которое созрело в течение дня, предлагаю оценить всем.
Картинка для привлечения внимания:
.png "Предлагаются лёгкие кнопки «Дальше» (оптом, недорого)")
Анимированный 3D график на CSS3
2012-05-22 в 19:41, admin, рубрики: css, web-разработка, веб-дизайн, Веб-разработка 
Все началось с небольшого эксперимента из учебника +Nettuts, который рассказывает, как встроить 3D-граффики в HTML-страницы с помощью CSS, изображений и JavaScript. После прочтения урока я загорелся желанием превратить эту идею на чистом CSS и посмотреть, как далеко я могу её усовершенствовать. Первоначальная задача заключалась в создании классических полупрозрачных 3D блоков, с 6 сторонами. Наша задача состоит в том, чтобы создать 3D-график.