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

Size: a a a

Frontend Info

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

2020 December 19

Frontend Info

cfonts

Яркие текстовые баннеры для терминала https://gooo.im/afL7b2

GitHub

dominikwilkowski/cfonts

Sexy fonts for the console. Contribute to dominikwilkowski/cfonts development by creating an account on GitHub.

источник

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

Frontend Info

CSS Scroll Snap. Как работает привязка прокрутки CSS и когда ее использовать.

https://ishadeed.com/article/css-scroll-snap #css

Ahmad Shadeed Blog

CSS Scroll Snap - Ahmad Shadeed

An in-depth article on CSS scroll snap, why to use, how it works, and lots of examples.

источник

202812:15пожаловаться #2

Frontend Info

Как создать фавикон, который изменяется автоматически
Для реализации этого трюка не требуется много JavaScript. Мы также увидим, как обернуть его в компонент React.
https://css-tricks.com/how-to-create-a-favicon-that-changes-automatically/

CSS-Tricks

How to Create a Favicon That Changes Automatically | CSS-Tricks

I found this Free Favicon Maker the other day. It’s a nice tool to make a favicon (true to its name), but unlike other favicon generators, this one lets

источник

206615:43пожаловаться #3

2020 December 20

Frontend Info

Alt vs Figcaption - различия и способы их использования

https://thoughtbot.com/blog/alt-vs-figcaption #html

thoughtbot

Alt vs Figcaption

Describing images with the alt attribute and figcaption element.

источник

196312:16пожаловаться #4

2020 December 21

Frontend Info

Шаблоны как источник вдохновения для инженеров-программистов и инженерных менеджеров

https://blog.pragmaticengineer.com/templates-as-inspiration-for-software-engineers/

The Pragmatic Engineer

Templates as Inspiration for Software Engineers and Engineering Managers

While I was at Uber I became somewhat known for creating templates documents, and encouraging engineers and managers to use them for things like perf reviews, work logs and others, as a starting point. I encouraged others to improve these templates, and to customize and make them their own. I've

источник

202509:46пожаловаться #5

Frontend Info

Оптимизация изображений в соответствии с ограничениями сети и устройств в React

https://css-tricks.com/optimize-images-according-to-network-and-device-constraints-in-react/ #react

CSS-Tricks

Optimize Images According to Network and Device Constraints in React | CSS-Tricks

Connectivity has evolved beyond recognition since the beginning of the internet. We are lightyears past dial up, these days, and can watch a video in high

источник

213112:15пожаловаться #6

2020 December 22

Frontend Info

Дорожная карта Webpack 2021

https://webpack.js.org/blog/2020-12-08-roadmap-2021/

webpack

Roadmap 2021 (2020-12-08) | webpack

webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

источник

207909:46пожаловаться #7

Frontend Info

Запись всех выступлений Chrome Developer Summit 2020

https://www.youtube.com/playlist?list=PLNYkxOF6rcIDzLmWaDwfHVZJl1Q5RFgOR

YouTube

Chrome Developer Summit 2020 - YouTube

источник

204412:15пожаловаться #8

2020 December 23

Frontend Info

Руководство по NPM, которое я бы полюбил как новичок

https://dev.to/spartakyste/the-npm-guide-i-would-have-loved-as-a-beginner-4i07 #tools

DEV Community

The NPM guide I would have loved as a beginner

As a junior developer, I struggled a lot with NPM. Do you remember copy/pasting all the npm commands...

источник

213209:45пожаловаться #9

Frontend Info

Обработка короткого и длинного содержимого в CSS

https://ishadeed.com/article/css-short-long-content/ #css

Ahmad Shadeed Blog

Handling Short And Long Content In CSS - Ahmad Shadeed

An in-depth article on how to handle short and long content in CSS.

источник

210612:15пожаловаться #10

2020 December 24

Frontend Info

Ошибки и обработка ошибок в JavaScript

https://blog.bitsrc.io/errors-and-error-handling-in-javascript-52d448b8183d #js

Medium

Errors and Error Handling in JavaScript

Why handle them in the first place?

источник

217009:45пожаловаться #11

2020 December 25

Frontend Info

Понимание синтаксиса деструктуризации JavaScript

https://www.telerik.com/blogs/understanding-javascript-destructuring-syntax

Telerik Blogs

Understanding the JavaScript Destructuring Syntax

Destructuring provides a simple yet effective way of creating variables out of pieces of an array, or properties of an object—allowing for better code.

источник

198909:45пожаловаться #12

Frontend Info

Git User Switch

CLI для простого переключения текущего пользователя, электронной почты и ключа подписи Git https://gooo.im/mWnsFC

GitHub

geongeorge/Git-User-Switch

Switch git user and email at ease. Contribute to geongeorge/Git-User-Switch development by creating an account on GitHub.

источник

203509:45пожаловаться #13

Frontend Info

Анимированные переходы с React Router v5

https://ui.dev/react-router-v5-animated-transitions #react #css #animation

Animated Transitions with React Router v5 - ui.dev

In this post you'll learn to how to add animated transitions to an app using React Router v5.

источник

218412:15пожаловаться #14

2020 December 26

Frontend Info

Запуск Lighthouse в GitHub Actions

https://calendar.perfplanet.com/2020/running-lighthouse-in-github-actions/ #tools

Web Performance Calendar

Running Lighthouse in GitHub Actions

Introduction
Testing is an important part of software development and especially so for those items that may not be immediately noticeable when they regress. Unfortunately web performance, accessibility, SEO and other best practices all fall into that category. Using an unoptimized image may work fi

источник

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

2020 December 27

Frontend Info

Доступны ли ваши якорные ссылки?
Эмбер Уилсон демонстрирует, как обеспечить доступность якорных ссылок. https://amberwilson.co.uk/blog/are-your-anchor-links-accessible/

amberwilson.co.uk

Are your Anchor Links Accessible?

One day I decided I wanted to add anchor links to each of the sections in my blog posts. Over the past few months, I'd seen these links on a lot of pages—from …

источник

209712:15пожаловаться #16

2020 December 28

Frontend Info

AnimXYZ

Набор инструментов для CSS-анимации, который поможет вам создавать, настраивать и компоновать анимацию без написания keyframe

https://animxyz.com/ #animation

Animxyz

The first composable CSS animation toolkit

источник

224709:45пожаловаться #17

Frontend Info

Особенности масштабирования WebGL-карты

https://habr.com/ru/company/2gis/blog/534330/

Хабр

Особенности масштабирования WebGL-карты

Мы выпустили редактор стилей. Подробно о том, как с ним можно настроить карту под задачи сервиса, можно почитать на vc.ru. На Хабре же хотим рассказать о концепц...

источник

205312:15пожаловаться #18

2020 December 29

Frontend Info

Конфигуратор 3D-моделей с React Three Fiber и gltfjsx

Фантастический туториал от Юрия Артюха по React Three Fiber

https://www.youtube.com/watch?v=xy_tbV4pC54&feature=youtu.be&ab_channel=YuriArtyukh #react #video

YouTube

3D model configurator with React Three Fiber and gltfjsx

Huge thanks to Poimandres team and Paul Henschel, who made this video possible. Im just showing result of their work!Demo: https://codesandbox.io/s/floating-...

источник

209209:45пожаловаться #19

2020 December 30

Frontend Info

Все о функциях обратного вызова в JavaScript

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

https://dmitripavlutin.com/javascript-callback/ #js

Dmitri Pavlutin Blog

Everything About Callback Functions in JavaScript

The callback is a function being called by another function, either synchronously or asynchronously.

источник

210209:45пожаловаться #20