Команда JavaScript for Devs подготовила перевод статьи о том, как CSS и HTML могут заменить значительную часть JavaScript. Автор делится взглядом на веб как на искусство, показывает возможности современных фич CSS — от вложенности и @starting-style до динамических viewport-единиц, — и доказывает, что сайты могут быть быстрыми, красивыми и интерактивными даже без JS.
Рубрика «css» - 3
HTML и CSS осенью 2025. Эти новые фичи я рекомендую изучить прямо сейчас
2025-09-02 в 9:01, admin, рубрики: css, html, ruvds_статьи, верстка, сайты
Привет!
Общаясь с фронтендерами, я заметил, что многие не знают новые классные возможности HTML и CSS. Мне от этого грустно. Надо это исправлять!
HTML- и CSS-советы для джуниор фронтенд-разработчиков
2025-08-24 в 13:01, admin, рубрики: css, html, ruvds_статьи, верстка, советы
Привет!
Я начинал изучать вёрстку в 2010 году. Я не знал английский, поэтому у меня был ограниченный набор материала. Кто помнит видеоуроки Попова?
«Великолепный» CSS. Коллекция странностей CSS, на которые я потратил кучу времени
2025-08-19 в 9:01, admin, рубрики: css, ruvds_статьи, верстка, сайты, фронтенд
Привет!
CSS часто преподносит сюрпризы, способные запутать даже опытных разработчиков. Я понимаю их раздражение. Тут всё закономерно.
Когда if-else не нужен: знакомство с тернарным оператором и switch в JS
2025-08-07 в 12:29, admin, рубрики: css, html, javascript, JS, selectel, Веб-разработка, фронтенд
Привет! Я — Александр Дудукало, автор базового курса по JavaScriptЧитать полностью »
Привет!
Мне всегда было интересно наблюдать, как развивается CSS. Держу себя в форме, чтобы не пропустить что-то важное. А недавно подумал: «Почему бы не поделиться ими с подписчиками?». И я тут.
Очень вероятно, что эти HTML- и CSS-ошибки есть в вашем коде
2025-07-22 в 9:01, admin, рубрики: accessibility, css, html, ruvds_статьи, usability, интерфейсы
Привет!
Недавно у меня появилась мысль поделиться распространёнными HTML- и CSS-ошибками, которые я вижу у коллег. Только мне хотелось выглядеть убедительно, чтобы не было вкусовщины. И тут я сильно задумался.
CSS-медиазапросы без min- и max-. Как работает новый синтаксис и стоит ли переходить?
2025-07-21 в 10:15, admin, рубрики: css, css3, media queries, postcss, адаптивная вёрстка, верстка, диапазоны css, медиазапросыMedia Queries Level 4: эволюция синтаксиса, которую сложно игнорировать — и сложно внедрить без оглядки.
Адаптивная вёрстка — основа современного фронтенда. Долгое время в CSS было всего два способа задать условия ширины: min-width и max-width. Они отлично справлялись со своей задачей, но имели свои особенности.
С выходом спецификации Media Queries Level 4 в CSS появился новый, более интуитивный синтаксис для написания диапазонов, приближённый к привычной математике:
@media (width < 900px) { ... }
@media (600px <= width <= 900px) { ... }Долгий путь к ResizeObserver
2025-07-21 в 9:10, admin, рубрики: css, html, javascript, React, web api, динамические блоки, ИИ, искусственный интеллект, поиск решенийПривет! Меня зовут Анна, я JS-разработчик в компании SimbirSoft и занимаюсь разработкой веб-приложений на React. Эту статью я посвящаю тем, кто занимается разработкой, сталкивается с нестандартными задачами и переживает, что нашу профессию может вскоре заменить искусственный интеллект (ИИ). Я поделюсь решением задачи, связанной с динамическими размерами блока, — проблемой, с которой наверняка может столкнуться в своей работе любой frontend-разработчик.
Почему же я назвала статью именно «Долгий путь к ResizeObserver»?
Привет!
Следя за развитием HTML и CSS, очень сложно запомнить всё. Я заметил это, ведя свой канал и общаясь с коллегами. Многие люди не знают про возможности HTML и CSS, которые были внедрены в браузеры 6 лет назад или раньше.