​​Шпаргалка по Flexbox

Это, пожалуй, одна из лучших шпаргалок по Flexbox, которые доступны в интернете. Она проста, охватывает все необходимые свойства и обладает наиболее понятными визуальными пояснениями.

Сохраняйте себе в закладке и пользуйтесь по необходимости: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

#шпаргалка #css #flexbox

Одна буква, а какая разница

​​​Old but gold: Микрофронтенд с feature sliced design

В этой статье автор рассмотрел концепцию двух данных архитектур, обсудив их преимущества перед монолитными фронтенд‑приложениями и другими доступными настройками.

А так же рассказал, как ему удалось удачно объединить оба решения в одном проекте: https://habr.com/ru/articles/747952/

#архитектура

​​15 советов по оптимизации страниц

Аспекты разработки (на которые часто не обращают внимание), которые помогут улучшить загрузку и работу вашего приложения: https://www.speedcurve.com/blog/15-neglected-page-speed-optimizations/

#собеседование #фронтенд

​ChatGPT определила HTML-программиста

​​В CSS появился условный оператор

Делимся статьей, в которой подробнее рассказали о синтаксисе и примерах использования: https://css-tricks.com/if-css-gets-inline-conditionals/

#css

​​ В Python могли встроить вирус. Все из-за утечки админского токена языка через публичный Docker-контейнер

В мире программирования произошла одна из самых опасных ошибок за последнее время. И все из-за невнимательности одного из разработчиков: https://tproger.ru/news/v-python-mogli-vstroit-virus--vse-iz-za-utechki-adminskogo-tokena-yazyka-cherez-publichnyj-docker-kontejner

#python

Нашли codepen того самого переключателя из мемного видео: Detailed Theme Switch

Проект реализован с помощью CSS и JavaScript. Исходники:https://codepen.io/jkantner/pen/OJazKey

👍 — юзабельно
🗿 — троллейбус_из_буханки_хлеба.jpg

#codepen

​​Cloudflare выпустила Pingora v0.3.0 с поддержкой HTTP-модулей

Cloudflare представила второй публичный релиз открытого проекта Pingora v0.3.0. Это асинхронный многопоточный фреймворк на Rust, который помогает создавать прокси-сервисы HTTP.

Проект используется для создания сервисов, обеспечивающих значительную часть трафика в Cloudflare (вместо применения Nginx). Исходный код Pingora опубликован на GitHub под лицензией Apache 2.0.

Проект Pingora предоставляет библиотеки и API для создания сервисов поверх HTTP/1 и HTTP/2, TLS или просто TCP/UDP. В качестве прокси-сервера он поддерживает сквозное проксирование HTTP/1 и HTTP/2, gRPC и WebSocket. Поддержка HTTP/3 — в планах.

Pingora также включает в себя настраиваемые стратегии балансировки нагрузки и аварийного переключения. Чтобы соответствовать требованиям безопасности, он поддерживает как широко используемые библиотеки OpenSSL, так и BoringSSL, которые соответствуют требованиям FIPS (федеральных стандартов обработки информации США) и пост-квантового шифрования.

Подробнее: https://habr.com/ru/news/828678/

#cloudflare

Ничего необычного, просто ​​бэкендер пытается в CSS:

​​mTLS наглядно

​​​​bunkerweb: многостаночный файервол для сайта

Защита на базе NGINX с веб-интерфейсом и CLI-командами, которая в состоянии:
— распознать необычные запросы к серверу и заблокировать их;
— предотвращать TLS Hardening («прослушивание» данных во время передачи от сервера к клиенту);
— блокировать ботов капчей (cookie, javascript, captcha, hCaptcha or reCAPTCHA);

Репозиторий проекта: https://github.com/bunkerity/bunkerweb

#инструменты

​​​Лучшие способы вызова API на JavaScript

При работе с JavaScript чрезвычайно важно знать, как посылать HTTP-запросы и получать динамические данные с сервера/базы данных. А делать это можно различными способами. Подробнее о них: https://nuancesprog.ru/p/15597/

#api #javascript

​​Учим React за месяц

React — это крутая JavaScript-библиотека, которую используют для создания сайтов, мобильных приложений и даже игр.

Если давно в планах есть изучение React, но растягивать процесс не хочется, то начните с 30DaysOfReact — это учебник, который подойдет как новичкам, так и опытным разработчикам. Там можно найти задачи, темы и материалы для ежедневного изучения.

@prog_point #web #frontend #react

​​24 CSS-проекта: Анимация загрузки, индикаторы выполнения, карточки и многое другое

На freeCodeCamp вышло новое видео, в котором вы сможете узнать, насколько хорошо вы на самом деле знаете CSS.

На протяжении 24 заданий вы будете воссоздавать компоненты и макеты из популярных приложений, таких как GitHub, CodePen и Instagram. Вы также создадите анимацию загрузки, индикаторы выполнения, карточки и многое другое, используя чистый CSS: https://youtu.be/TzuWIHGFKCQ

#css

Написать красивый фронтенд — это искусство

Зачем нужна эта библиотека Python в веб-разработке

Пройдите небольшое тестирование, чтобы узнать, насколько вы знакомы с Python-библиотеками и фреймворками, которые используют в веб-разработке: https://tproger.ru/quiz/zachem-nuzhna-eta-biblioteka-python-v-veb-razrabotke

​​История: как сэкономить $5000/месяц с помощью одного Grafana-запроса

Разработчики из Checkly рассказали, как команда проекта поставила перед собой цель в начале 2024 года — сократить расходы на каждого пользователя.

В ходе работы над этим проектом они обнаружили способ сэкономить $5000 в месяц, снизив время запуска подов на 300 мс: https://tproger.ru/news/istoriya--kak-sekonomit--5000-mesyac-s-pomoshhyu-odnogo-grafana-zaprosa

#devops@

​​Как компилировать json или история оптимизации Python-сервиса

В процессе работы автор статьи понял, что самый быстрый способ вычислять выражения — переписать их на Python. В итоге получилось написать собственную реализацию библиотеки json-logic, заточенную под максимальную производительность.

Подробнее об этом опыте он рассказал в статье: https://habr.com/ru/companies/oleg-bunin/articles/828986/

#python