Верстальщик от бога

Что нужно знать о современном CSS #почитать

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

⏱Читать статью

Фронтендеры, го бустить скиллы в CodeRun: будем решать скриншотные задачки и выигрывать призы в турнирах CodeRun — бесплатный онлайн-тренажер Яндекса с огромным каталогом задач от разработчиков Яндекса и внешних экспертов. Здесь можно учиться, готовиться к техническим собесам и получать призы за победу в сезонных турнирах: мерч, сертификаты и даже возможность попасть в Яндекс по упрощенному формату найма. Одна из топовых фич — наличие скриншотных задач для фронтенд-направления. В подборке заданий от руководителя проектов Контеста Никиты Дубко можно пройти путь от рисования простых примитивов до полноценных CSS-иллюстраций. Залетай в CodeRun, проходи подборки от экспертов, отслеживай прогресс и лутай призы в турнирах: 2 сезон сейчас в самом разгаре!

Подробное руководство по началу карьеры фронтендера #почитать Комментарий:

Главное не тешьте себя надеждами, что это всё история на пару месяцев, а после 100кк/наносек, сейчас рынку больше нужны специалисты миддл+ уровня, потому что джунов стоит целая очередь, а ещё нейронки пишут легкий код всё лучше и лучше, поэтому будет куда правильнее если потратите на обучение хотя бы год, но даже потратив год не думайте, что залетите на работу за месяц, слышал данные, что сейчас в РФ среднее время поиска работы у джуна это полгода, поэтому учитесь и не отчаивайтесь

⏱Читать статью

Новые функции CSS mod, round. Анимированные Sprite Sheet без JS #почитать

Sprite Sheet — это техника в веб-разработке, позволяющая использовать множество различных кадров анимации, хранящихся в одном изображении. Это эффективный способ уменьшить количество HTTP-запросов к серверу и ускорить загрузку веб-страницы, так как все кадры анимации загружаются одновременно.

⏱Читать статью

37 Советов от Senior Frontend Разработчика. Для начинающих #почитать

Решил поделиться своими советами после более чем 5-летнего опыта работы фронтендером.

⏱Читать статью

Летающий Санта и танцующие снегири: опыт реализации и оптимизации CSS-анимации #почитать Большое количество графики и анимаций потребляет достаточно много ресурсов. Однако благодаря оптимизации можно сделать так, чтобы всё работало без глюков и тормозов. ⏱Читать статью

🟡В России готовятся к блокировке YouTube в сентябре В России планируют окончательно заблокировать YouTube в сентябре, сообщил «Газете.Ru» источник, близкий к администрации президента. Эту информацию подтвердил источник в компании, занимающейся сбором информации для силовых структур. «На протяжении июля‑августа будет некая деградация, то есть в отдельных регионах будут ухудшаться условия работы YouTube. В каких‑то будет замедляться, в каких‑то — подлагивать сайт, где‑то приложение будет отваливаться. А в сентябре начнётся блокировка», — рассказал источник, близкий к АП. Второй источник «Газеты.Ru» заявил, что также получил информацию об отключении сервиса осенью. ⏱Подробно

Законы UX-дизайна: что делает пользователей счастливее, а продукт лучше #почитать

Расскажу о законах человеческой психологии и восприятии, помня о которых можно создать нормальный UX‑дизайн.

⏱Читать статью

▫️ Wasm и прочее #посмотреть Wasm, поиск по странице, Safari, Scroll-Driven Animations, фигуры, серверные компоненты и CSS. Стрим Сообщества "Вебстандарты". ⏱Смотреть на YouTube ⏱2 часа

Друзья, сегодня рекомендуем отличный канал с материалами по тестированию! 🐞Тестировщик от бога — официальный канал сайта testengineer.ru. Что отличает нас от кучи других каналов по тестированию: — мы — один из самых крупных каналов по тестированию в телеграм существующий с 2019 года; — мы пишем свои материалы: составили дорожную карту тестировщика, в которой собрали все, что надо знать для успешной работы; — подготовили 🔥 большой учебник по тестированию, где собрали огромное количество материалов для обучения; — мы проводим регулярные холиварные обсуждения — вот, например, подписчики рассказывают, как искали первую работу и какой была их первая зп; — мы не постим ленту из хабра — все материалы, которые мы пишем или отбираем, мега-полезные. Перейдите в канал и убедитесь в этом сами. — и многое-многое другое Подписывайся на тестировщика от бога и узнай уже наконец разницу между тест-планом и баг-репортом 😇

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: «Как скрыть элемент доступно?» #почитать Вопросы по вёрстке из собеседований на должность фронтендера. ⏱Читать статью

▫️ Полный гайд по CSS Flexbox с примерами из практики #почитать

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

⏱Читать статью или ⏱Посмотреть на Тубе

🐛 SQL для тестировщика — канал для развития одного из обязательных навыков QA-инженера. Публикуем обучающие видео и много-много задач и тестов для тренировки. Чем мы отличаемся от остальных: — грамотные редактора (работающие разработчики и QA, создатели канала Тестировщик от бога и портала testengineer.ru); — качественное оформление; — уникальные материалы (некоторые материалы мы пишем и переводим сами); Подписывайтесь на наш канал по SQL.

Бесконечная прокрутка логотипов на чистом HTML и CSS #почитать

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

⏱Читать статью

Якорные ссылки и как их сделать потрясающими #почитать Якорные ссылки — простой способ создать навигацию по странице. Например, в оглавлении можно использовать якорные ссылки для перехода к различным разделам страницы. ⏱Читать статью

Нейминг HTML-тегов #почитать Речь пойдет именно о тегах с кастомными именами, не о веб-компонентах. ⏱Читать статью

Как я делал шрифтовые иконки. Совмещаем желание UX-дизайнеров и возможности фронтендеров #почитать

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

⏱Читать статью

🔤🔤🌌🔤🔤🔤🔤🔤 — канал с PM юмором ➡️ Подписаться

Заблуждения о Специфичности CSS #почитать ▪️Специфичность — это десятичная оценка ▪️Использование атрибута style добавляет Специфичности ▪️Использование !important добавляет Специфичности ⏱Читать статью

Пишем веб-компонент для SVG-иконок #почитать

Рассмотрим один из вариантов интеграции svg иконок в наш фронтенд проект используя веб-компоненты. Основная идея компонента заключается в том, чтобы лениво подгружать в SVG спрайт иконки и переиспользовать уже загруженные иконки при необходимости. Сами иконки будем вставлять в разметке в виде <svg-icon name="arrow-angle-down"> нам понадобится всего сотня строк кода.

⏱Читать статью