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

​​😎Треугольник Серпинского — Canvas, JS В этом статье мы напишем рекурсивный алгоритм отрисовки данного известного фрактала в canvas с помощью JS. Читать...

​​🚀Встречайте Dev Mode в Figma В этой статье автор расскажет, как инструмент проектирования может работать лучше для разработчиков, и почему разработчики имеют уникальные рабочие процессы и предпочтения. Читать...

​​⚠️ Как перейти из ручного тестирования в автоматизацию на JavaScript?  🦾 Конечно прокачивать свои скилы! Пройди хардкорный тест по автотестированию на JS и проверь свой уровень.  Ответишь — пройдешь на продвинутый курс «JavaScript QA Engineer» от OTUS по специальной цене + получишь видео-курс по Git в подарок 🔥 ПРОЙТИ ТЕСТ   https://otus.pw/mGf3/ Нативная интеграция. Информация о продукте www.otus.ru

​​🗓JavaScript и HTML: делаем простой календарь за 5 минут В этом материале мы создадим виджет с помощью HTML, CSS и JavaScript. Читать...

​​Хотите бесплатно выучиться на React-разработчика? Ниже информация для вас 👇🏻 IT Mentor - проект, где вы можете научиться React разработке бесплатно. Оплата обучения происходит только после того, как начнете работать. Первая зарплата - от 120 000 рублей. Кратко о крутых плюшках: 👉 Гарантия трудоустройства, если не найдешь работу - ничего не должен. 👉 Изучение крутого стека: основы HTML, CSS, JavaScript, TypeScript, React, Redux, GIT, Scrum, Jira 👉 Карьерная поддержка от экспертов бессрочно: мастер-классы, митапы, консультации и тренинги. Кому подойдет: Курс подойдет как тем кто только начинает вариться в IT, так и тем, кто уже имеет опыт junior-midde и хочет прокачать свои навыки. Если вы хотите получить оффер от топовой IT-компании уже в 23м году, welcome на обучение к ребятам! Вот ссылка на регистрацию!

​​🕸Будущее интернета: как работают протоколы HTTP/3, QUIC и зачем они нужны? В этой статье автор расскажет об эволюции протокола HTTP, транспортном протоколе QUIC, преимуществах и недостатках HTTP/3, и поделиться мнением о будущем интернета благодаря HTTP/3. Читать...

​​🎯 Переходите на новый уровень в JS-разработке и разнообразьте свою работу! Пройди тест по JS и проверь как хорошо ты знаешь язык. Ответишь — пройдешь на продвинутый курс «JavaScript Developer. Professional» от OTUS по специальной цене + получишь видео-курс по Git в подарок 🔥 Курс доступен в рассрочку 👉 ПРОЙТИ ТЕСТИРОВАНИЕ   https://otus.pw/h015U/ Нативная интеграция. Информация о продукте www.otus.ru

​​😎Как выбрать библиотеку стайлинга и заменить несколько дизайн-систем на одну. Часть 1 В этой статье автор расскажет, почему работать со стилями стало приятнее с появлением препроцессоров, и почему логичным продолжением развития работы с CSS-in-JS стал переход к CSS-in-TS и его реализация в библиотеке stitches.dev. Читать...

​​😐Больше контроля над селектором :nth-child() с помощью синтаксиса of S В этой статье автор расскажет, как с помощью селектора псевдокласса :nth-child() можно выбирать элементы в DOM по их индексу, и почему S логика An+B применяется только к тем элементам, которые соответствуют заданному списку селекторов S. Читать...

​​🔥Новинки CSS и UI: I/O 2023 В этой статье автор расскажет, почему болевой точкой веб-разработки является обеспечение согласованного применения одних стилей вместо других, и как каскадные слои решают эту проблему, предоставляя пользователю управление над тем, какие слои имеют более высокий приоритет. Читать...

​​👤Надежный способ сокрытия ссылок сайта от поисковых роботов В этой статье автор расскажет, какой есть способ надежного сокрытия внешних ссылок на сайте от поисковых систем, и почему самый странный метод сокрытия ссылок — это закрытие конкретных страниц от индексации при помощи мета тегов или в файле robots.txt. Читать...

​​🚀Как плагин Emmet помогает ускорить работу с программным кодом В этой статье автор расскажет, как сократить время написания рутинной разметки за счет преобразования простых аббревиатур в полноценные блоки кода, и почему писать HTML-код и вводить множество тегов, кавычек и скобок — долго и утомительно. Читать...

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

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

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

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

​​🎯 Переходите на новый уровень в JS-разработке и разнообразьте свою работу! Пройди тест по JS и проверь как хорошо ты знаешь язык. Ответишь — пройдешь на продвинутый курс «JavaScript Developer. Professional» от OTUS по специальной цене + получишь видео-курс по Git в подарок 👉 ПРОЙТИ ТЕСТИРОВАНИЕ https://otus.pw/drG9/ 💣 Пройдете тест и получите: ✔️ Живое общение с экспертами JavaScript-сообщества ✔️Получите видео-курс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional» 🔥 Курс доступен в рассрочку. Нативная интеграция. Информация о продукте www.otus.ru

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

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

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