Логово верстальщика – Telegram
Логово верстальщика
8K subscribers
996 photos
48 videos
4 files
1.74K links
Канал для верстальщиков с инфой о HTML и CSS, а так же JavaScript на уровне верстальщиков.

Канал на бирже - https://telega.in/c/webdevlair

По вопросам рекламы или разработки: @g_abashkin
Download Telegram
​​😍Руководство по цветовым функциям CSS

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

Читать...
​​🫠Как работать из PyCharm community c CSS

В этой статье автор расскажет, как создать небольшой генератор html, обернуть ее в функцию в файле .py, закинуть туда css, и записать все это в html, а также вы узнаете как аргумент file принимает в себя файл для записи.

Читать...
​​😎Стили заголовков в CSS: картинки, тени, анимации

В этой статье автор расскажет, как использовать свойство background-image и url() , чтобы добавить изображение в заголовок, и почему один из лучших способов добавить тени — наслоение, а также вы узнаете как используя многослойные тени, можно сделать текст заголовка светящимся.

Читать...
​​😵HTML, CSS: важен ли порядок названий классов CSS в атрибуте «class» HTML-элементов

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

Читать...
​​😎Геометрия объектной модели документа: исчерпывающее руководство

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

Читать...
​​😶‍🌫️Как работают сервисы карт и маршрутизации

В этой статье автор расскажет, как реализовать функционал построение маршрутов для АВТО и Ж/д транспорта, и как интегрировать пользовательский интерфейс карты со сторонним приложением, и реагировать на команды от него, а также вы узнаете как сам пользовательский интерфейс дает возможность наносить клиентские объекты на карту.

Читать...
​​🤪HTML5 и алгоритм разметки документов

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

Читать...
​​🔥Мета-приложения и Symbiote.js

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

Читать...
​​😦Однажды у нас будет полностью настраиваемый select

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

Читать...
​​🤔Как с помощью Core Web Vitals влюбить в свой сайт пользователей и поисковые системы

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

Читать...
​​👾Как убрать пустой тег Option в Select

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

Читать...
​​🧑🏼‍💻Глубокое погружение в функцию CSS :where()

В этой статье автор расскажет, почему функция CSS :where() принимает список селекторов в качестве аргументов и минимизирует их, и почему :where() — это функциональный селектор CSS, а также вы узнаете почему при большем количестве элементов и селекторов код начнет выглядеть неопрятно и может стать трудным для чтения и понимания.

Читать...
​​🧐Как я написал удобную оболочку над электронным дневником

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

Читать...
​​😈XSS с мутациями: как безопасный код становится зловредным и при чем здесь innerHTML

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

Читать...
​​🔥3 способа использовать box-shadow в CSS

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

Читать...
​​😎Знакомимся с @ scope в CSS

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

Читать...
​​🤫PowerShell: обход и визуализация HTML-дерева из файла

В этой статье автор расскажет, почему HTML-дерево состоит из узлов разных типов, и почему корневой узел обладает именем #document, а ещё вы узнаете как метод DescendantNodes реализует обход дерева в глубину, который называют NLR.

Читать...
​​🧑🏼‍💻Введение в SVG-анимации для верстальщиков

В этой статье мы рассмотрим SVG-анимации с разных сторон, посмотрим на актуальное состояние дел, возможности и сопутствующие инструменты.

Читать...
​​👤Как мы научили тексты на вебе жить по правилам

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

Читать...
​​⚡️Делаем отзывчивый и максимально возможный размер шрифта динамического текста относительно контейнера

В данной статье автор рассмотрит решение небольшой задачи: как сделать максимально возможный размер шрифта динамического текста в его родительском контейнере.

Читать...
​​🧐Почему figcaption не заменяет alt

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

Читать...