Главная » Архив меток: CSS

Архив меток: CSS

5 приемов работы с CSS, о которых вам следует знать

Да, есть совсем глупые вопросы, на которые так и тянет ответить RTFM! Наблюдая за потоком вопросов по CSS на Тостере уже давно заметил, что многие из них повторяются много-много раз. Они связаны с не совсем стандартной версткой. Но есть и более занятные. Похожие вопросы довольно сложно загуглить — обычно вся суть в картинке, но и отвечать каждый раз надоедает. Не ...

Читать далее »

[Из песочницы] Максимальная адаптивность с минимальным количеством медиа запросов, или метод обратной адаптивности

— Генри Луис Менкен. "У всякой проблемы всегда есть решение — простое, удобное, и конечно ошибочное". Суть проблемы На первый взгляд реализация адаптивной верстки может показаться «линейным квестом » с довольно небольшим полем для маневров. Назначаем нужные классы, меняем по мере надобности размеры, положение или порядок элементов и дело вроде бы сделано. На старте css выглядит максимально ухоженно и логично, ...

Читать далее »

Дайджест свежих материалов из мира фронтенда за последнюю неделю №326 (6 — 12 августа 2018)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.     Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное Медиа • Подкаст «Frontend Weekend» #65 – Игорь Шеко о том, как из серийного стартапера стать выступающим тимлидом• Подкаст «CSSSR» Новости 512 — Выпуск №18 (06.08 — 12.08)• «Девшахта-подкаст»: #45 — Когда фронтендер становится девопс• Подкаст «Фронтенд Юность (18+)» #59 Поговорим о джаваскрипте Веб-разработка • Используем ...

Читать далее »

Используем AMP как библиотеку общего назначения для создания быстрых динамических сайтов

И я говорю не только о людях. Изменить первое впечатление очень трудно. И потом несмотря на годы развития, новые возможности и устранение старых недостатков, в массовом сознании технология остается той самой несовершенной, своей первой версией. Технологии также часто становятся заложниками первого впечатления — своей первой версии. Тем, кто не пытается бороться с такого рода когнитивными искажениями, остаётся только смотреть на ...

Читать далее »

Средний цвет в JavaScript

Сопровождающий текст было решено положить на усреднённый цвет фото. По работе делал листалку фотографий. Тема среднего цвета заинтересовала, и я решилпосмотреть какие ещё варианты можно использовать в верстке. Фон Пример Рассчитываем средний цвет фотографии и устанавливаем цвет подложки. Градиент Между картинкой и подложкой установлен плавный градиент. Средний цвет высчитывается у верхней или нижней части картинки и используется в подложке для ...

Читать далее »

[Перевод] 4 способа стилизировать React-компоненты

Привет, Хабр! Представляю вашему вниманию перевод статьи «4 Ways to Style React Components». От библиотек до использования традиционных СSS файлов. На сегодняшний день разработано много способов стилизации React компонентов. Вот четыре способа стилизации React компонентов. Выбор довольно обширен и, скорее всего, будет соответствовать вашим предпочтениям. Inline CSS Поскольку JSX преобразуется в HTML элементы, это позволяет использовать style атрибут. Стили можно ...

Читать далее »

Firefox легко обходит защиту в новом интерфейсе Gmail

При желании каждый пользователь может перейти на него, а скоро всех пользователей G Suite переведут принудительно. Недавно компания Google представила новый дизайн Gmail. Здесь отправитель устанавливает срок действия письма, после которого оно «исчезает». В этом дизайне реализовано несколько новых функций безопасности, в том числе так называемый конфиденциальный режим. На самом деле есть несколько способов обойти эту защиту, сохранить полученное сообщение, ...

Читать далее »

[Перевод] Методики и инструменты для разработки стилей веб-страниц

Не будем ходить вокруг да около, скажем прямо: процесс написания хорошего CSS-кода может быть очень и очень тяжёлым. Многие разработчики не хотят связываться со стилями. Они готовы заниматься всем, чем угодно, но только не CSS. Но от этого никуда не деться. Автор материала, перевод которого мы предлагаем сегодня вашему вниманию, говорит, что он и сам не любил ту часть веб-разработки, ...

Читать далее »

Дайджест свежих материалов из мира фронтенда за последнюю неделю №324 (23 — 29 июля 2018)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.     Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное Медиа • Подкаст «Frontend Weekend» #63 – Александр Першин о том, как и зачем создавать школу онлайн-образования в России• Подкаст «CSSSR» Новости 512 — Выпуск №16 (23.07 — 29.07)• Подкаст «Девшахта/Ночной фронтенд»: №43 — Снова о Jenkins, ChaosConstructions 2018, ndb и ШРИ Веб-разработка • ...

Читать далее »