Телеграмм чат группы frontend

Size: a a a

Frontend Info

4673 membersпожаловаться на группу

2020 August 28

Frontend Info

Drop-Shadow: недооцененный фильтр CSS

https://css-irl.info/drop-shadow-the-underrated-css-filter #css

CSS { In Real Life } | Drop-Shadow: The Underrated CSS Filter

Tips, tricks and tutorials on the web’s most beautiful language.

источник

175709:05пожаловаться #1

Frontend Info

Как настроить HTTPS в React приложении на локальном хосте

https://gooo.im/fSMiul #react #tools

Flaviocopes

How to configure HTTPS in a React app on localhost

If you built an application using create-react-app and you’re running it locally on your computer, by default it is served using the HTTP protocol.
Any application running in production will be served using HTTPS, the secure version of HTTP.
You will get HTTPS almost with no effort in most cases, especially if you use a modern platform like Netlify or Vercel to serve your app.
But locally.. it’s a bit more complicated that we’d like.

источник

180015:25пожаловаться #2

2020 August 29

Frontend Info

React Hooks: useReducer, useCallback, & useMemo

https://gooo.im/34f4Gi #react

Medium

React Hooks: useReducer, useCallback, & useMemo

In this article, we explore three of Reacts Additional Hooks: useReducer, useCallback, and useMemo

источник

181610:30пожаловаться #3

2020 August 30

Frontend Info

Как очистить git репозиторий

https://gooo.im/DkE9M7 #git #tools

Medium

How to clean up the git repo and reduce its disk size

If you are working in a Git repo for a very long time then you can cleanup your repo to gain disk space.

источник

175211:25пожаловаться #4

2020 August 31

Frontend Info

5 самых раздражающих особенностей веб-сайта, с которыми я сталкиваюсь каждый божий день, будучи слепым

https://gooo.im/DckBOh #accessiibility

The Big Hack

5 most annoying website features I face as a blind person every single day | The Big Hack

Holly, a blind screenreader user, explains the main accessibility barriers she faces every day. Bad heading structure, alt-text, links, forms

источник

178008:45пожаловаться #5

Frontend Info

Правила проектирования cli утилит https://nullprogram.com/blog/2020/08/01/ #tools

источник

174311:16пожаловаться #6

2020 September 01

Frontend Info

Организация разработки крупномасштабных React-приложений

https://gooo.im/6qFqSb #react

Хабр

Организация разработки крупномасштабных React-приложений

Эта публикация основана на серии материалов о модернизации jQuery-фронтенда с использованием React. Для того чтобы лучше разобраться в причинах, по которым напис...

источник

189208:50пожаловаться #7

Frontend Info

Понимание мониторинга веб-производительности

Руководство по измерению производительности в Интернете и поиску проблем с производительностью в современном веб-приложении. https://gooo.im/95HEZz #performance

Medium

Understanding Web Performance Monitoring

A guide to measuring web performance and finding performance issues in a modern web app.

источник

181714:30пожаловаться #8

2020 September 02

Frontend Info

Генератор README профиля Github

https://gooo.im/EFeWul #tools

rahuldkjain.github.io

GitHub Profile Readme Generator

Prettify your github profile using this amazing readme generator.

источник

184509:00пожаловаться #9

2020 September 03

Frontend Info

Простая в реализации трехмерная типографика для Интернета, которая работает с любым шрифтом.

https://gooo.im/4ESmPQ

Bennettfeely

ztext.js | 3D Typography for the Web

Easy to implement, 3D typography for any website and every font.

источник

169508:50пожаловаться #10

Frontend Info

Работаете с JavaScript? Приходите за продвинутыми навыками на демо-урок «GraphQL на сервере и на клиенте».

17 сентября на открытом уроке вы разберете язык запросов GraphQL, познакомитесь с ним как стороны сервера на базе Apollo Server, так и со стороны клиента Apollo Client. В конце занятия преподаватель Доронин Дмитрий проведет демонстрацию по миграции приложения с REST API на GraphQL.

Демо-урок входит в в программу онлайн-курса «JavaScript Developer. Professional», предназначенного для начинающих JS-разработчиков и бэкендеров, желающих переквалифицироваться в фуллстек. Для регистрации пройдите вступительный тест https://otus.pw/XLaC/

источник

180516:00пожаловаться #11

2020 September 04

Frontend Info

Эффективное тестирование верстки

https://gooo.im/WPqT8p #testing

Хабр

Эффективное тестирование верстки

Тестировать полезно. Тесты позволяют в автоматическом режиме безопасно рефакторить код и гарантируют его работу. Тесты – это живая документация: если информация...

источник

190709:05пожаловаться #12

2020 September 05

Frontend Info

Разница между aria-label и aria-labelledby

Леони Уотсон объясняет разницу между двумя важными атрибутами доступности. https://gooo.im/Lvl5o9 #accessible

источник

177911:15пожаловаться #13

Frontend Info

Изучаем Parcel — альтернативу Webpack для небольших проектов

https://gooo.im/gFIImb #tools

Хабр

Изучаем Parcel — альтернативу Webpack для небольших проектов

Доброго времени суток, друзья! Основное назначение сборщиков модулей или бандлеров, таких как Webpack или Parcel, состоит в том, чтобы обеспечить включение вс...

источник

191516:35пожаловаться #14

2020 September 06

Frontend Info

Лучший способ отложенной загрузки изображений для максимальной производительности

Адриан Бес показывает современный подход к отложенной загрузке изображений. https://gooo.im/IoBFy6

DEV Community

Best way to lazy load images for maximum performance

Image lazy loading is one of the more popular approaches of optimizing websites due to the relatively...