Результаты поиска

В этой статье разберем процесс создания мобильного меню с плавным выездом слева из-за границы окна на Jquery, JS, CSS и HTML. Меню будет адаптивно, то есть будет возможность применить его и в версии для ПК и планшетов. Ширину для ПК установим примерно в 30% от ...

Украсить сайт можно с помощью необычного UI решения "Эффект матового стекла" веб-дизайна при помощи HTML и CSS (ну и немного JS). Украсить сайт можно с помощью необычного UI решения "Эффект матового стекла" веб-дизайна при помощи HTML и CSS (ну и немного ...

В этой статье мы создадим кнопку мобильного меню на чистом CSS, без картинок, svg вектора и другой ерунды. Кнопка открытия бокового меню для мобильной версии сайта. Универсальная кнопка, которая подойдет ...

SASS (SCSS) - это язык проектирования CSS файла, придуманный специально для облегчения работы с большими CSS файлами. SASS позволяет использовать функции, переменные, мискины и многое ...

Украсить сайт можно с помощью необычного UI решения "Эффект матового стекла" веб-дизайна при помощи HTML и CSS (ну и немного JS). Украсить сайт можно с помощью необычного UI решения "Эффект матового стекла" веб-дизайна при помощи HTML и CSS (ну и немного ...

... также банальными сбоями подключения или шрифтов. Поэтому считаю, что иконки для соцсетей надо подключать отдельно. Собственно на чистом CSS с использованием векторных изображений. Я не сторонница использования сторонних библиотек по типу font awesome, так как не раз сталкивалась ...

Как установить sass (scss) на редактор PhpStorm для сжатия css в одну строку при помощи Ruby. Также быстро поставим YUI compressor для сжатия JS. Немного пробежался по тому зачем вообще нужен SASS. Как установить ...

... Битрикс на ядре D7 use Bitrix\Main\Page\Asset; CJSCore::Init(array("jquery")); CJSCore::Init(['ajax']); Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/script.js'); Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . '/bootstrap.css'); Asset::getInstance()->addString("<meta name='viewport' content='width=device-width, initial-scale=1'>"); Asset::getInstance()->addString("<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>"); Asset::getInstance()->addString("<meta ...

... размещаться внутри тега <span></span>. <div class="truncate-text"> <span> Тест строки, которую нужно обрезать </span> </div> Теперь немного CSS. Нам надо задать высоту блока родителя и с помощью свойства overflow подстраховаться на случай, если код JS не сработает. .truncate-text{ height: 75px; // высота ...