О проекте

Данный сайт попытка повысить коммуникацию самых активных разработчиков на CMS Drupal - блоггеров. Если Вы ведете свой блог о Друпале, значит Вы готовы делиться вашими знаниями, помочь другим. Не всегда ваши знания доходят до потребителя. Задача данного сайта агрегировать знания различных блогов в единую ленту и привести на Ваши блоги активных пользователей.

Активность пользователей на Вашем сайте будет дополнительным стимулом к дальнейшей работе.

Удачи во всех Ваших начинаниях!

css3

CSS: Прозрачный треугольный вырез в элементе

-2 votes
+
-

Для создания вырезов в css есть свойство clip-path, позволяющее ограничить область элемента любой геометрической фигурой или полигоном. Работает во всех современных браузерах кроме IE (caniuse).
Пример треугольного выреза в активном пункте меню:

CSS: Линии с помощью linear-gradient

-29 votes
+
-

Благодаря тому, что градиент это фоновое изображение, ему (градиенту) можно задавать такие параметры как — размер, повторяемость и позицию. Таким образом для вывода линии достаточно создать однопиксельный градиент из одного цвета и отрепитить его в нужную сторону.
Пример подчёркнутого текста:

CSS: Стилизация checkbox-ов на чистом CSS

-12 votes
+
-

Когда дизайнер не может «выдать» нормальный дизайн, он начинает стилизовать стандартные контролы (c) @petrovnn

Ниже, пример стилизации чекбоксов под MacOS.

Читать дальше →
Похожие записи:

CSS: Подробно о CSS анимации (видео)

-12 votes
+
-

Видео, в котором Michael Mullany рассказывает и показывает, как создавать анимацию с помощью CSS3:

CSS: border-radius, box-shadow и linear-gradient в Internet Explorer 6+

-12 votes
+
-

Нашёл костыль под IE 6-8, который позволяет использовать CSS3 правила border-radius, box-shadow и linear-gradient без написания лишней разметки и магии с javascript-ом. Называется чудо CSS3 PIE.

CSS: Эмуляция box-shadow в IE6+ с помощью фильтра

-12 votes
+
-

IE вплоть до 8-ой версии не поддерживает свойство box-shadow, которое предназначено для создания тени. Но есть способ получить нечто похожее на тень, с помощью фильтра DXImageTransform.Microsoft.Shadow:

подробнее

CSS: Стилизуем поля под Mac с помощью свойства border-image из CSS3

-12 votes
+
-

Пример того, как с помощью пары строчек CSS кода можно сделать вот такие Mac-оподобные поля ввода, которые так часто мелькают в видеокастах западных девелоперов :)