Sailboat UI — современная библиотека UI-компонентов для Tailwind CSS. Под капотом более 150 компонентов Tailwind с открытым исходным кодом.
https://sailboatui.com/
https://sailboatui.com/
#css #tip by reactive_dude
Наглядная иллюстрация разницы между space-between, space-around и space-evenly (justify-content) в CSS Flexbox.
Наглядная иллюстрация разницы между space-between, space-around и space-evenly (justify-content) в CSS Flexbox.
351. React Concurrency, HTTP3, сжатие картинок, SVG-фильтры, visibility…
Веб-стандарты
Подкаст «Веб-стандарты»: Андрей Мелихов, Никита Дубко, Юля Миоцен, Вадим Макеев про React Concurrency, HTTP3, сжатие картинок, SVG-фильтры, visibility, order и тригонометрию в CSS.
00:01:16 React Concurrency
00:18:34 Мифы HTTP3
00:39:12 Сжатие картинок
00:48:10 SVG-фильтры
00:53:55 CSS visibility
00:58:11 Порядок чтения
01:12:27 Тригонометрия в CSS
🔗 Слушать на Ютубе
🔗 Ссылки на сайте
00:01:16 React Concurrency
00:18:34 Мифы HTTP3
00:39:12 Сжатие картинок
00:48:10 SVG-фильтры
00:53:55 CSS visibility
00:58:11 Порядок чтения
01:12:27 Тригонометрия в CSS
🔗 Слушать на Ютубе
🔗 Ссылки на сайте
https://risingstars.js.org/2022/en
Please open Telegram to view this post
VIEW IN TELEGRAM
risingstars.js.org
2022 JavaScript Rising Stars
A complete overview of the JavaScript landscape in 2022: trends about frontend, fullstack and Node.js frameworks, React and Vue.js ecosystems, build tools, state management...
Новогодние праздники подходят к концу, надеемся вы успели провести их с пользой😌
А если нет, спешим напомнить: Сегодня последний день 50% распродажи курсов в Библиотеке программиста!
– Математика для Data Science
– Алгоритмы и структуры данных
– Как айтишнику устроиться в международную компанию
– Основы IT для непрограммистов
– Основы программирования на Python
– Frontend Basic: принцип работы современного веба.
🏄 Успейте забронировать скидку на любой из курсов: https://proglib.io/w/e90c5539
Начните новый год правильно!
И не забывайте - завтра подводим итоги конкурса, где можно выиграть:
🥇 Apple AirPods Pro 2
🥈 Курс «Математика для Data Science
🥉 Курс: «Алгоритмы и структуры данных»
👉Поторопитесь, подробности по ссылке: https://proglib.io/w/e72668b2
А если нет, спешим напомнить: Сегодня последний день 50% распродажи курсов в Библиотеке программиста!
– Математика для Data Science
– Алгоритмы и структуры данных
– Как айтишнику устроиться в международную компанию
– Основы IT для непрограммистов
– Основы программирования на Python
– Frontend Basic: принцип работы современного веба.
🏄 Успейте забронировать скидку на любой из курсов: https://proglib.io/w/e90c5539
Начните новый год правильно!
И не забывайте - завтра подводим итоги конкурса, где можно выиграть:
🥇 Apple AirPods Pro 2
🥈 Курс «Математика для Data Science
🥉 Курс: «Алгоритмы и структуры данных»
👉Поторопитесь, подробности по ссылке: https://proglib.io/w/e72668b2
#css #tip by reactive_dude
Наглядная иллюстрация разницы между align-items и justify-content в CSS Flexbox.
justify-content: aligns items along flex-direction (main axis)
align-items: in the opposite direction (cross axis)
Наглядная иллюстрация разницы между align-items и justify-content в CSS Flexbox.
justify-content: aligns items along flex-direction (main axis)
align-items: in the opposite direction (cross axis)
Помните рейтинг «Восходящие звезды JavaScript 2022»? Там Bun стал победителем в номинации «Самые популярные проекты». Узнайте подробнее о новой среде выполнения JavaScript-кода.
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
✨ JavaScript Rising Stars — обзор популярных проектов в экосистеме JavaScript за последние 12 месяцев.
https://risingstars.js.org/2022/en
https://risingstars.js.org/2022/en
⚖️ Работа или жизнь: принципы Work-life balance
Если ты работаешь 25/8, а переработка для тебя стала обыденностью – эта статья для тебя. Рассказываем об угрозах трудоголизма и как найти тот самый баланс.
🔗 Основной сайт
🔗 Зеркало
Если ты работаешь 25/8, а переработка для тебя стала обыденностью – эта статья для тебя. Рассказываем об угрозах трудоголизма и как найти тот самый баланс.
🔗 Основной сайт
🔗 Зеркало
Обзор различных архитектур, которые видела на своем пути веб-разработка
Multi-Page Apps (MPAs) ➡️ Progressively Enhanced Multi-Page Apps (PEMPAs, aka “JavaScript Sprinkles”) ➡️ Single Page Apps (SPAs)
Разбираемся, что ждет нас дальше.
Multi-Page Apps (MPAs) ➡️ Progressively Enhanced Multi-Page Apps (PEMPAs, aka “JavaScript Sprinkles”) ➡️ Single Page Apps (SPAs)
Разбираемся, что ждет нас дальше.
Epic Web Dev
The Web’s Next Transition
Web is made up of technologies that got started over 25 years ago. Now, we are transitioning to a new and improved architecture for building web applications.
Серия статей, в которых различные аспекты JavaScript объясняются с помощью анимаций (материалы 2019-2020 гг.):
🗄 Event Loop
🗄 Hoisting
🗄 Scope (Chain)
🗄 the JavaScript Engine
🗄 Prototypal Inheritance
🗄 Generators and Iterators
🗄 Promises & Async/Await
Please open Telegram to view this post
VIEW IN TELEGRAM
DEV Community
✨♻️ JavaScript Visualized: Event Loop
If you're here in 2024 (or later), here's an updated blog...
Оглядываясь на прошлый год, Ryan Carniato (автор библиотеки SolidJS UI и член основной группы MarkoJS) высказывает свое мнение о том, какими он видит JavaScript-фреймворки в этом году.
DEV Community
JavaScript Frameworks - Heading into 2023
The wonderful thing about glimpsing into the future is that the path is never completely clear. We...
Бесплатный курс для всех, кто любит качественные IT-публикации и хочет научиться интересно писать о программировании либо улучшить навыки письма.
Курс состоит из семи модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций. Ограничений на время прохождения заданий нет.
Курс будет интересен авторам, работающим в составе редакции, копирайтерам-одиночкам и просто программистам, которые хотят научиться интересно рассказывать о собственных проектах.
Материалы регулярно дополняются, обновляются и корректируется. Отвечаем на все учебные вопросы в комментариях курса.
Как стать автором «Библиотеки программиста» и получать гонорары за статьи?
➡️ Заполните анкету.
Если все ок, мы свяжемся с вами и обсудим дальнейшие шаги.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔝ТОП-10 шаблонизаторов для фронтенд-разработки
Шаблонизаторы применяют в разработке фронтенда для создания компонентов. Они позволяют создать более чистую и удобную для обслуживания кодовую базу, избавляя программиста от необходимости писать повторяющийся код несколько раз. В статье рассмотрим десять популярных во фронтенд-разработке шаблонизаторов и способы создания простых шаблонов.
🔗 Основной сайт
🔗 Зеркало
Шаблонизаторы применяют в разработке фронтенда для создания компонентов. Они позволяют создать более чистую и удобную для обслуживания кодовую базу, избавляя программиста от необходимости писать повторяющийся код несколько раз. В статье рассмотрим десять популярных во фронтенд-разработке шаблонизаторов и способы создания простых шаблонов.
🔗 Основной сайт
🔗 Зеркало
Основы создания доступных веб-сайтов и веб-приложений: опубликованы все модули курса Learn Accessibility.
Подробнее
Подробнее
web.dev
All of Learn Accessibility! is available | Blog | web.dev
We launched the final modules for Learn Accessibility. This means you can take this course from start to finish or in any order you choose.
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
TypeScript's Utility Types... Blazing fast
Between Pick, Omit, Exclude, Extract, ReturnType and many more, it's sometimes hard to know what TypeScript utility types are supposed to be used for. Here, I guide you through the context you need to use these tools to their maximum potential.
Become a…
Become a…