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

Синус и косинус в веб-дизайне #почитать В CSS добавились новые стилевые тригонометрические функции, такие как sin(), cos(), tan() и др. В физике, математике и программировании, понятно, тригонометрические функции востребованы и нужны для различных вычислений. Но где их можно применять в веб-дизайне? В итоге появление всяких синусов и косинусов вызвало недоумение у многих веб-разработчиков. ⏱Читать статью

Специфичность в CSS #почитать Специфичность в CSS определяет, как браузеры определяют важность, актуальность и «старшинство» стилей, то есть как разрешаются уонфликтующие стили. ⏱Читать статью

25 передовых CSS-техник #почитать scroll-behavior: smooth и так далее ⏱Читать

Справочник HTML Кратко, быстро, под рукой Автор: Кириченко А.В. Год издания: 2021 #html #ru Скачать книгу

Изображения. Быстрый бесплатный курс для новых фронтендеров #почитать Курс от знакомства с элементом и до CDN-сетей доставки. ⏱Читать

Сократить HTML-код и писать только на CSS #почитать Вооружившись принципом DRY. ⏱Читать статью

Ключи в JavaScript фреймворках и библиотеках #почитать "Ключи" в JavaScript фреймворках и библиотеках, зачем они используются и как помогают при работе с DOM. ⏱Читать статью

Как работать с box shadows #почитать В инструментах наподобие Photoshop, Gimp, Figma и CSS есть множество разных реализаций фильтра отбрасываемой тени, каждая из которых обладает своим набором возможностей. Например, CSS поддерживает опциональное значение размытия, применяемого к отбрасываемой тени. ⏱Читать статью

"Умные" макеты с контейнерными запросами #почитать Поскольку медиа запросы сыграли важную роль в наступлении эры отзывчивого веб-дизайна, не хочется говорить о них ничего плохого… но медиа-запросы — это тупость. ⏱Читать статью

▫️ Плавающие элементы и Clearfix #посмотреть Плавающие элементы и очистка потока (Floating Elements & Clearfix) ⏱Смотреть на YouTube ⏱10 минут

Ускоряем сайт с помощью CSS #почитать Какие проблемы возникают с CSS: CSS блокирует рендеринг: каждый @import останавливает другие загрузки, пока браузер загружает и анализирует требуемый файл CSS; CSS влияет на рендеринг. Браузеры рендерят страницу в три этапа: (размер элементов), рисование (текст, цвета и т.д.) и позиционирование. Некоторые свойства CSS запускают все три фазы, что может сказаться на производительности; Код CSS со временем может разрастаться. Выявление неиспользуемых стилей может быть сложной задачей, а их удаление может привести к хаосу, но разработчики выбирают лёгкий путь и добавляют больше свойств. Таблица стилей становится всё больше. Отсюда вывод: чем больше файл, тем дольше время загрузки и обработки. ⏱Читать статью

Наглядный CSS Автор: Сидельников Грег Год издания: 2021 #css #ru Скачать книгу

Прими участие в «Хакатоне по разработке кибериммунных технологий 3.0» от «Лаборатории Касперского» с призовым фондом 1 000 000 рублей! Регистрация на хакатон открыта до 15 ноября: https://cnrlink.com/cyberimmunehack3gdhtml Приглашаем разработчиков, аналитиков, архитекторов ПО, экспертов по информационной безопасности и студентов программирования и кибербезопасности. Участвуй индивидуально или в команде до 5 человек. Тебе предстоит разработать систему удалённого управления автомобилем для каршеринга, устойчивую к кибератакам. Специальных знаний в автомобильной отрасли не требуется — задача будет понятна всем, независимо от опыта. Это твой шанс прокачать навыки в кибербезопасности и пообщаться с экспертами «Лаборатории Касперского». Ключевые даты: • 15 октября – 15 ноября – регистрация участников • 8 ноября – митап с экспертами и игра «Огнеборец» • 15 ноября – старт хакатона • 17 ноября – дедлайн загрузки решений • 22 ноября – подведение итогов и объявление победителей Регистрируйся, прояви себя и внеси вклад в безопасность каршеринговых сервисов: https://cnrlink.com/cyberimmunehack3gdhtml Реклама. АО «Лаборатория Касперского». ИНН 7713140469. erid: LjN8K5SaJ

50 сайтов с бесплатными HTML/CSS/JS шаблонами #почитать Источники вдохновения, или творческого заимствования. ⏱Ознакомиться

▫️ Асинхронность и промисы #посмотреть Разбираемся с асинхронностью в JavaScript, изучаем промисы (Promise), async await и узнаем, как работает событийный цикл (Event Loop). ⏱Смотреть на YouTube ⏱25 минут

Технологический гараж на МТС True Tech Champ Дата: 8 ноября Место: МТС Live Холл + онлайн МТС приглашает в True Tech Garage. Тут можно поиграть в деловые игры, научиться управлять логикой на воркшопе, побатлиться в кодинге с победителем олимпиады, а к вечеру просто весело провести время за прогерскими шутками. Максимально ламповая и кодерская атмосфера! А вот несколько примеров, что тебя ждет: — Деловая игра THE CODE от разработчика бизнес-симуляций Александра Белякова. Нужно будет распутать сложный узел причинно-следственных связей и найти код. — Мастер-класс по прокачке логики от Максима Дорофеева. Узнаешь, как избавиться от лишней работы, устранив логические нарушения задач. — «Плохие прогреские шутки». ИТ-батл, где пары разработчиков попробуют перешутить друг друга, а победителей выберут зрители. — «Плохой собес». Стресс-воркшоп, где участникам предстоит оказаться на худшем собеседовании в жизни. True Tech Garage будет работать на очном финале ИТ-чемпионата в МТС Live Холл. Приходи — тут все свои! Узнать подробности и зарегистрироваться на событие можно по ссылке: https://truetechchamp.ru/conf

Ограничение Contain #почитать Ограничение области применения стилей, компоновок и отрисовок. ⏱Читать ⏱Также новый подробный гайд DevNotes

Виды анимаций на верстке #почитать CSS Transition, CSS Animation, SVG animation, JS-Анимацию, JS canvas и JS. WebGL / ThreeJs. ⏱Читать статью

Советы по вёрстке от гика #почитать ▪️почему декоративные элементы, сделанные с помощью чистого CSS могут не отобразиться в режиме повышенной контрастности Windows; ▪️чем можно заменить объявления свойства height со значением auto для изображений; ▪️какой есть нюанс при установке максимальной ширины у группы элементов; ▪️плавную прокрутку без неприятных ситуаций для пользователя; ▪️чего не хватает при использовании фоновых изображений. ⏱Читать статью

Как CSS-специфичность работает в браузере #почитать

Многие считают CSS сложным. Они придумывают разные оправдания: не хватает способностей понимать CSS, или CSS сам по себе плох.

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