Рубрика «css» - 8
Меня заставили повайбкодить
2025-05-04 в 21:17, admin, рубрики: AI, css, html, javascript, react.js, ассистент, ИИ, работа
Про реальный опыт, и нужен ли он
2025-05-02 в 8:15, admin, рубрики: angular, css, html, TypeScript, накрутка, накрутка опыта, опытВсем доброго времени суток! Меня зовут Сергей, мне 18 лет, я Angular разработчик. Это моя первая статья на Хабр, строго не судите, интересно мнение со стороны.
Мой реальный опыт в Angular — почти 11 месяцев, а в общем во фронтенде около 2.5 лет. До этого я работал на React.
Теперь к сути статьи, недавно я решил пооткликаться на вакансии junior и middle Angular разработчиков, везде в сопроводительных письмах указывая, что у меня опыта 10 месяцев, но зато он настоящий а не накрученный.
HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 12
2025-04-30 в 7:01, admin, рубрики: accessibility, css, html, ruvds_статьи, верстка
Хабр, я снова пришёл к вам с практическими советами про доступность вместе с Ильей. Мы показываем, как HTML и CSS могут улучшить или ухудшить её. Напоминаю, что Илья — мой незрячий знакомый, который помогает мне найти наши косяки в вёрстке.
Сегодня мы рассмотрим следующие аспекты:
- что можно сделать лучше для пользователей с дислексией;
- как незаметно улучшить интерфейс для пользователей с травмой кистей рук;
- есть ли сложности с сокращениями для пользователей скринридера.
Давайте начнём!
Вы не знаете CSS. Мои вопросы о CSS с ответами. Часть 3
2025-04-22 в 9:01, admin, рубрики: css, ruvds_статьи, sm909_questions, верстка, вопросы и ответы, собеседования, фронтенд
Я стабильно пишу здесь о CSS. Мне радостно, что моя работа вам полезна. Но хочется что-то нового. Вызывающего споры. В общем, я пришёл к формату статей в виде вопрос-ответ. Вопросы будут те, что я спрашиваю на интервью. Так что у вас будет повод сказать: «А зачем это надо?».
При составлении вопросов я хотел проверить понимание базовых моментов, которые есть в вёрстке любого проекта. Ещё будут вопросы на знание более редких аспектов и «новинок» в CSS. В общем, я хочу вас завалить, чтобы казаться супер умным! (здесь ирония).
Пожалуйста, не воспринимайте мои вопросы серьёзно. Давайте просто весело проведём время. Плюс попробуем узнать что-то новое. Ведь у каждого вопроса будет мой ответ. И вы тоже можете оставить свой в комментариях. Я обязательно буду их читать.
Так, вы готовы? Давайте посмотрим, что я вам подготовил.
Неизвестно полезный CSS. Часть 8
2025-04-08 в 9:01, admin, рубрики: css, ruvds_статьи, sm909_unknown_css, web-разработка, верстка, лайфхаки
Привет. Я продолжаю рассказывать про неизвестные широкому кругу разработчиков CSS фишки. Я отбираю их так, чтобы они были полезны в разного рода проектах. Неважно, верстаете ли вы сайт для малого бизнеса или создаёте супермодное React приложение. Они поддерживаются большинством браузеров. Отдельно отмечу, что я не считаю IE11 современным браузером. По этой причине я не учитывал его.
Сегодня мы рассмотрим:
- как можно избежать длинных значений для свойства
transform; - можно ли побороть неоднозначность медиа-запросов;
- малоизвестное и полезное свойство при работе с «гридами»;
- какой нюанс вы можете не знать про свойство
align-content; - древнейшее свойство, помогающее улучшить взаимодействие пользователя клавиатуры с интерфейсом.
Больше не буду затягивать. Давайте посмотрим, что я вам подготовил.
Адаптивная flex-сетка на CSS: разбираем реализацию на атомы
2025-03-23 в 22:39, admin, рубрики: css, scss, адаптив, Веб-разработкаНаверное, каждый, кто сталкивался с frontend`ом, хотя бы раз использовал адаптивную flex-сетку на N-ном количестве колонок. В данной статье мы не станем рассматривать область применения такого подхода, его плюсы и минусы, а разберем теорию и напишем собственное решение, с брейкпоинтами и настраиваемым спейсингом!
Данная статья, в первую очередь, будет полезна новичкам, однако надеюсь, что и опытныее найдут в ней что-то интересное. Для упрощения жизни, будем использовать SCSS, продублировав CSS «под спойлер».
Кратко о подходе с колонками
Вы не знаете CSS. Мои вопросы о CSS с ответами. Часть 2
2025-03-20 в 13:01, admin, рубрики: css, ruvds_статьи, sm909_questions, верстка, вопросы и ответы, собеседования, фронтенд
Я стабильно пишу здесь о CSS. Мне радостно, что моя работа вам полезна. Но хочется чего-то нового. Вызывающего споры. В общем, я к формату статей в виде вопрос-ответ. Вопросы будут те, что я спрашиваю на интервью. Так что у вас будет повод сказать: «А зачем это надо?».
При составлении вопросов я хотел проверить понимание базовых моментов, которые есть в вёрстке любого проекта. Ещё будут вопросы на знание более редких аспектов и «новинок» в CSS. В общем, я хочу вас завалить, чтобы казаться супер умным! (здесь ирония).
Пожалуйста, не воспринимайте мои вопросы серьёзно. Давайте просто весело проведём время. Плюс попробуем узнать что-то новое. Ведь у каждого вопроса будет мой ответ. И вы тоже можете оставить свой в комментариях. Я обязательно буду их читать.
Так, вы готовы? Давайте посмотрим, что я вам подготовил.
Obsidian: все что нужно знать о Callout
2025-03-13 в 11:58, admin, рубрики: blackquotes, Callout, css, multi-column, obsidianПредисловие
В этой статье я подробно расскажу о возможностях использования Callout в Obsidian, покажу существующие решения, а также объясню, как создавать свои собственные, индивидуальные типы Callout-блоков. Дополнительно поделюсь полезными надстройками и шаблонами.
Слово благодарности
Я хочу поблагодарить всех пользователей оценивших и поучаствовавших в обсуждении моей дебютной статьи Obsidian: Типы данных.
Интерактивные метки на изображении JS
2025-03-13 в 11:15, admin, рубрики: css, javascript, библиотека javascript, интерактивная карта, скрипт, слайдер изображенийВсем привет! Меня зовут Артем, я начинающий разработчик и это мой первый пост, прошу не судите строго.
Хочу поделиться своим скриптом, который позволяет создавать адаптивные изображения с интерактивными метками.
Скрипт по умолчанию поддерживает до 50 меток на изображении.
Посмотреть код и скачать исходники можно на GitHub
Магия CSS на практике: советы по вёрстке от гика. Часть 6
2025-03-11 в 9:01, admin, рубрики: css, ruvds_статьи, sm909_css_tricks, верстка, лайфхаки
Я снова пришёл к вам со статьёй, где показываю мои любимые техники вёрстки. Моя цель — поделиться опытом с вами. Я использую не только трюки известных экспертов, есть лично мои придумки. Но, пожалуйста, относитесь к этому контенту как просто к альтернативному мнению. Мои техники не являются единственными правильными решениями.
Сегодня мы рассмотрим:
- мой подход к написанию стилей для динамической сетки без использования БЭМ-модификаторов;
- как я перестал писать свойство
text-decorationсо значениемnoneдля элемента<button>; - способ для вычисления значения свойства
widthв зависимости от контента элемента; - почему вам стоит удалить все стили с использованием псевдо-класса
:focus.
Давайте посмотрим, что я вам подготовил.