en
Feedback
Логово верстальщика

Логово верстальщика

Open in Telegram

Логово верстальщиков: HTML, CSS, JavaScript, практики современной верстки, вайбкодинг и использование ИИ в разработке. Личный блог автора - @just_genych По вопросам рекламы или разработки: @g_abashkin

Show more
8 219
Subscribers
-624 hours
-287 days
-1630 days
Posts Archive
​​​Примеры HTML-кода В этой статье вы узнаете о примерах HTML-кода для контента веб-страницы просмотра данных. Читать...

​​​Стили кода и построение макетов В этой статье вы узнаете о том, как правильно работать с элементами HTML, научитесь проводить инспектирование и дебаггинг кода. Читать...

​​SEO оптимизация страницы HTML В этой статье автор расскажет о том, как правильно оптимизировать ваш HTML-код.  Читать...

​​Как защитить HTML-код от воровства В этой статье автор подробно расскажет о том, как быстро и просто можно обезопасить свой HTML-код от воровства.  Читать...

​​Как оптимизировать код CSS В этой стать автор расскажет о 21 способе оптимизации вашего кода CSS. Читать...

​​Оптимизация кода CSS с помощью сокращения имен классов В этой стать автор расскажет вам о том, как правильно и просто можно оптимизировать свой код CSS.  Читать...

​​Полезный фреймворк CSS Foundation — как утверждает официальный сайт данного проекта, Foundation — это не один, а целое семейство инновационных адаптивных фронтенд-фреймворков.  Цель его использования, как правило, сводится к тому, чтобы ускорить переход от прототипирования к производству любых масштабов.

​​20 советов по оптимизации производительности CSS В этой статье автор расскажет о 20 приемах оптимизации CSS, которые повысят производительность сайта. Читать...

​​Как создать дизайн, подходящий для всех пользователей? Эта статья содержит основные советы, которые помогут вам создавать веб-сайты для любого типа пользователей. Читать...

​​Устройство CSS В этом модуле рассматриваются каскады и наследование, все доступные типы селекторов, блоков, изменений размеров, фонов, границ, а также отладка и многое другое. Читать...

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

​​​Любопытные CSS фишки 2022 года В этой статье автор расскажет о малоизвестных фишках и фактах CSS.  Читать...

​​​Учебник Express: Работа с формами В этой статье автор покажет вам как работать с HTML формами в Express, используя Pug, и в частности как написать формы для создания, обновления и удаления документов из базы данных. Читать...

​​Не знаете, как поднять свой скилл в разработке?💪 Попробуйте курс «Алгоритмы и структуры данных» от proglib.academy! В ноябре со скидкой -33% по промокоду NOV22  Что вас ждёт на курсе: — Поймёте фундаментальные структуры данных и алгоритмы работы с ними. — Научитесь применять алгоритмы при разработке программ. — Подготовитесь к техническому собеседованию и продвинутой разработке. После каждого урока вы будете получать практические задания для закрепления материала. Узнать подробнее о курсе: https://proglib.io/w/bb70561f

​​Как создавать пользовательские виджет формы HTML?  Существует много случаев, когда возможностей стандартных виджетов HTML форм недостаточно. И как раз в этой статье автор расскажет о том, как создать такие виджеты.  Читать...

​​Как правильно оптимизировать HTML-код В этой стать автор расскажет о том, как правильно оптимизировать HTML-код.  Читать...

​​Справочник тегов HTML В этой статье вы сможете найти все теги для HTML, которые помогут прокачать ваш код. Читать...

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

CSS псевдокласс :is() Всем привет! Недавно узнал о том что в CSS есть псевдокласс :is(), который позволяет значительно сократить длинные записи селекторов. По сути он просто принимает список селекторов для выбора элементов HTML. Несколько примеров: button:is(:hover, :focus) {  background: green; } Меняет фон для кнопки если она имеет состояние focus или hover. :is(thead, tfoot) tr :is(th, td) {  background: red; } Выбирает все элементы th и td внутри хедера и футера таблицы. :is(ul, ol, menu) > :is(ul, ol, menu) {  background: yellow; } В данном примере мы выбираем все списки которые уже находятся в списках. Собственно вот такая довольно полезная штуковина. Поддерживается на данный момент всеми основными браузерами, вот ссылка на caniuse. Удачи в экспериментах!

​​Как пользоваться свойством border-image?  После ознакомления с этой статьёй вы узнаете о том, как правильно применять такое свойство CSS, как border-image. Также вы поймёте для чего нужно это свойство, и почему вам не обойтись без него.  Читать...