Именование в CSS Grid

Автор: admin от 6-12-2019, 10:15, посмотрело: 82

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



На основе этой системы линий работают техники, делающие возможным именование линий и даже grid-областей. Использование этих техник позволяет размещать элементы по имени, а не по номеру. В этой статье я подробно рассмотрю различные способы именования линий и областей в CSS Grid разметке, а также несколько интересных возможностей, которые они создают.

Категория: Веб-разработка / Game Development

 

Какие инструменты помогут соответствовать GDPR

Автор: admin от 23-11-2019, 19:50, посмотрело: 158

Подборка утилит, литературы и фреймворков, которые помогут разобраться в требованиях регламента и подскажут, как им соответствовать. Под катом — бесплатные продукты от стартапа Algolia, сервисы которого использует Twitch, а также несколько открытых и проприетарных решений.



Какие инструменты помогут соответствовать GDPR

Категория: Веб-разработка

 

Как протестировать производительность серверов: подборка из нескольких open source бенчмарков

Автор: admin от 16-11-2019, 22:45, посмотрело: 105

Продолжаем нашу серию материалов, посвященную тестированию производительности серверов. Сегодня поговорим о паре проверенных временем бенчмарках, которые до сих пор поддерживают и обновляют — NetPerf, HardInfo и ApacheBench.



Как протестировать производительность серверов: подборка из нескольких open source бенчмарков

Категория: Системное администрирование / Веб-разработка

 

Решение проблемы зазубренных линий в градиентах

Автор: admin от 14-11-2019, 23:30, посмотрело: 108

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



Решение проблемы зазубренных линий в градиентах
Угловой градиент внутри прямоугольника

Категория: Веб-разработка / Game Development

 

Медиавыражения в CSS — это не только max-width

Автор: admin от 14-11-2019, 14:40, посмотрело: 98

Медиавыражения в CSS — это не только max-width


Недавно мы опубликовали новый веб-сайт нашей компании Mabiloft с полностью переработанным чистым дизайном и множеством новых великолепных иллюстраций и анимаций.



После того, как наш дизайнер проделал потрясающую работу, продумав и нарисовав сайт, нам, разработчикам, было необходимо реализовать макет, сохранив его чистым и цельным для каждого устройства, от большого 2K экрана, на которых мы пишем код, до старого iPhone 4 с его 3.5-дюймовым дисплеем.



Несколько недель спустя веб-сайт был почти готов и я просматривал его, чтобы убедиться, что всё работает как нужно. Заметив, что макет главной страницы неправильно отображался на нашем iPad, я быстро изменил некоторые CSS-правила и исправил ошибку, но… это привело к проблемам отображения макета на всех всех ноутбуках с небольшим экраном

Категория: Веб-разработка / Game Development

 

Улучшите свой CSS с помощью этих 5 принципов

Автор: admin от 6-11-2019, 13:20, посмотрело: 75

Улучшите свой CSS с помощью этих 5 принципов


Написание CSS — процесс достаточно простой и понятный, тогда почему для этого требуются еще какие-то принципы и best-practices?



По мере увеличения масштабов проекта и количества людей, работающего над ним, всё более и более явно начинают проявляться новые сложности, которые могут вызвать серьезные проблемы в будущем. Дублирование кода, сложные цепочки переопределения свойств, использование !important, оставшиеся и неиспользуемые CSS-свойства от удаленных HTML-элементов и так далее. Такой код сложнее читать и исправлять.



Написание CSS на профессиональном уровне сделает код более поддерживаемым, расширяемым, понятным и чистым. Давайте рассмотрим 5 простых и очень эффективным принципов, которые выведут ваш CSS на новый уровень

Категория: Веб-разработка / Game Development

 

Оформляйте стили наведения, фокуса и активного состояния по-разному

Автор: admin от 6-11-2019, 05:25, посмотрело: 91

Оформляйте стили наведения, фокуса и активного состояния по-разному
В течение многих лет я оформлял состояния элементов codev_0 одинаково. Не помню точно, когда именно начал это делать. Но это далеко не лучший подход. Почему, постараюсь объяснить в этой статье.

Категория: Веб-разработка / Game Development

 

Кто предложил децентрализовать корневую зону DNS

Автор: admin от 19-10-2019, 22:15, посмотрело: 110

Группа инженеров предложила заменить корневые DNS-серверы peer-to-peer сетью на базе блокчейна. Рассказываем, что об этой инициативе думает ИТ-сообщество.



Кто предложил децентрализовать корневую зону DNS

Категория: Веб-разработка

 

Знакомство с Sass модулями

Автор: admin от 17-10-2019, 19:15, посмотрело: 81

Привет, Хабр! Представляю вашему вниманию перевод статьи «Introducing Sass Modules» автора Miriam Suzanne.



Недавно в Sass появилась функциональность, которая вам знакома по другим языкам: модульная система. Это большой шаг вперед для @import, одной из наиболее часто используемых функций в Sass. Несмотря на то, что существующая директива @import позволяет вам подключать сторонние пакеты и разделять ваши стили на поддерживаемые элементы, у неё всё же есть несколько ограничений

Категория: Веб-разработка

 

Как CSS Grid меняет представление о структурировании контента

Автор: admin от 14-10-2019, 14:30, посмотрело: 97

Каждый, кто хотя бы немного занимался созданием веб-сайтов, знает, что теги codev_0.

Категория: Веб-разработка / Game Development

 
Назад Вперед