О проекте

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

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

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

CSS

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

-1 votes
+
-

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

Drupal: Подключение своих js и css файлов в Drupal 8

-40 votes
+
-

В Drupal 8 немного усложнился процесс подключения своих стилей и скриптов. Теперь все js и css файлы должны быть объединены в так называемые libraries (библиотеки), описаны в файле *.libraries.yml и подключены одним из способов. Начнём по порядку.
Читать дальше →
Похожие записи:

CSS: Простое slide-меню

-31 votes
+
-

Создание простого slide-меню для мобильных девайсов:

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

CSS: Вывод в одной строке фиксированного и резинового элемента

-27 votes
+
-

Несколько способов вывода в одной строке фиксированного и резинового элемента:

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

CSS: Компиляция SASS/SCSS в PhpStorm на Windows с помощью node-sass

-28 votes
+
-

Настройка PhpStorm для автоматической компиляции SASS/SCSS файлов с помощью node.js модуля node-sass:
1. Ставим node-sass:
npm install node-sass -g
Читать дальше →
Похожие записи:

CSS: Компиляция LESS в PhpStorm на Windows с помощью less.php (без Ruby, без Node.js, без СМС)

-27 votes
+
-

Пример настройки PhpStorm для компиляции LESS в CSS, без необходимости установки Ruby, Node.js и подобного, достаточно только PHP и LESS компилятора oyejorge/less.php.
Читать дальше →
Похожие записи:

CSS: Колонки одинаковой ширины в таблице с неизвестным числом колонок

-29 votes
+
-

.equal-width-cols {
width: 100%;
table-layout: fixed;
}
.equal-width-cols td {
width: 100%;

CSS: Цикл по ассоциативному массиву в LESS

-27 votes
+
-

Например на сайте есть несколько разделов (foo, bar, baz), каждый раздел имеет свой цвет фона (green, blue, red). Пример реализации с помощью цикла по ассоциативному массиву:

CSS: Селектор в качестве параметра миксина LESS

-27 votes
+
-

Способ 1:
.my-mixin (@selector) {
background: white;
@{selector} {
background: red;
}
}
 
.some-class {
.my-mixin(~'.child');
}
Читать дальше →
Похожие записи:

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

-28 votes
+
-

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