FrontEndDev

Cossa.ru - информационный портал о маркетинге и коммуникациях в цифровой среде.

Ускорение сайтов: принципы работы Progressive Web AMP https://www.cossa.ru/152/162239/

Ускорение сайтов: принципы работы Progressive Web AMP

Николай Мациевский продолжает серию статей об оптимизации сайтов и приложений. Сегодня рассказывает о технологиях Progressive Web Applications.

1.34K viewsedited 08:30

Frontend Performance Check-list For Production

Чеклист производительности фронтенда для продакшена https://medium.com/@yjose/front-end-performance-check-list-for-production-4e930cb63e8a

Hacker Noon

In web development and exactly front-end web, we spend more time searching for the best design and content to our pages, it’s good but we…

1.5K viewsedited 10:50

JavaScript: элементы стиля

JavaScript: элементы стиля https://habrahabr.ru/company/ruvds/blog/329152/

Хабр

В 1920-м году вышла книга Уильяма Странка-младшего «Элементы стиля». Рекомендации из неё, касающиеся английского языка, актуальны и сегодня. Те же принципы, прим...

1.47K viewsedited 13:45

Stages of Learning Webpack, Pt. 2 - The Config

Этапы изучения Webpack, ч.2 — The Config https://dev.to/nitishdayal/stages-of-learning-webpack-pt-2---the-config

The Practical Dev

What is Webpack + basic configuration

1.52K viewsedited 15:30

Event Bubbling in JavaScript? Event Propagation Explained

Что такое Event Bubbling в JavaScript? Обяснение Event Propagation #js https://www.sitepoint.com/event-bubbling-javascript/

Sitepoint

Giulio Mainardi looks at event propagation in JavaScript. He examines event bubbling & capture and shows how they fit into the basic JavaScript event flow.

1.35K viewsedited 06:06

Отчет в цифрах: полтора года с атомарным CSS https://medium.com/@johnpolacek/by-the-numbers-a-year-and-half-with-atomic-css-39d75b1263b4

By The Numbers: A Year and Half with Atomic CSS

There has been controversy about Atomic CSS (or Functional CSS if you prefer). Much has been written, but what about some cold hard…

1.34K viewsedited 08:30

Release Notes for Safari Technology Preview 31

Технические детали Safari Technology Preview 31 https://webkit.org/blog/7622/release-notes-for-safari-technology-preview-31/

WebKit

1.31K viewsedited 10:50

Унифицированный язык стилизации https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660

A Unified Styling Language

In the past few years we’ve seen the rise of CSS-in-JS, emerging primarily from within the React community — but why?

1.37K viewsedited 13:45

Справочник современных концепций JavaScript: часть 2 https://medium.com/devschacht/%D1%81%D0%BF%D1%80%D0%B0%D0%B2%D0%BE%D1%87%D0%BD%D0%B8%D0%BA-%D1%81%D0%BE%D0%B2%D1%80%D0%B5%D0%BC%D0%B5%D0%BD%D0%BD%D1%8B%D1%85-%D0%BA%D0%BE%D0%BD%D1%86%D0%B5%D0%BF%D1%86%D0%B8%D0%B9-javascript-%D1%87%D0%B0%D1%81%D1%82%D1%8C-2-8ecf07f3f36a

Справочник современных концепций JavaScript: часть 2

Изучите область видимости, замыкания, потоки данных и концепции, широко используемые в современных JavaScript фреймворках и приложениях

1.56K viewsedited 15:30

Как создать интерактивные карты на SVG с react, topojson и d3-geo https://medium.com/@zimrick/how-to-create-pure-react-svg-maps-with-topojson-and-d3-geo-e4a6b6848a98

How to create pure react SVG maps with topojson and d3-geo

Since d3 has been split into smaller components in v4, pairing it with react has become more streamlined. Making declarative SVG maps with…

1.32K viewsedited 06:05

CSS Grid is here! As of March 2017, all major browsers support it. Given this good news I decided to spend some time to better understand…

Learning CSS Grids https://varun.ca/css-grid/

Varun Vachhar

Learning CSS Grid

1.3K viewsedited 08:30

Standard SCSS code formatter

scssfmt — быстрый и простой форматор SCSS кода https://scssfmt.com/

Scssfmt

1.31K viewsedited 10:50

Foundation CSS Tutorial Series | Ep. 3: CSS Architecture and Best Practices

Архитектура CSS и лучшие практики https://www.youtube.com/watch?v=CvJj8hfC9nk

YouTube

Welcome to part 3 of our 5 part Foundation CSS Tutorial Series! Working with a team and having trouble with clashing CSS? With the use of a common architectu...

1.44K viewsedited 13:45

Динамический Angular или манипулируй правильно

Динамический Angular или манипулируй правильно https://habrahabr.ru/company/infowatch/blog/330030/

Хабр

Любой создаваемый проект не обходится без динамического создания элементов. Рано или поздно вам понадобится либо создать tooltip для элемента, показать модально...

1.51K viewsedited 15:30

Building a React Component Library | Part 2

часть 2 https://medium.com/@_alanbsmith/building-a-react-component-library-part-2-46fd4f77bb5c

Hacker Noon

a tutorial for publishing your own component library to npm

1.38K viewsedited 06:05

Monitoring Jank: How we found the slowest parts of our UI

Ловля мусора: как мы обнаружили самые медленные части UI https://fulcrum.lever.co/monitoring-jank-how-we-found-the-slowest-parts-of-our-ui-b6ffd7386896

Lever Engineering

This year we’ve had to revisit some decisions made when Lever had fewer — and smaller — customers. When it comes to the performance of…

1.41K viewsedited 08:30

Chrome 59 - What's New in DevTools

Chrome 59 — что нового в DevTools https://www.youtube.com/watch?v=4mx1m7UbBR0

YouTube

Wondering what new developer features Chrome 59 has to offer? Kayce Basques walks us through the new features and major changes coming to Chrome DevTools in Chrome 59.

Associated article: https://goo.gl/wuWQaT

Critical rendering paths docs: https://goo.gl/IVOPUX…

1.46K viewsedited 10:50

How Can I Make My Icon System Accessible?

Как я могу сделать сделать доступной свою иконочную систему? https://css-tricks.com/can-make-icon-system-accessible/

CSS-Tricks

Here's a question I got the other day? Would you suggest icon fonts or inline SVGs for a complex single page application? And are there specific

1.5K viewsedited 13:45