6+5 способов сделать две колонки ✌️ От таблиц и флоатов до гридов и полной дичи 😱
https://www.youtube.com/watch?v=DxSjlTKvmS8
https://www.youtube.com/watch?v=DxSjlTKvmS8
YouTube
6+5 способов сделать две колонки ✌️ От таблиц и флоатов до гридов и полной дичи 😱
00:00 Интро
01:22 Таблица
03:06 Флоаты
04:10 Инлайны
06:02 Мультиколонки
07:21 Флексы
08:27 Гриды
08:51 Вторая группа
09:30 Позиционирование
10:18 Направление письма
11:39 SVG
15:59 Элемент
18:17 Фреймы
21:58 Баг в Safari
22:44 Выводы
23:35 Аутро
Нравится?…
01:22 Таблица
03:06 Флоаты
04:10 Инлайны
06:02 Мультиколонки
07:21 Флексы
08:27 Гриды
08:51 Вторая группа
09:30 Позиционирование
10:18 Направление письма
11:39 SVG
15:59 Элемент
18:17 Фреймы
21:58 Баг в Safari
22:44 Выводы
23:35 Аутро
Нравится?…
👍1🔥1
История о CSS-сбросах и все, что о них нужно знать. Еще раз об этом
https://habr.com/ru/company/otus/blog/580442/
https://habr.com/ru/company/otus/blog/580442/
Хабр
История о CSS-сбросах и все, что о них нужно знать. Еще раз об этом
Полное ( или почти полное, надеюсь) руководство по библиотекам CSS Reset Фото Sasha • Stories на Unsplash Небольшое вступление: меня заинтересовали CSS-сбросы по вполне практичной...
Обеспечение мгновенной загрузки страниц в браузере с помощью спекулятивного пре-рендеринга
https://web.dev/speculative-prerendering/
https://web.dev/speculative-prerendering/
Chrome for Developers
Prerender pages in Chrome for instant page navigations | Web Platform | Chrome for Developers
The Chrome team has been working on options to bring back full prerendering of future pages that a user is likely to navigate to.
React philosophies: Вещи, о которых я думаю, когда пишу код React
https://github.com/mithi/react-philosophies
https://github.com/mithi/react-philosophies
GitHub
GitHub - mithi/react-philosophies: 🧘 Things I think about when I write React code 🧘
🧘 Things I think about when I write React code 🧘 - GitHub - mithi/react-philosophies: 🧘 Things I think about when I write React code 🧘
Как создать MVP с помощью React и Firebase
https://www.sitepoint.com/react-firebase-build-mvp/?utm_campaign=how-to-build-an-mvp-with-react-and-firebase&utm_medium=social_link&utm_source=missinglettr-twitter
https://www.sitepoint.com/react-firebase-build-mvp/?utm_campaign=how-to-build-an-mvp-with-react-and-firebase&utm_medium=social_link&utm_source=missinglettr-twitter
SitePoint
How to Build an MVP with React and Firebase
MVPs are useful for testing markets before fully investing in your product. Learn how to build an MVP using React and Firebase.
Использование современных форматов изображений: AVIF и WebP.
Большая статья от Эдди Османи.
https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/
Большая статья от Эдди Османи.
https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/
Smashing Magazine
Using Modern Image Formats: AVIF And WebP — Smashing Magazine
In this article, we’ll highlight how modern image formats (AVIF or WebP) can improve compression by up to 50% and deliver better quality per-byte while still looking visually appealing. We’ll compare what’s possible at high-quality, low-quality and file-size…
👍1
Как писать на HTML Canvas удобно, или как изобрести очередной renderer на Angular
https://habr.com/ru/post/581034/
https://habr.com/ru/post/581034/
Распространённые ошибки при использовании npm, которых лучше не совершать
https://habr.com/ru/company/ruvds/blog/580278/
https://habr.com/ru/company/ruvds/blog/580278/
Хабр
Распространённые ошибки при использовании npm, которых лучше не совершать
Npm — это крупнейший менеджер пакетов. Его сравнительно просто и понятно использовать в практике веб-разработки. Но когда речь заходит о применении собственных конфигураций или об использовании...
Замена jQuery на Vanilla ES6
https://aarontgrogg.com/blog/2021/09/29/replacing-jquery-with-vanilla-es6/
https://aarontgrogg.com/blog/2021/09/29/replacing-jquery-with-vanilla-es6/
Aarontgrogg
Replacing jQuery with Vanilla JS / ES6
Following a discussion with a colleague about how "necessary" jQuery is now-days, considering how far ES6 has come, I decided to conduct a small experiment: I would clone a live, functioning JS module and replace as much jQuery as possible (ideally all) with…
Что такое функции высшего порядка в JavaScript?
Дмитрий Павлутин с объяснением и практическими примерами.
https://dmitripavlutin.com/javascript-higher-order-functions/
Дмитрий Павлутин с объяснением и практическими примерами.
https://dmitripavlutin.com/javascript-higher-order-functions/
Dmitri Pavlutin Blog
What are Higher-Order Functions in JavaScript?
The higher-order function accept as arguments or return other functions.
Разбираем искажение homunculus.jp с помощью Three.js
https://tympanus.net/codrops/2021/10/04/deconstructing-the-homunculus-jp-distortion-with-three-js/
https://tympanus.net/codrops/2021/10/04/deconstructing-the-homunculus-jp-distortion-with-three-js/
Codrops
Deconstructing the homunculus.jp Distortion with Three.js | Codrops
https://youtu.be/qmRqgFbNprM In this ALL YOUR HTML coding session we will be deconstructing the pixel river distortion s
Варианты отображения пароля в input type=«password»
https://css-tricks.com/the-options-for-password-revealing-inputs/
https://css-tricks.com/the-options-for-password-revealing-inputs/