Loading
CSS Grid для создания сетки изображений

CSS Grid для создания сетки изображений, которая варьирует столбцы в зависимости от ширины экрана

В этой статье я расскажу вам, как использовать CSS Grid для создания супер классной сетки изображений, которая варьирует количество столбцов в зависимости от ширины экрана.

0
Слайдер на CSS slider для текста вашего сайта

Слайдер на CSS slider для текста вашего сайта

Дизайн студия «Движок» дорабатывала сайт нашего заказчика. требовалось сделать — слайдер текста. А именно: слайдер текста отзывов на сайте. В данной небольшой статьи мы опубликуем данное решение. Слайдер контента работает на чистом css.

0
При наведении на картинку появляется текст или кнопка

При наведении на картинку появляется текст или кнопка. Css решение

Иногда очень нужно создать область скрытого контента. При этом, если пользователь наведет на область или картинку мышью — показывалась кнопка или текст. Дизайн студия «Движок» нашли простое решение. Подробнее в этой небольшой статье.

0
Вариативные шрифты (variable fonts)

Вариативные шрифты (variable fonts)

Вариативные шрифты представляют собой один файл, который выполняет функцию одновременно нескольких шрифтов. Эта разработка является многообещающей и считается будущим типографики. Однако, работать с ней получится позже.

0
828b9d9da2aa

Оптимизация сайта — рекомендации сервиса Google PageSpeed Insights

Нашли очень полезную на наш взгляд статью как оптимизировать скорость загрузки каждого сайта. Дизайн студия «Движок» рекомендует использовать их проверяя, если вам нужна оптимизация можете написать нам — мы вам поможем оптимизировать сайт по доступной цене.

0
Раскрывающаяся панель при клике на блок jQuery + CSS3

Раскрывающаяся панель при клике на блок jQuery + CSS3

В данной небольшой статье мы покажем как создать раскрывающаяся панель при клике на блок jQuery + CSS3. При нажатие на панель она сворачивается. Все достаточно просто и возможно кому то будет полезно.

0
Фиксированная (плавающая) кнопка на сайте сбоку

Фиксированная (плавающая) кнопка на сайте сбоку

Наши надежные партнеры дизайн студия «Движок» делится опытом, как добавить плавающий рисунок или кнопку на сайт. Данное решение было выполнено на сайте который студия создала совсем недавно. Надеемся это решение будет  кому то полезным.

1
Подборка из 10 красивых эффектов для сайтов на CSS, SVG и JS

Подборка из 10 красивых эффектов для сайтов на CSS, SVG и JS

Наши друзья — студия дизайна «Движок» решила опубликовывать интересные эффекты с примерами Демо, для использования на сайтах. Возможно кому то будет интересно. В дальнейшем будем добавлять еще эффектов. Если у вас есть интересные подобные вещи — просим так же опубликовывать на них...

0
Фиксированная область. Toolbar вверху страницы

Фиксированная область HTML и CSS. Toolbar вверху страницы

Дизайн студия «Движок» закончила работу над небольшой сайтом Студия сладкого декора «София» и заказчик попросил вверху страницы встроить фиксированную область для размещения телефонов. Что бы они были всегда видны. Мы это реализовали. Данным небольшим и несложным решением делимся с нашими...

0
Красивое оформление таблиц css

Красивое оформление таблиц css

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

0
Два простых способа добавить новый шрифт в сайт WordPress

Два простых способа добавить новый шрифт в сайт WordPress

Один из вариантов придать своему блогу на wordpress отличительную черту – использовать нестандартный шрифт. Студия дизайна «Движок» покажет как легко можно это сделать. Способ 1 — Google Fonts Достоинства: быстро, просто. Недостатки: часто отображается не всех браузерах.

0
Сборник иконок Font Awesome от студии дизайна "Движок"

Сборник иконок Font Awesome от студии дизайна «Движок»

В нашей работе: по созданию сайтов в Киеве — студия веб-разработки «Движок» часто использует шрифтовые иконки - Font Awesome. Вот решили сборник иконок добавить на IT-сообщество. Возможно кому то будет полезно. Font Awesome — это язык иконок для Ваших web-проектов.

0
Красивые многоуровневых меню с codepen

Красивые многоуровневые меню с codepen

На Сodepen появляется много хороших решений от разных специалистов, и студия по созданию сайтов «Движок» решила их опубликовать в нашем любимом it портале. В этом обзоре мы рассмотрим многоуровневые меню. Надеемся они будут Вам полезны.

0

Галерея для сайта в виде табов с помощью CSS3

Вкладки весьма интересная и удобная штука при создании сайта, она позволяет правильно организовать информацию, при этом сэкономив немного места на сайте. В сегодняшнем уроке речь пойдет о совмещении приятного с полезным, а именно об галереи изображений которая реализована в виде вкладок. Если вы хотите создать интернет магазин, то для отображения дополнительной информации о вашем продукте…

1

Многоуровневое выпадающее меню на CSS3

В сегодняшнем уроке мы рассмотрим замечательный прием, который поможет сохранить место у вас на сайте, а именно многоуровневое выпадающее меню, которое позволит сэкономить много на сайте, при этом пользователю интуитивно понятно, что следует за дочерним элементом. Благодаря такой навигации вы можете сократить количество отображаемой информации на сайте при этом качественно ее оформить. Данный пример разработан исключительно…

1
Геометрические фигуры на CSS

Геометрические фигуры на CSS

Подборка от студии дизайна «Движок», как нарисовать различные геометрические фигуры одним элементом HTML. Это настоящая css магия!

0

3D меню для сайта со смещением на CSS3 и HTML

Красивая навигация весьма важный момент на сайте, и о нем не стоит забывать. Создавая новый проект нужно учесть множество факторов, которые повлияют на читаемость вашего ресурса. В данном уроке мы рассмотрим прием который стал весьма популярный в последние годы среди веб-дизайнеров, а именно применения тумблера который вызывает навигацию. Но мы решили сделать ее более разнообразной,…

1

Создаем эффект снега с эффектом параллакса

Скоро близятся праздники, и Вам необходимо украсить свой ресурс подходящей тематикой. В сегодняшнем уроке мы рассмотрим как создать замечательный, отзывчивый эффект снега на сайте, который будет реагировать на курсор мыши и его движение на сайте, а также фон которого будет сделать с эффектом параллакса. Параллакс весьма популярный среди разработчиков, ведь помогает оживить визуально ресурс, и…

0
9 отличий адаптивного дизайна от «резинового»

9 отличий адаптивного дизайна от «резинового»

Что такое отзывчивый (также известен как резиновый) дизайн? Это дизайн, благодаря которому сайт выглядит одинаково хорошо и на десктопах, и на экранах мобильных устройств. Все так, но есть нюансы. Многие путают отзывчивый дизайн с адаптивным, который тоже хорош и там,...

0

Создаем анимированный футер для сайта на CSS

Создавая хороший сайт не стоит забывать о деталях, каждый элемент должен быть продуман и подогнан к деталям и цветовой палитре. В сегодняшнем уроке мы рассмотрим как создать замечательный, анимированный подвал для сайта который будет отзывчивым для посетителя и адаптивным при просмотре. Идея заключается в том, что подвал сайта по умолчанию скрытый и будет появляться только…

0
Авторизация
*
*
Войти с помощью: 
Регистрация
*
*
*
Войти с помощью: 
Генерация пароля