«Безумный» CSS квиз от гика
#почитать
⏱ Читать статью
#почитать
Сразу скажу, что вопросы в нём только отчасти имеют практический смысл. На практике навряд ли вы столкнётесь с ними. Но это так задумано! Я специально хочу сделать всё, чтобы вы не ответили на вопросы! Поэтому, пожалуйста, не воспринимайте квиз серьёзно. Просто весело проведём время.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
Пишем одностраничное приложение с помощью htmx
#почитать
JS-библиотеку htmx воспринимают как средство, которое спасает интернет от одностраничных приложений. Всё дело в том, что React поглотил разработчиков своей сложностью (так говорят), а htmx предлагает столь желанное спасение.
Создатель 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
👍5❤2🔥2
Base Virtualization — бесплатный курс для тех, кто хочет погрузиться в облачные технологии
Уже используете облака, только планируете переезд или просто хотите разобраться в терминологии? Что такое IaaS, SaaS, PaaS? В чем разница между частным, публичным и гибридным облаками? Что такое миграция и как организовать бесшовный переезд в облако? Об этом и о многом другом узнаете в новом курсе.
Что вас ждет:
— 10 уроков о виртуализации и облачной инфраструктуре.
— Доступ к материалам курса без ограничений.
— Поддержка и общение с экспертами в Telegram-сообществе.
Зарегистрируйтесь на курс по ссылке и начните погружение в виртуализацию прямо сейчас.
Реклама ПАО «ВымпелКом», beeline.ru
Уже используете облака, только планируете переезд или просто хотите разобраться в терминологии? Что такое IaaS, SaaS, PaaS? В чем разница между частным, публичным и гибридным облаками? Что такое миграция и как организовать бесшовный переезд в облако? Об этом и о многом другом узнаете в новом курсе.
Что вас ждет:
— 10 уроков о виртуализации и облачной инфраструктуре.
— Доступ к материалам курса без ограничений.
— Поддержка и общение с экспертами в Telegram-сообществе.
Зарегистрируйтесь на курс по ссылке и начните погружение в виртуализацию прямо сейчас.
Реклама ПАО «ВымпелКом», beeline.ru
👍3
CSS-анимации: 20 полезных библиотек
#почитать
Анимации в веб-дизайне давно стали стандартом. Они делают интерфейсы более живыми, помогают привлечь внимание к важным элементам и улучшают пользовательский опыт. Эти 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.
⏱ Читать статью
#почитать
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
#посмотреть
В спецификации CSS Cascading and Inheritance Level 5 появилась сущность, которая сильно повлияет на способ организации CSS-кода в проектах. Эта сущность — слои, которые задаются директивой @layer. С введением слоёв методологии вроде БЭМ становятся не такими уж и универсальными.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤2🔥2
Селекторы HTML элементов в JavaScript
#почитать
⏱ Читать статью
#почитать
Манипулирование деревом DOM, это альфа и омега любого фронтенд-разработчика, а это не возможно без селекторов позволяющих находить HTML элементы. Давайте подробно разберёмся как они работают.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍2
Гибкие макеты
#почитать
Не все знают, что можно менять размер шрифта в настройках браузера, и тем более не многие этим пользуются. Но если мы хотим обеспечить отзывчивость, мы должны учитывать и этот фактор. Во всех браузерах размер шрифта по умолчанию равен 16px; если это значение будет изменено, будет изменен и размер одного rem. Поэтому все размеры связанные с типографикой и не только лучше задавать в этих единицах.
⏱ Читать статью
#почитать
Не все знают, что можно менять размер шрифта в настройках браузера, и тем более не многие этим пользуются. Но если мы хотим обеспечить отзывчивость, мы должны учитывать и этот фактор. Во всех браузерах размер шрифта по умолчанию равен 16px; если это значение будет изменено, будет изменен и размер одного rem. Поэтому все размеры связанные с типографикой и не только лучше задавать в этих единицах.
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔5❤1
Современные способы переключения контента
#почитать
⏱ Читать статью
#почитать
Мы склонны использовать знакомые решения. Когда речь заходит о переключении контента, мы обычно используем свойства display: none или opacity: 0 с добавлением JavaScript. Однако современный веб стремительно развивается, и, возможно, настало время рассмотреть другие подходы к переключению контента — узнать, какие нативные API на сегодняшний день поддерживаются, их достоинства и недостатки, а также некоторые нюансы, о которых мы могли и не подозревать (включая псевдоэлементы и другие малоизвестные вещи).
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5