#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…
Представляем refine — open-source headless React-фреймворк (6.9K ⭐️ на GitHub) для CRUD-приложений. С ним вы можете быстро создать админку или дашбоард, при этом код останется гибким для изменений.✨
refine бесшовно связывается с UI-фреймворками и поставляется с готовыми интеграциями для Ant Design System, Material UI, Mantine и Chakra UI 🚀
GitHub: https://github.com/refinedev/refine
refine бесшовно связывается с UI-фреймворками и поставляется с готовыми интеграциями для Ant Design System, Material UI, Mantine и Chakra UI 🚀
GitHub: https://github.com/refinedev/refine
Руководство для начинающих по трассировке Chrome с точки зрения веб-разработчика
Бывают ситуации, когда вы отлаживаете сложную проблему с производительностью, поэтому вам приходится идти глубже вкладки «Производительность» в Chrome DevTools. Вот тут-то и появляется трассировка Chrome.👇
Читать
Бывают ситуации, когда вы отлаживаете сложную проблему с производительностью, поэтому вам приходится идти глубже вкладки «Производительность» в Chrome DevTools. Вот тут-то и появляется трассировка Chrome.👇
Читать
Read the Tea Leaves
A beginner’s guide to Chrome tracing
I’ve been doing web performance for a while, so I’ve spent a lot of time in the Performance tab of the Chrome DevTools. But sometimes when you’re debugging a tricky perf problem, …
⬆️ Достиг потолка в профессии: как устроиться в международную компанию
Расскажем о том, как оценить свой уровень английского, грамотно оформить резюме и успешно пройти собеседование в международную команду.
🔗 Основной сайт
🔗 Зеркало
Расскажем о том, как оценить свой уровень английского, грамотно оформить резюме и успешно пройти собеседование в международную команду.
🔗 Основной сайт
🔗 Зеркало
🎙 Серия «Как мы попали в IT» продолжается. В новом видео про свой путь рассказывает легенда фронтенда Андрей Ситник.
Его опенсорсными инструментами пользуется все индустрия. Но Андрей силён не только технической экспертизой, но и широким культурным кругозором.
Это все сейчас. Когда-то он тоже был начинающим айтишникам, а в новом выпуске «Как мы попали в IT» рассказывает о своих первых шагах.
🎬 Смотреть
Его опенсорсными инструментами пользуется все индустрия. Но Андрей силён не только технической экспертизой, но и широким культурным кругозором.
Это все сейчас. Когда-то он тоже был начинающим айтишникам, а в новом выпуске «Как мы попали в IT» рассказывает о своих первых шагах.
Please open Telegram to view this post
VIEW IN TELEGRAM
352. Safari TP, Chrome 109-110, :has, CSS и Figma, State of JS 2022…
Веб-стандарты
Подкаст «Веб-стандарты»: Андрей Мелихов, Алексей Симоненко, Вадим Макеев, Юля Миоцен про Safari TP, Chrome 109-110, :has, CSS и Figma, State of JS 2022 и Civet как призрак CoffeeScript.
00:02:02 Safari TP
00:10:42 Chrome 109
00:24:33 Бета Chrome 110
00:34:51 :has для диапазонов
00:39:24 Conditional CSS
00:44:31 State of JS
01:10:08 Призрак CoffeeScript
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
00:02:02 Safari TP
00:10:42 Chrome 109
00:24:33 Бета Chrome 110
00:34:51 :has для диапазонов
00:39:24 Conditional CSS
00:44:31 State of JS
01:10:08 Призрак CoffeeScript
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
10 лучших open source проектов Node.js, за которыми стоит следить
В статье обсуждаются плюсы/минусы Node.js и приводятся проекты-победители 2023 N|Solid Award:
— Fastify-vite
— Mercurius
— Platformatic
— Next.js
— Prisma
— Redwood
— Nuxt
— Strapi
— Herbs.js
— PNPM
Подробнее
В статье обсуждаются плюсы/минусы Node.js и приводятся проекты-победители 2023 N|Solid Award:
— Fastify-vite
— Mercurius
— Platformatic
— Next.js
— Prisma
— Redwood
— Nuxt
— Strapi
— Herbs.js
— PNPM
Подробнее
The NodeSource Blog - Node.js Tutorials, Guides, and Updates
2023 N|Solid Awards: The Top 10 Best Node.js Open Source Projects to Watch