Наткнулся на очень простой в реализации, но интересный rollover-эффект для кнопок на CSS. Автор — некий японец ksk1015.
Рубрика «css» - 144
Удивительно простой, но красивый CSS-эффект
2012-10-09 в 7:26, admin, рубрики: css, веб-дизайн, Веб-разработка, кнопки, эффекты, метки: css, кнопки, эффектыМультиколоночность на CSS подробнее
2012-10-07 в 20:38, admin, рубрики: css, веб-дизайн, Веб-разработкаВ продолжение своего топика Новое в CSS3: многоколоночность, flexbox, сеточная разметка предлагаю вам перевод статьи с более глубоким погружением в свойство многоколоночности с простыми и наглядными примерами.
Еще газетами и журналами на практике доказано, что разбитый на несколько колонок текст воспринимается намного проще. На веб-страницах до недавнего времени отобразить контент таким образом было проблемой, доходило до того, что верстальщик разделял текст на несколько div'ов. Но все может стать намного проще с CSS3 Multi Column Module.Читать полностью »
Новое в CSS3: многоколоночность, flexbox, сеточная разметка
2012-10-07 в 15:20, admin, рубрики: css, css3, flexbox, веб-дизайн, Веб-разработка, метки: css, css3, flexboxВеб развивается, появляются все новые возможности разметки страниц для верстальщиков, в том числе в этом помогают новые свойства в CSS. В этой статье описаны некоторые из них: многоколоночность, flexbox и сеточная разметка.
Поддержку новых функций браузерами можно проверить на сайте caniuse.com:
SoFresh — освежи свой браузер
2012-10-05 в 14:07, admin, рубрики: css, Веб-разработка, Программирование, метки: cssДоброго времени суток!
Хочу представить вашему вниманию великолепный продукт, который избавит вас от судорожного нажатия кнопки F5 для очередного обновления вашей страницы в процессе редактирования файлов стилей. Итак, встречайте нашего сегодняшнего героя — SoFresh!
Таблица поддержки браузерами CSS3
2012-10-05 в 12:27, admin, рубрики: -moz-, -xv-, animation, css, css3, Веб-разработка 
Хотя CSS3 ещё не является стандартом W3C, последние версии браузеров имеют его частичную поддержку. Можно встретить примеры реализующие те или иные свойства CSS3. Но вместе с восторгом многих не покидает также чувство опасения. Связано это в первую очередь с тем, что нет чёткого понимания в поведении браузера при обработке этих свойств. Под катом собрана таблица в которой сравниваются поддерживаемые CSS3 свойства во всех основных браузерах. Кроме этого указывается версия браузера и префикс для кодирования. Шпаргалка оформлена в форме изображения, поэтому её удобно скачать к себе на компьютер или мобильное устройство для дальнейшего использования.
CSS3 поддержка в браузерах
2012-10-05 в 12:27, admin, рубрики: -moz-, -xv-, animation, css, css3, Веб-разработка 
Хотя CSS3 ещё не является стандартом W3C, последние версии браузеров имеют его частичную поддержку. Можно встретить примеры реализующие те или иные свойства CSS3. Но вместе с восторгом многих не покидает также чувство опасения. Связано это в первую очередь с тем, что нет чёткого понимания в поведении браузера при обработке этих свойств. Под катом собрана таблица в которой сравниваются поддерживаемые CSS3 свойства во всех основных браузерах. Кроме этого указывается версия браузера и префикс для кодирования. Шпаргалка в форме изображения, поэтому её удобно скачать к себе на компьютер или мобильное устройство для дальнейшего использования.
Twitter Bootstrap + Joomla = ♥
2012-10-05 в 10:59, admin, рубрики: cms, css, Joomla, Twitter Bootstrap, Веб-разработка, метки: Joomla, Twitter BootstrapУ многих здешних читателей наверное случится когнитивный диссонанс при чтении этой новости: в версии 3.0 столь нелюбимой на Хабре CMS Joomla новый интерфейс разработан на CSS-фреймворке Twitter Bootstrap, в том числе и панель администратора.
Мона Лиза на чистом CSS
2012-10-04 в 7:26, admin, рубрики: css, ненормальное программирование, обработка изображений, метки: cssВеб-разработчик Джей Салват (Jay Salvat) закодировал Мону Лизу на CSS.
Конечно, не вручную, всё делает PHP-скрипт.
Читать полностью »
CSScomb: сортировка CSS-свойств с базовой поддержкой препроцессоров и пряниками
2012-10-02 в 21:37, admin, рубрики: css, Веб-разработкаБуквально вчера на Smashing Magazine был опубликован мой текст про CSScomb. Так как узначально я писал его на русском языке, а затем переводил на английский, то я решил опубликовать оригинальный вариант на Хабре.
На момент написания этой статьи браузеры поддерживают около 200 CSS-свойств. Почти все из них вы используете в своих проектах. Самое время задуматься о консистентности не только форматирования кода, но и порядка свойств в рамках каждого селектора. Если вы следите за вашим code style, то эта статья для вас. Представляю вашему вниманию простой способ автоматической сортировки свойств в CSS-коде ваших проектов.
CSScomb — утилита для сортировки CSS-свойств в рамках каждого селектора по заданному порядку. Алгоритм CSScomb максимально повторяет действия веб-технолога при работе с CSS-кодом. Для пересортировки обычно нужно перемещать строки относительно друг друга, учитывая комментарии в коде, многострочные записи значений свойств, хаки и всё, что может встретиться в файле любого серьезного проекта. Это довольно скучное занятие. Но CSScomb без проблем сделает это вместо вас.
Алгоритм CSScomb по своей природе «думает» как человек редактирующий текст, а не как слепой робот, разбирающий CSS по косточкам. Это позволяет утилите оставаться простой.
А теперь немного подробностей для тех зануд и перфекционистов, кому это по душе.
Читать полностью »
CSS принципы
2012-10-02 в 17:21, admin, рубрики: css, html, Веб-разработка, верстка, метки: css, верстка После тщательного анализа HTML и CSS кода, который постоянно переделывается, можно сделать выводы, которые должны помочь читателю в этом нелегком деле.
В этой статье не будем привязываться к конкретным реализациям и готовым рецептам, дабы избежать основной проблемы любой CSS документации — за время написания статьи выйдет пара-тройка браузерных обновлений. И советы будут попросту бесполезны.