Верстальщик от бога
12.1K subscribers
1.29K photos
17 videos
1 file
1.56K links
Регистрация в перечне РКН:
https://knd.gov.ru/license?id=6757e1989d804a279b283165&registryType=bloggersPermission

Самый большой канал по верстке в телеграм.

Чат верстальщиков: @godinhtmlchat

По всем вопросам: @godinmedia
Download Telegram
«Безумный» CSS квиз от гика

#почитать

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


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
Пишем одностраничное приложение с помощью htmx

#почитать

JS-библиотеку htmx воспринимают как средство, которое спасает интернет от одностраничных приложений. Всё дело в том, что React поглотил разработчиков своей сложностью (так говорят), а htmx предлагает столь желанное спасение.

Создатель htmx, Карсон Гросс, иронично объясняет эту динамику библиотеки так:

Нет, здесь у нас диалектика Гегеля:
тезис: традиционные многостраничные приложения,
антитезис: одностраничные приложения,
синтез (возвышенная форма): гипермедиа-приложения с островками интерактивности.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
5👎3
Как сделать анимацию разными способами: CSS, WebP, Canvas, Lottie, Spine и секвенции

#почитать

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


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍52🔥2
Base Virtualization — бесплатный курс для тех, кто хочет погрузиться в облачные технологии

Уже используете облака, только планируете переезд или просто хотите разобраться в терминологии? Что такое IaaS, SaaS, PaaS? В чем разница между частным, публичным и гибридным облаками? Что такое миграция и как организовать бесшовный переезд в облако? Об этом и о многом другом узнаете в новом курсе.

Что вас ждет:

— 10 уроков о виртуализации и облачной инфраструктуре.
— Доступ к материалам курса без ограничений.
— Поддержка и общение с экспертами в Telegram-сообществе.

Зарегистрируйтесь на курс по ссылке и начните погружение в виртуализацию прямо сейчас.

Реклама ПАО «ВымпелКом», beeline.ru
👍3
CSS-анимации: 20 полезных библиотек

#почитать

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

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍2😁2
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.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7😁2
Векторизация с помощью Three.js

#почитать

Преобразовать картинки разных форматов в векторное изображение.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔9👍1
Bootstrap и CSS-препроцессор Sass

Автор
: Прохоренок Н. А.
Год издания: 2021

#css #ru

Скачать книгу
👍11👎3🙈2🤬1
👏19😁16🎉5👍2
Пятница перестает быть томной 😆
😁24
▫️ Слоистый CSS со взбитыми сливками

#посмотреть

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

Смотреть на YouTube ⏱️35 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍92🔥2
🙃
😁24👍114👎2🙈1💘1
😁24👍8🔥1
🗿
Please open Telegram to view this post
VIEW IN TELEGRAM
😁28🙈4👍2
🐀
😁74
Селекторы HTML элементов в JavaScript

#почитать

Манипулирование деревом DOM, это альфа и омега любого фронтенд-разработчика, а это не возможно без селекторов позволяющих находить HTML элементы. Давайте подробно разберёмся как они работают.


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍2
Гибкие макеты

#почитать

Не все знают, что можно менять размер шрифта в настройках браузера, и тем более не многие этим пользуются. Но если мы хотим обеспечить отзывчивость, мы должны учитывать и этот фактор. Во всех браузерах размер шрифта по умолчанию равен 16px; если это значение будет изменено, будет изменен и размер одного rem. Поэтому все размеры связанные с типографикой и не только лучше задавать в этих единицах.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔51
Современные способы переключения контента

#почитать

Мы склонны использовать знакомые решения. Когда речь заходит о переключении контента, мы обычно используем свойства display: none или opacity: 0 с добавлением JavaScript. Однако современный веб стремительно развивается, и, возможно, настало время рассмотреть другие подходы к переключению контента — узнать, какие нативные API на сегодняшний день поддерживаются, их достоинства и недостатки, а также некоторые нюансы, о которых мы могли и не подозревать (включая псевдоэлементы и другие малоизвестные вещи).


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5