Шпаргалка для себя. Универсальная CSS шпаргалка. CSS правила.
На днях сотрудник Google Джон Мюллер заявил в Twitter, что Google игнорирует спамные ключевые слова в файлах CSS. «Вы правы, мы их игнорируем», — ответил Мюллер на вопрос одного из пользователей. И добавил: «Используйте идентификаторы и имена классов, как хотите...
В этой статье я расскажу вам, как использовать CSS Grid для создания супер классной сетки изображений, которая варьирует количество столбцов в зависимости от ширины экрана.
Дизайн студия «Движок» дорабатывала сайт нашего заказчика. требовалось сделать — слайдер текста. А именно: слайдер текста отзывов на сайте. В данной небольшой статьи мы опубликуем данное решение. Слайдер контента работает на чистом css.
Иногда очень нужно создать область скрытого контента. При этом, если пользователь наведет на область или картинку мышью — показывалась кнопка или текст. Дизайн студия «Движок» нашли простое решение. Подробнее в этой небольшой статье.
Вариативные шрифты представляют собой один файл, который выполняет функцию одновременно нескольких шрифтов. Эта разработка является многообещающей и считается будущим типографики. Однако, работать с ней получится позже.
Нашли очень полезную на наш взгляд статью как оптимизировать скорость загрузки каждого сайта. Дизайн студия «Движок» рекомендует использовать их проверяя, если вам нужна оптимизация можете написать нам — мы вам поможем оптимизировать сайт по доступной цене.
В данной небольшой статье мы покажем как создать раскрывающаяся панель при клике на блок jQuery + CSS3. При нажатие на панель она сворачивается. Все достаточно просто и возможно кому то будет полезно.
Наши надежные партнеры дизайн студия «Движок» делится опытом, как добавить плавающий рисунок или кнопку на сайт. Данное решение было выполнено на сайте который студия создала совсем недавно. Надеемся это решение будет кому то полезным.
Наши друзья — студия дизайна «Движок» решила опубликовывать интересные эффекты с примерами Демо, для использования на сайтах. Возможно кому то будет интересно. В дальнейшем будем добавлять еще эффектов. Если у вас есть интересные подобные вещи — просим так же опубликовывать на них...
Дизайн студия «Движок» закончила работу над небольшой сайтом Студия сладкого декора «София» и заказчик попросил вверху страницы встроить фиксированную область для размещения телефонов. Что бы они были всегда видны. Мы это реализовали. Данным небольшим и несложным решением делимся с нашими...
Стили браузера по умолчанию отображают таблицу и ее ячейки без видимых границ и фона, при этом ячейки внутри таблицы не прилегают вплотную друг к другу. С помощью CSS-стилей можно красиво оформить таблицу в соответствии с ее содержимым.
Один из вариантов придать своему блогу на wordpress отличительную черту – использовать нестандартный шрифт. Студия дизайна «Движок» покажет как легко можно это сделать. Способ 1 — Google Fonts Достоинства: быстро, просто. Недостатки: часто отображается не всех браузерах.
В нашей работе: по созданию сайтов в Киеве — студия веб-разработки «Движок» часто использует шрифтовые иконки - Font Awesome. Вот решили сборник иконок добавить на IT-сообщество. Возможно кому то будет полезно. Font Awesome — это язык иконок для Ваших web-проектов.
На Сodepen появляется много хороших решений от разных специалистов, и студия по созданию сайтов «Движок» решила их опубликовать в нашем любимом it портале. В этом обзоре мы рассмотрим многоуровневые меню. Надеемся они будут Вам полезны.
Вкладки весьма интересная и удобная штука при создании сайта, она позволяет правильно организовать информацию, при этом сэкономив немного места на сайте. В сегодняшнем уроке речь пойдет о совмещении приятного с полезным, а именно об галереи изображений которая реализована в виде вкладок. Если вы хотите создать интернет магазин, то для отображения дополнительной информации о вашем продукте…
В сегодняшнем уроке мы рассмотрим замечательный прием, который поможет сохранить место у вас на сайте, а именно многоуровневое выпадающее меню, которое позволит сэкономить много на сайте, при этом пользователю интуитивно понятно, что следует за дочерним элементом. Благодаря такой навигации вы можете сократить количество отображаемой информации на сайте при этом качественно ее оформить. Данный пример разработан исключительно…
Подборка от студии дизайна «Движок», как нарисовать различные геометрические фигуры одним элементом HTML. Это настоящая css магия!
Красивая навигация весьма важный момент на сайте, и о нем не стоит забывать. Создавая новый проект нужно учесть множество факторов, которые повлияют на читаемость вашего ресурса. В данном уроке мы рассмотрим прием который стал весьма популярный в последние годы среди веб-дизайнеров, а именно применения тумблера который вызывает навигацию. Но мы решили сделать ее более разнообразной,…
Скоро близятся праздники, и Вам необходимо украсить свой ресурс подходящей тематикой. В сегодняшнем уроке мы рассмотрим как создать замечательный, отзывчивый эффект снега на сайте, который будет реагировать на курсор мыши и его движение на сайте, а также фон которого будет сделать с эффектом параллакса. Параллакс весьма популярный среди разработчиков, ведь помогает оживить визуально ресурс, и…
Что такое отзывчивый (также известен как резиновый) дизайн? Это дизайн, благодаря которому сайт выглядит одинаково хорошо и на десктопах, и на экранах мобильных устройств. Все так, но есть нюансы. Многие путают отзывчивый дизайн с адаптивным, который тоже хорош и там,...