One-div.com — необычный сервис, где собраны почти 60 иконок, реализованные с помощью CSS. В HTML используется один div (отсюда и название):
<div class="histogram"> </div>
Рубрика «css» - 136
One Div: иконки на CSS
2012-12-09 в 14:53, admin, рубрики: css, div, веб-дизайн, иконки, Иконосказ, метки: css, div, иконкиТехники и инструметарий parallax
2012-12-09 в 7:18, admin, рубрики: css, css эффекты, jquery, parallax, web-разработка, Веб-разработка С тех пор как появился parallax-эффект, мы заметили, что нашим читателям нравится эта техника, и решили собрать в одном месте инструментарий и туториалы, которые помогут внедрить parallax-прокрутку в ваших собственных проектах. Этот эффект создаёт иллюзию глубины и движения экрана, и будучи качественно реализованным, может запросто обворожить пользователя. Как и в случае любого другого эффекта, главное тут — умеренность. Использование parallax для того, чтобы оживить сайт и заинтересовать в нём, вполне оправдано, но всё же старайтесь избегать чрезмерности, чтобы не вышел слишком перенасыщенный сайт.
Читать полностью »
Вышел Twitter Bootstrap 2.2.2
2012-12-09 в 0:49, admin, рубрики: Bootstrap, css, веб-дизайн, Веб-разработка, метки: bootstrap 
Вышла новая версия CSS-фреймворка Twitter Bootstrap — 2.2.2, запись в официальном блоге проекта.Читать полностью »
При создании колонок обычно приходится применять специальные CSS-классы к первому и последнему элементу. В этой статье рассказано о небольшом трюке, который упрощает верстку колонок, а также делает их адаптивными.
Суть метода сводится к использованию псевдокласса nth-of-type: количество и ширина колонок меняется на экранах разных размеров (Демонстрация).
Недостатки CSS-классов для первого и последнего элементов
Применять классы .first и .last для колонок в каждой строке для корректного отображения очень утомительно, к тому же возникают проблемы при верстке адаптивно:
3D-шахматы на HTML / CSS3 / JS
2012-12-08 в 15:32, admin, рубрики: chess, css, css3, html, javascript, JS, Веб-разработка, шахматы, метки: chess, css, css3, html, шахматы 
Французский разработчик Julian Garnier представил реализацию шахмат в 3D с использованием HTML/CSS3/JS, причем вся 3D-анимация выполнена с помощью CSS3.
Читать полностью »
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №34 (1 — 7 декабря 2012)
2012-12-07 в 20:44, admin, рубрики: css, Firefox, Google, html, jquery, JS, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: css, firefox, Google, html, jquery, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №34 (1 — 7 декабря 2012)")
Создаём сложный лабиринт в фоне веб-страницы (на клиенте)
2012-12-07 в 10:38, admin, рубрики: css, javascript, веб-дизайн, метки: css, javascript, веб-дизайн .png "Создаём сложный лабиринт в фоне веб страницы (на клиенте)")
Мне показалось немного странным, желание автора этого поста, генерировать изображения на сервере, в то время как современные браузеры позволяют делать это на клиенте. Поэтому хочу предложить другой, а точнее даже два других способа генерации фона.
Читать полностью »
Inline-block как замена float
2012-12-06 в 3:31, admin, рубрики: css, веб-дизайн, Веб-разработка, метки: cssПолгода назад я делал перевод статьи на Хабре Подробно о свойстве float. В этот раз взглянем на него немного под другим углом. При разработке сайта мы часто используем float'ы для позиционирования некоторых блоков на странице, например сайдабара. Но так ли необходимо использовать float?
Float не всегда удобен: например при верстке сетки с изображением. Иногда уместно применять inline-block, который имитирует поведение float'а.
Что такое inline-block?
Обычная структура блочного элемента:
Inline-block — это значение, которые можно назначить свойству display. Название происходит от некоторых характеристик как строчного, так и блочного элементов.Читать полностью »
Базовые стили и полезные CSS-сниппеты — 2
2012-12-05 в 11:42, admin, рубрики: css, html, сниппеты, метки: css, html, сниппеты 
Продолжение предыдущей подборки полезных CSS-сниппетов, которые помогут ускорить процесс разработки.Читать полностью »
Создаём сложный лабиринт в фоне веб-страницы
2012-12-05 в 11:17, admin, рубрики: css, php, принцип цикады, метки: css, PHP, принцип цикады 
Находясь под приятным впечатлением от кратенькой, но весьма остроумной и, не побоюсь этого слова, «культовой» программы, задался вопросом: «А можно ли сгенерировать подобную структуру в фоновом изображении сайта?». Захотелось создать бесконечный лабиринт, не повторяющийся в любом направлении. Вспомнил, где-то уже встречал метод, который и поможет мне любому стать Дедалом веб-дизайна.