Забавный сайт, который превратит ваш GitHun Gist в абстрактное нечто, напоминающее ваш код:

https://tprg.ru/eztR

#github #кек

98.css — это полноценная дизайн-система, с помощью которой проектировать интерфейсы в стиле олдовых версий винды:

https://tprg.ru/17UB

#фронтенд #windows #css

Оптимизация NGINX конфигураций

В блоге NGINX опубликовали статью с весьма полезными советами по оптимизациям NGINX. Всё довольно кратно, по делу и с дополнительными ссылками для изучения при необходимости:

https://tprg.ru/bfTs

#бэкенд #nginx

Обзор десяти основных систем непрерывной интеграции

https://tprg.ru/pGan

А какую CI систему используете вы?

#devops #ci

Работа с изображениями в вебе

При разработке сайта приходится выбирать, как работать с изображениями. Можно использовать HTML-тег <img>. Можно применять CSS-свойство background или тег <image> элемента <svg>. От выбора необходимого подхода зависит производительность и доступность проекта.

В этой статье разбираются преимущества и недостатки этих способов. Кроме того, автор объясняет, когда и почему их обычно используют:

https://tprg.ru/yUv3

#фронтенд #css

Webpack: основы настройки проекта на JavaScript и Sass

Webpack — инструмент веб-разработчика, который соединяет JavaScript- и CSS-файлы в единое целое — файл, который часто называют «bundle».

В этой статье представлена инструкция по настройке среды для проекта на JavaScript и Sass:

https://tprg.ru/uFxO

Также читайте — Webpack на практике: с нуля до создания автотестов

#javascript #webpack

​Функциональное программирование в мире JavaScript

Автор рассказал, что такое композиция, частичное применение, каррирование, чистые функции, мемоизация и неизменяемы (иммутабельные) данные.

#javascript

Линуксовый монитор, который покажет общую статистику использования ресурсов процессора, памяти, дисков, сети:

https://tprg.ru/bw1g

#linux

Подборка из 14 реализаций списков с помощью CSS и HTML. Все примеры, естественно, с кодом:

https://tprg.ru/fOMg

#фронтенд #css #html

Создаём веб-приложение с бэкендом на Django и фронтендом на React

https://tprg.ru/jyUJ

Из статьи вы узнаете:
— как создать простое REST API на Django;
— как добавить React в проект Django;
— как соединить Django и React

#фронтенд #бэкенд #django #react

На Digital Ocean появилась возможность настроить VPC, т.е. создавать сколь угодно много приватных сетей для виртуалок бесплатно. А передача данных между ДЦ сверх тарифа будет стоить $.01 / ГБ:

https://tprg.ru/FLsR

#безопасность #vpc

​Проблема тёмной темы на OLED-дисплеях

При работе с тёмными темами в приложениях существует одна интересная проблема: при использовании абсолютно чёрного цвета #000 на OLED-дисплеях происходит смазывание изображения и эффект халяции.

Почему? Читайте в статье:

https://tprg.ru/L0RX

#фронтенд #дизайн

В блоге Docker опубликовали статью с хорошими практиками по созданию Dockerfile, чтобы полученный Docker Image был безопасным, компактным, быстро собираемым и поддерживаемым:

https://tprg.ru/NDPd

#devops #docker

hey — тулза, с помощью которой можно замерить среднюю скорость ответа вашего сервера, проверить, не падает ли он от самых простых запросов:

https://tprg.ru/3i57

#бэкенд #http

​Шпаргалка для собеседований по SQL

Разобраны все варианты JOIN двух таблиц, когда в них есть NULL значения. К каждому кейсу есть пояснения. В качестве шпаргалки она полна для обзора всех возможных случаев:

https://tprg.ru/PMs0

#базыданных #sql

Гайд по созданию такой карусели без использования JavaScript, jQuery-плагинов и всего такого. Только CSS и HTML:

https://tprg.ru/nMCt

#фронтенд #css

​Чем на самом деле занимается специалист по облачным технологиям?

Рассказывает разработчик с 11-летним стажем: https://tprg.ru/Mpeb

#devops #облака

Подборка из 10 хороших расширений Chrome, которые ускорят и улучшат рабочий процесс дизайнера:

https://tprg.ru/4qS6

Например, расширение Toybox на видео в посте может помочь вам быстро проверить CSS на сайте и делиться комментариями с коллегами.

#фронтенд #дизайн

Видеокурс по бэкенд-разработке на Python

Прошедшей осенью в московском офисе Яндекса проходила первая Школа бэкенд-разработки по теме промышленной разработки на Python.

Теперь эти уроки выложили в открытый доступ и пройти их может каждый. К каждому видео приложены ссылки на примеры и полезные материалы:

https://tprg.ru/t4e9

#бэкенд #python

​На днях вышла новая версия Firefox

Что там новенького:

— Audio worklets — новое API для обработки аудио. Например, с его помощью можно в играх и приложениях накладывать в реальном времени эффекты на звук (типа реверберации или эхо) без ущерба для производительности, т.к. аудио ворклеты работают вне основного потока браузера.

— В элементе <input> исправили ошибку в атрибутах min и max, когда минимальное значение было больше максимального для элементов с типами time, date, month, week.

— Изменения в JavaScript Intl API. Теперь можно использовать опции numberingSystem и calendar в конструкторах Intl.NumberFormat, Intl.DateTimeFormat, Intl.RelativeTimeFormat.

— В CSS добавили константы для системных цветов из CSS Color Module Level 4. С их помощью можно легче адаптировать страницу или приложение под цвета ОС.

— Улучшения в инструментах разработчика. При копировании стека вызовов теперь копируются полные url до файлов скриптов. Теперь можно автоматически изменять размер колонок панели «Network» при двойном клике на разделителе. Улучшен инспектор веб-сокетов. А в Firefox Developer Edition в DOM-инспекторе доступна вкладка «Compatibility», которая показывает в каких браузерах доступны CSS-свойства, используемые на странице.

Источник: Mozilla Hacks

#firefox

Статья о том, как устроен Node.js изнутри:

https://tprg.ru/f0ax

#бэкенд #nodejs