Webchic - frontend, backend, ci/cd
995 subscribers
273 photos
22 videos
1.11K links
Канал о Web разработке, для фронтов и full stack.

По рекламе @adtgassetsbot
Admin: @Aleksei

🐍Python - @python_lounge
👨‍💻Другие языки - @cccoding
🥷Хакер/ИТ безопасность - @it_ha
Download Telegram
Josh W. Comeau: “Значение CSS currentColor - это ссылка на текущий цвет текста (будь то явное ИЛИ унаследованное!).”

Это позволяет нам передать цвет шрифта элемента любому другому свойству, принимающему цвет (граница, тень блока…).

Twitter

Codepen
This media is not supported in your browser
VIEW IN TELEGRAM
Jhey: “Не используйте CSS scroll-behavior: smooth!”

“Только если вы не делаете это так:

html:focus-within {
scroll-behavior: smooth;
}

Анимированная прокрутка якоря без нарушения функции поиска!

Без JavaScript

Только CSS”

Twitter
Замеры производительности разных Javascript циклов

В статье производятся замеры циклов: for, for in, for of, forEach, map, while, do while

#javascript

К статье(eng)
Искусство командной строки

В репозитории собраны рекомендации и описание возможностей командной строки.

#cli

К репозиторию(eng)

К репозиторию(rus)
Репозиторий с набором инструментов, библиотек и ресурсов для frontend разработчиков

#javascript #packages

К репозиторию(eng)
Addy Osmani: “`inputmode` очень удобен - подсказывает браузеру, какую виртуальную клавиатура показать на мобилке”

#html

Twitter
Практическое введение во внедрение зависимостей (Dependency Injection)

#javascript #DI

К статье(rus)
Шпаргалка по FlexBox в 2021 году || CSS 2021

В статье собраны все возможности флексбокс с визуализацией отработки

#css

К статье(eng)
Оформление содержимого <use> в SVG с помощью CSS

Подробная статья об оформлении содержимого в элементе SVG <use> и преодолении связанных с этим проблем.

#svg

К статье(rus)
Шпаргалка по React на 2021 📄 (+ примеры из реального мира)

В статье собрана полная, но краткая информация по React, для быстрого поиска и вспоминания нужной информации

#react

К статье(eng)
AsyncLocalStorage vs cls-hooked — в чём отличия?

#node

Youtube
Jake Archibald: “У addEventListener есть опция 'once', но я больше хочу удалить группу событий, когда одно из них вызовется. Скоро мы сможем это сделать с помощью AbortController(Chrome 88)!”

#browser

Twitter
Open-Closed Principle в Angular

#angular

К статье(rus)
Мои любимые советы, хитрости и алиасы Bash

— Оператор “-“ для быстрого перехода на прошлую директорию: cd -
— Оператор “!!” - для ссылки на предыдущую команду в терминале, например можно использовать с sudo, когда нужны привилегии: sudo !!
— {curly brace expansion} - например для создания нескольких файлов с одинаковым расширением но с разными именами: touch file-{1,2,3}.md
— Ctrl+R - для быстрого поиска команды, которая была запущена прежде.

#bash #productivity

К статье(eng)
Концепции Nginx, которые я хотел бы знать много лет назад

— Proxy - возможность сделать запрос к серверу через промежуточный сервер.
— Reverse Proxy - обработка запроса клиента любым сервером, стоящим за промежуточным сервером.
— Load Balancing - распределение запросов от клиентов на сервера, стоящими за промежуточным сервером.

#nginx

К статье(eng)
Jhey: “JavaScript подсказка!”

Необходимо что-то скопировать в буфер обмена?

Используйте Clipboard API

И он возвращает Promise, т.е. можно еще ожидать удачное, неудачное завершение

#browser

Twitter
Операторы логического присваивания

В статье рассматриваются новые операторы: &&=, ||= и ??=

#javascript

К статье(rus)
Вам показалось! Все о Perceived Performance

В статье рассматриваются методы/трюки, при которых будет казаться, что сайт работает быстрее.

#ux

К статье(rus)
Анимация букв при скролле

Tympanus
Хранение данных в Docker

В статье рассматриваются возможности Docker для сохранения состояния между запусками контейнеров:
docker volumes, bind mount и tmpfs.

#docker

К статье(rus)