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

Size: a a a

Frontend Info

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

2019 May 28

Frontend Info

CSS can do that?

Список удивительных вещей, которые может сделать CSS! https://gooo.im/0Ol7eK

The DEV Community

CSS can do that?

A list of amazing things that CSS can do

источник

76209:16пожаловаться #1

2019 May 29

Frontend Info

Мои "Ого, я этого не знал!" моменты с Jest

https://dev.to/briwa/my-whoa-i-didn-t-know-that-moments-with-jest-3a3h #testing

DEV Community

My "Whoa, I didn't know that!" moments with Jest

Things I learned about Jest

источник

75809:16пожаловаться #2

2019 May 30

Frontend Info

Абсолютный импорт в Create React App

https://hackernoon.com/absolute-imports-with-create-react-app-4c6cfb66c35d #react

Medium

Absolute imports with Create React App

Plus ESLint and WebStorm config

источник

74109:16пожаловаться #3

2019 May 31

Frontend Info

Реализация анимации на основе прокрутки с помощью JavaScript

https://scotch.io/tutorials/implementing-a-scroll-based-animation-with-javascript #js #animation

Scotch

Implementing a Scroll Based Animation with JavaScript

Learn how to implement a beautiful scroll based animation with vanilla Javascript

источник

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

2019 June 01

Frontend Info

Почему мы предпочитаем пользовательские свойства CSS переменным SASS

https://codyhouse.co/blog/post/css-custom-properties-vs-sass-variables #css

CodyHouse

Why we prefer CSS Custom Properties to SASS variables | CodyHouse

Some practical examples of how CSS variables can power-up your workflow

источник

71211:16пожаловаться #5

2019 June 02

Frontend Info

Запись докладов MinskJS Meetup #6

https://www.youtube.com/playlist?list=PL-whh3wS8xsJMCmQclZUUGSAyTvSjuoOx&fbclid=IwAR3hLzi4wh6Fh0I0ssqLSfnS6te5NKYD2hbNwzLeXbo_YwP7yXeLKvwCl64

YouTube

MinskJS Meetup #6 — 23 мая 2019 - YouTube

источник

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

2019 June 03

Frontend Info

Улучшенная проверка NaN с ES6 Number.isNaN

https://medium.com/dailyjs/better-nan-check-with-es6-number-isnan-517861d32be3 #js

Medium

Better NaN check with ES6 Number.isNaN

The isNaN check always had its issue due to its coercion nature. Number.isNaN to the rescue. Let’s learn about NaN & why NaN check exists…

источник

77309:17пожаловаться #7

2019 June 04

Frontend Info

12 советов по написанию чистого и масштабируемого JavaScript кода

https://blog.logrocket.com/12-tips-for-writing-clean-and-scalable-javascript-3ffe30abfe20/ #js

LogRocket Blog

12 tips for writing clean and scalable JavaScript - LogRocket Blog

Scaling your web apps can be tricky. Follow these 12 simple tips to help you write cleaner, more efficient JavaScript.

источник

83309:16пожаловаться #8

2019 June 05

Frontend Info

Курс по асинхронному программированию

https://www.youtube.com/playlist?list=PLHhi8ymDMrQZ0MpTsmi54OkjTbo0cjU1T #video #js

YouTube

Асинхронное программирование - YouTube

источник

79209:16пожаловаться #9

2019 June 06

Frontend Info

Разработка визуальных тестов на базе Gemini и Storybook

https://habr.com/ru/post/454464/

Хабр

Разработка визуальных тестов на базе Gemini и Storybook

Привет, Хабр! В этой статье я хочу поделиться опытом разработки визуальных тестов в нашей команде. Так получилось, что о тестировании верстки мы задумались не с...

источник

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

2019 June 07

Frontend Info

Запись докладов с KharkivCSS #4

https://www.youtube.com/playlist?list=PLJ5NW5T60UpgJIZ53Syoy79JKPHcU0zPa #video #css

YouTube

KharkivCSS #4 2019 - YouTube

источник

84509:16пожаловаться #11

2019 June 08

Frontend Info

Бесплатное автоматическое визуальное тестирование с Percy

https://percy.io/pricing #testing

источник

70418:44пожаловаться #12

2019 June 09

Frontend Info

Реализация приватных переменных в JavaScript

https://css-tricks.com/implementing-private-variables-in-javascript/ #js

CSS-Tricks

Implementing Private Variables In JavaScript

JavaScript (or ECMAScript) is the programming language that powers the web. Created in May 1995 by Brendan Eich, it’s found its place as a widely-used and

источник

75310:57пожаловаться #13

2019 June 10

Frontend Info

Упаковка длинных слов с помощью CSS или HTML

https://www.cjcid.com/articles/wrapping-long-words-css-html #css #html

Cjcid

Wrapping long words with CSS or HTML – Chris Cid ∣ CJCid

Wrapping words with soft‐hyphne, wbr element, or with CSS `white-space`, `word-break`, `overflow-wrap` / `word-wrap`, `line-break`, and `white-space-collapse`

источник

76809:19пожаловаться #14

2019 June 11

Frontend Info

Длинные задачи JavaScript откладывают ваше «время на интерактивность»?

Chrome DevTools теперь может визуализировать «длинные задачи» (код, который приводит к зависанию основного потока, нарушая пользовательский интерфейс), упрощая отладку и оптимизацию любых проблем. https://web.dev/long-tasks-devtools/ #tools

источник

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

2019 June 12

Frontend Info

Введение в MediaRecorder API

MediaRecorder API - это API-интерфейс браузера, который можно использовать для записи аудио и видео в браузере. https://www.twilio.com/blog/mediastream-recording-api

Twilio Blog

An introduction to the MediaRecorder API

The MediaRecorder API is a web API that you can use to record audio and video in the browser. In this post we'll build an app that records audio and lets you download it.

источник

69909:22пожаловаться #16

2019 June 13

Frontend Info

Вертикальное и горизонтальное центрирование всего и вся в CSS Flexbox

https://medium.com/@stasonmars/%D0%B2%D0%B5%D1%80%D1%82%D0%B8%D0%BA%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5-%D0%B8-%D0%B3%D0%BE%D1%80%D0%B8%D0%B7%D0%BE%D0%BD%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5-%D1%86%D0%B5%D0%BD%D1%82%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B2%D1%81%D0%B5%D0%B3%D0%BE-%D0%B8-%D0%B2%D1%81%D1%8F-%D0%B2-css-flexbox-fafd369fc71f

Medium

Вертикальное и горизонтальное центрирование всего и вся в CSS Flexbox

В этой статье будет рассмотрен очень важный момент при вёрстке любого шаблона, а именно центрирование элементов.

источник

85609:24пожаловаться #17

2019 June 14

Frontend Info

Сборник документации

Различные шаблоны и советы по написанию качественной документации, которую люди хотят прочитать. https://github.com/kylelobo/The-Documentation-Compendium #tools

GitHub

kylelobo/The-Documentation-Compendium

📢 Various README templates & tips on writing high-quality documentation that people want to read. - kylelobo/The-Documentation-Compendium