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

▫️ Слоистый CSS со взбитыми сливками #посмотреть В спецификации CSS Cascading and Inheritance Level 5 появилась сущность, которая сильно повлияет на способ организации CSS-кода в проектах. Эта сущность — слои, которые задаются директивой @layer. С введением слоёв методологии вроде БЭМ становятся не такими уж и универсальными. ⏱Смотреть на YouTube ⏱️35 минут

Пятница перестает быть томной 😆

Bootstrap и CSS-препроцессор Sass Автор: Прохоренок Н. А. Год издания: 2021 #css #ru Скачать книгу

Векторизация с помощью Three.js #почитать Преобразовать картинки разных форматов в векторное изображение. ⏱Читать статью

47 Best Glowing Effects in CSS #почитать Modern websites often feature visually appealing components like buttons, navigation bars, headers, hero sections, product galleries, and testimonials to captivate users. These components are styled intentionally to enhance user engagement and improve the overall user experience. One popular way to achieve this is by using the glowing effect. The glowing effect in CSS is a powerful tool to make elements stand out and create a striking visual appeal. By applying subtle or vibrant glows to text, buttons, or other elements, developers can draw attention to key areas of a webpage. ⏱Читать статью

CSS-анимации: 20 полезных библиотек #почитать Анимации в веб-дизайне давно стали стандартом. Они делают интерфейсы более живыми, помогают привлечь внимание к важным элементам и улучшают пользовательский опыт. Эти 20 библиотек помогут быстро добавить анимации в ваши проекты. ⏱Читать статью

Base Virtualization — бесплатный курс для тех, кто хочет погрузиться в облачные технологии Уже используете облака, только планируете переезд или просто хотите разобраться в терминологии? Что такое IaaS, SaaS, PaaS? В чем разница между частным, публичным и гибридным облаками? Что такое миграция и как организовать бесшовный переезд в облако? Об этом и о многом другом узнаете в новом курсе. Что вас ждет: — 10 уроков о виртуализации и облачной инфраструктуре. — Доступ к материалам курса без ограничений. — Поддержка и общение с экспертами в Telegram-сообществе. Зарегистрируйтесь на курс по ссылке и начните погружение в виртуализацию прямо сейчас. Реклама ПАО «ВымпелКом», beeline.ru

Как сделать анимацию разными способами: CSS, WebP, Canvas, Lottie, Spine и секвенции #почитать

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

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

Пишем одностраничное приложение с помощью htmx #почитать JS-библиотеку htmx воспринимают как средство, которое спасает интернет от одностраничных приложений. Всё дело в том, что React поглотил разработчиков своей сложностью (так говорят), а htmx предлагает столь желанное спасение. Создатель htmx, Карсон Гросс, иронично объясняет эту динамику библиотеки так: Нет, здесь у нас диалектика Гегеля: тезис: традиционные многостраничные приложения, антитезис: одностраничные приложения, синтез (возвышенная форма): гипермедиа-приложения с островками интерактивности. ⏱Читать статью

«Безумный» CSS квиз от гика #почитать

Сразу скажу, что вопросы в нём только отчасти имеют практический смысл. На практике навряд ли вы столкнётесь с ними. Но это так задумано! Я специально хочу сделать всё, чтобы вы не ответили на вопросы! Поэтому, пожалуйста, не воспринимайте квиз серьёзно. Просто весело проведём время.

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

Бесплатный курс Cloud DevSecOps — ваш шаг к безопасной разработке Каждая строка кода — это потенциальная уязвимость. Если вы DevOps-инженер или разработчик, который хочет не просто писать код, а создавать защищенные приложения, этот курс для вас. Вас научат не допускать ошибок, которые могут привести к утечкам данных и уязвимостям. Познакомят с инструментами для предотвращения угроз и создания безопасного ПО. Что вас ждет: — 10 уроков, которые помогут разобраться с DevSecOps. — Практика с примерами кода на Java и разбором ошибок. — Поддержка экспертов и активное комьюнити. Учитесь бесплатно и в удобном для вас ритме — записывайтесь на курс Cloud DevSecOps по ссылке. Реклама ПАО «ВымпелКом», beeline.ru erid: LjN8K58hJ

CSS Wrapped 2024 #почитать Join the Chrome DevRel team and a skateboarding Chrome Dino on a journey through the forest, over the mountains, and across the seas as they explore the latest CSS launched for Chrome and the web platform in 2024. ⏱Посмотреть

Стилизация meter #почитать Элемент применяется для наглядного представления числа, лежащего в заданном диапазоне. Отображается в виде горизонтальной полосы, где цветным фоном отмечается текущее значение. ⏱Читать статью

🖥 Хотите сделать красивый README на GitHub? Я вообще обожаю описывать Readme файл и кайфую, когда всё красиво, чётко и ясно. Мне трудно понять людей, которые не ведут документируют собственные проекты, ведь это помогает не только другим, но и автору кода! Например, недавно я создавала первый проект с Docker, Jenkins и генерацией отчета тестирования. Захотела сделать всё «по-умному», чтобы джобы сами работали и всё в этом духе. Так вот, мой Readme файл пригодился не только девопсу разобраться с моим кодом и помочь, но и мне! Потому что все эти команды запомнить не очень просто, а благодаря документации всё становится структурированным (это моё личное наслаждение) Я пишу Readme по всем канонам: с тайтлами, изображениями, блоками кода, сносками и так далее. И вам советую! Потому что таким образом вашу документацию будет проще читать и использовать. А возвращаясь к GitHub README файлу, здесь вообще большое пространство для фантазии. Потому что это ваша презентация, и вы имеете право писать всё, что угодно, в любом стиле. А именно поэтому я хочу поделиться подборкой полезных ресурсов, которые помогут сделать вашу «визитную карточку» на GitHub более привлекательной: ▫️awesome-github-profile-readme ▫️creative-profile-readme ▫️skill-icons ▫️github-readme-stats ▫️cicirello/user-statistician ▫️dec0dOS/amazing-github-template ▫️markdown-badges (источник)

JavaScript. Дополнительные уроки для начинающих Автор: Владимир Дронов Год издания: 2022 #javascript #ru Скачать книгу

Что нужно знать про OOCSS и организацию CSS #почитать Один из подходов к организации CSS-кода, отличительной чертой которого является разделение структуры элемента и его оформления. ⏱Читать статью