Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «css» - 20
Дайджест свежих материалов из мира фронтенда за последнюю неделю №412 (20 — 26 апреля 2020)
2020-04-26 в 20:36, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтенд[ В закладки ] CSS: использование внутренних и внешних отступов
2020-04-26 в 12:30, admin, рубрики: css, Блог компании RUVDS.com, разработка, Разработка веб-сайтовЕсли несколько элементов веб-страницы расположены близко друг к другу, то у пользователей возникает такое ощущение, что у этих элементов есть что-то общее. Группировка элементов помогает пользователю понять их взаимосвязь благодаря оценке расстояния между ними. Если бы все элементы были бы расположены на одинаковом расстоянии друг от друга, пользователю сложно было бы, просматривая страницу, узнать о том, какие из них связаны друг с другом, а какие — нет.
![[ В закладки ] CSS: использование внутренних и внешних отступов - 1](https://www.pvsm.ru/images/2020/04/26/v-zakladki-CSS-ispolzovanie-vnutrennih-i-vneshnih-otstupov.png "[ В закладки ] CSS: использование внутренних и внешних отступов - 1")
Эта статья посвящена всему, что нужно знать о настройке расстояний между элементами и о настройке внутренних пространств элементов. В частности, речь пойдёт о том, в каких ситуациях стоит использовать внутренние отступы (padding), а в каких — внешние (margin).
Читать полностью »
Практика CSS Scroll Snapping
2020-04-24 в 21:07, admin, рубрики: css, html, layout, верстка, Разработка веб-сайтовПеревод «Practical CSS Scroll Snapping» Max Kohler
Спецификация CSS Scroll Snap позволяет привязывать положение прокрутки к определённым элементам или местоположению после того, как пользователь совершил прокрутил страницу или элемент. Это отличный способ для реализации следующий решений:
[в закладки] Работа с изображениями в веб
2020-04-18 в 11:38, admin, рубрики: css, Блог компании RUVDS.com, дизайн, обработка изображений, разработка, Разработка веб-сайтовОдно из решений, которые приходится принимать фронтенд-разработчику при создании сайта, касается выбора способа включения изображений в состав веб-страниц. Этот способ может заключаться в использовании HTML-тега <img>. Это может быть применение CSS-свойства background или тега <image> элемента <svg>. Выбор правильного подхода к работе с изображениями весьма важен, так как это может очень сильно повлиять на производительность и доступность проекта.
![[в закладки] Работа с изображениями в веб - 1](https://www.pvsm.ru/images/2020/04/18/v-zakladki-rabota-s-izobrajeniyami-v-veb.jpeg "[в закладки] Работа с изображениями в веб - 1")
Материал, перевод которого мы сегодня публикуем, посвящён изучению различных способов включения изображений в состав веб-страниц. Здесь будут обсуждены преимущества и недостатки этих способов. Кроме того, мы поговорим о том, когда и почему их обычно используют.
Читать полностью »
Интересные CSS-находки в новом дизайне Facebook
2020-04-16 в 9:30, admin, рубрики: css, Facebook, Блог компании RUVDS.com, дизайн, Разработка веб-сайтов, Социальные сети и сообществаЯ любопытен. Мне всегда интересно открывать инструменты разработчика браузера и разбираться с тем, как сделан какой-нибудь сайт, на который я заглянул. Этот материал представляет собой мой первый рассказ о таких вот изысканиях. Дело в том, что я обнаружил некоторые интересные примеры использования CSS (по крайней мере, они показались интересными мне), о которых мне захотелось рассказать.
Речь идёт о CSS-находках в новом дизайне Facebook. Этот дизайн появился сравнительно недавно. Я его увидел пару недель назад. Сначала все элементы интерфейса казались мне необычно большими, но я привык к ним буквально за несколько дней. Здесь я расскажу обо всём том интересном, что я нашёл в дизайне Facebook.
Читать полностью »
LCH-цвета в CSS
2020-04-13 в 10:55, admin, рубрики: css, Блог компании RUVDS.com, дизайн, разработка, Разработка веб-сайтовМеня всегда интересовала наука о цвете. В 2014 году я выступала на разных конференциях, рассказывая о спецификации CSS Color 4. А до этого, в 2009 году, я написала программу для выбора цвета. Она использовала скрытый Java-апплет для поддержки цветовых профилей ICC и для правильной работы со CMYK. Это была, насколько я знаю, первая программа такого рода. Я никогда её не выпускала, но она привела к появлению этой публикации. Интерес к цвету свёл меня с человеком, который стал моим мужем.
В 2019 году я стала соредактором спецификации CSS Color 5. Моя цель заключается в конкретизации моего предложения по модификации цветов, которое нацелено на то, чтобы позволить дизайнерам произвольно настраивать цветовые каналы для создания вариантов цветов. Я, кроме того, хочу скомбинировать моё предложение с этим предложением. LCH-цвета в CSS — это кое-что такое, что меня прямо-таки восхищает. Я глубоко убеждена в том, что дизайнеры, когда больше узнают об LCH-цветах, будут возмущены тем, что у них до сих пор нет возможности пользоваться такими цветами.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №410 (6 — 12 апреля 2020)
2020-04-12 в 20:52, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Твое рабочее окружение в нордическом стиле
2020-04-12 в 10:11, admin, рубрики: css, графический дизайн, дизайн, разработка, Разработка веб-сайтов, разработка сайтовХочу поделиться своей интересной находкой, которая помогла мне наконец осуществить свою маленькую мечту. Объединить все свои рабочие инструменты единым стилем. И не просто стилем, а хорошо продуманным, выверенным и целостным. Что мне помогло этого добиться? Это палитра Nord, портированная для большинства современных и не очень редакторов, терминалов и не только. Если вам не чужда подобная мечта, прошу под кат.
Забудьте про RGB и HEX
2020-04-12 в 7:59, admin, рубрики: css, hex, hsl, RGB, верстка, цвет, цветовые схемыВ CSS существует несколько способов представления цветов. Один из них — система HSL. В этой статье я покажу вам, какие возможности она открывает для верстальщика.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №409 (30 марта — 5 апреля 2020)
2020-04-05 в 20:03, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
