Web Stack
5.06K subscribers
741 photos
4 videos
1.7K links
Дайджест web разработчика: статьи, туториалы, практики и полезные инструменты.

Админ: @jem_jem
Реклама: http://bit.ly/2wZeIPj

👉 Дайджест мобильной разработки @mobile_dvlp
Download Telegram
Делаем правильную favicon

Прошлогодний (но все еще актуальный) гайд по набору изображений для иконки вашего сайта, чтобы она везде отображалась правильно.

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
OpenAPI станет проще

Подробности о релизе 4.0.

https://habr.com/ru/companies/ruvds/articles/779788/
Гайд: проектируем систему цветов. Всё про styles, tokens, variables

Как перейти от стилей к токенам (variables).

https://habr.com/ru/post/781082
DDD, Гексагональная, Луковая, Чистая, CQRS...

Как объединить эти подходы для создания гибкой архитектуры приложения.

https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/
3D эффекты для изображений

Как добавить сияние, изменить перспективу и поворот для изображений при помощи CSS.

https://www.smashingmagazine.com/2023/07/shines-perspective-rotations-css-3d-effects-images/
Web-Sockets

Искусство реализации коммуникации в режиме реального времени.

https://dev.to/raunakgurud09/websockets-unlocked-mastering-the-art-of-real-time-communication-2lnj
CORS, CSP, HTTPS, HSTS

Отличия CORS от CSP и как они защищают ваши приложения.

https://habr.com/ru/companies/ruvds/articles/421347/
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем эвенты в Google календаре с помощью NodeJS

Подробный туториал по интеграции NodeJS приложения с Google Calendar API.

https://dev.to/arindam_1729/i-built-an-event-scheduler-in-nodejs-using-google-calendar-api-4c5b
Сборник паттернов для веб-разработчиков

Бесплатный онлайн ресурс для изучения дизайн паттернов и паттернов производительности для создания оптимизированных приложений на чистом JS или с использованием фреймворков.

https://www.patterns.dev/
Создаем шрифты в браузере

typlr — онлайн инструмент позволяющий относительно просто создать свой собственный шрифт.

https://typlr.app/
Введение в TypeScript для начинающих

Большое руководство для тех, кто только знакомится с TS.

https://www.freecodecamp.org/news/typescript-for-beginners-guide/
Forwarded from Habr For Dev
#форки #репозитории

Любой может получить доступ к удалённым и приватным данным репозиториев GitHub

⭐️⭐️◽️◽️◽️

📖 Читать
Друзья, привет! Хотелось бы больше узнать о подписчиках канала. Поэтому небольшой опрос о том, кто вы и чем занимаетесь. Я...
Anonymous Poll
48%
Frontend разработчик
14%
Backend разработчик Python/PHP/Java/Go/C#
4%
Backend разработчик NodeJs
34%
Fullstack разработчик
Паттерны эффективных DOM операций

Как с точки зрения памяти эффективно работать с DOM элементами на чистом JS.

https://frontendmasters.com/blog/patterns-for-memory-efficient-dom-manipulation/
Виртуальный DOM на 200 строк JS

Как написать свою собственную реализацию Virtual DOM (и зачем).

https://lazamar.github.io/virtual-dom/
SOLID принципы в React приложениях

Повышаем качество кода с применением SOLID принципов в контексте разработки на React.

https://dev.to/vyan/mastering-solid-principles-in-react-elevating-your-code-quality-2c6h
Forwarded from Habr For Dev
#ruvds_статьи #css

Магия CSS на практике: советы по вёрстке от гика. Часть 3

⭐️◽️◽️◽️◽️

📖 Читать
Tarantool vs Redis: что умеют in-memory технологии

Что такое БД в памяти и какие задачи они решают, а также технические особенности и сравнение Tarantool vs Redis.

https://habr.com/ru/companies/vk/articles/550062/
Ускоряем работу приложения еще на этапе загрузки

Что присходит с запросом до получения результата и как на это можно повлиять.

https://blog.sentry.io/how-to-make-your-web-page-faster-before-it-even-loads/
Деплой в AWS

Туториал по базовой настройке AWS и работе с основным функционалом для деплоя приложений.

https://www.youtube.com/watch?v=U3VSJhaC4kc