Все самое заметное из мира front-end за 2017 год #common
https://blog.logrocket.com/frontend-in-2017-the-important-parts-4548d085977f
https://blog.logrocket.com/frontend-in-2017-the-important-parts-4548d085977f
LogRocket Blog
Frontend in 2017: The important parts - LogRocket Blog
A lot has happened in 2017, and it can be a bit overwhelming to think about. We all like to joke about how quickly things change in frontend engineering, and for the last few years that has probably been true. At this risk of sounding cliché, I’m here to…
React Starter Kit — бесплатный видеокурс из пяти частей, с интерактивными примерами кода https://glitch.com/react-starter-kit
Glitch
Glitch: The friendly community where everyone builds the web
Simple, powerful, free tools to create and use millions of apps.
microbundle — упаковщик с нулём конфигураций для небольших модулей https://github.com/developit/microbundle
GitHub
GitHub - developit/microbundle: 📦 Zero-configuration bundler for tiny modules.
📦 Zero-configuration bundler for tiny modules. Contribute to developit/microbundle development by creating an account on GitHub.
Новая политика WHATWG: шаг к единому стандарту HTML? http://css-live.ru/vecssti-s-polej/novaya-politika-whatwg-shag-k-edinomu-standartu-html.html
CSS-LIVE
Новая политика WHATWG: шаг к единому стандарту HTML?
У WHATWG появилась патентная политика, что позволило объединить всех разработчиков браузерных движков. Что ждет W3C-версию спецификации HTML и веб вообще?
Понимание CSS Layout и блочного контекста форматирования https://www.smashingmagazine.com/2017/12/understanding-css-layout-block-formatting-context/
Smashing Magazine
Understanding CSS Layout And The Block Formatting Context — Smashing Magazine
This article is about the Block Formatting Context (BFC). Today, Rachel Andrew will explain the existing ways to create a Block Formatting Context, why it is important in CSS layout, and show you a new method of creating one. She’ll explain what a BFC is…
Текущее состояние имплементации и планирования для ESModules https://medium.com/the-node-js-collection/the-current-state-of-implementation-and-planning-for-esmodules-a4ecb2aac07a
Medium
The Current State of Implementation and Planning for ESModules
Foreword by @MylesBorins:
О метриках рендеринга страниц в блоге speedcurve . Ребята предлагают добавить еще одну — Hero Rendering Times для самого большого IMG, H1, и BG img во вьюпорте https://speedcurve.com/blog/rendering-metrics/
Заметки по поводу вертикального написания и CSS гриды https://www.chenhuijing.com/blog/notes-on-vertical-writing-and-grid/
Chenhuijing
Notes on vertical writing and CSS grid
When I was working out the kinks in my year-old vertical typesetting demo, I attempted to use CSS grid as one of the options for handling layout, but didn’t get very far, because at that point, my brain had pretty much melted down 😕.
Инструменты для тестирования доступности https://css-tricks.com/accessibility-testing-tools/
CSS-Tricks
Accessibility Testing Tools | CSS-Tricks
There is a sentiment that accessibility isn't a checklist, meaning that if you're really trying to make a site accessible, you don't just get to check some
11 вещей, которые я выучил, читая спецификацию CSS Grid https://medium.freecodecamp.org/11-things-i-learned-reading-the-css-grid-specification-fb3983aa5e0
freeCodeCamp.org
11 Things I Learned Reading the CSS Grid Specification
June 11, 2017, I decided to read the CSS Grid spec.
Некоторым пользователям Firefox навязано непонятное дополнение Looking Glass http://www.opennet.ru/opennews/art.shtml?num=47752
www.opennet.ru
Некоторым пользователям Firefox навязано непонятное дополнение Looking Glass
Многие пользователи Firefox обратили внимание на появление в списке дополнений нового дополнения "Looking Glass 1.0.3", которое они не устанавливали. Данное дополнение без лишних предупреждений появилось несколько дней назад и подписано сертификатом Mozilla…
NGRX Store: Actions versus Action Creators #react https://toddmotto.com/ngrx-store-actions-versus-action-creators
Ultimatecourses
NGRX Store: Actions versus Action Creators - Ultimate Courses™
Actions in the Redux paradigm are the initiators of the one-way dataflow process for state management. Once an action is triggered, or rather dispatched, the...
Вопрос на собеседовании по React: что ренерится в браузере, компонент или элемент? #react https://medium.freecodecamp.org/react-interview-question-what-gets-rendered-in-the-browser-a-component-or-an-element-1b3eac777c85
freeCodeCamp.org
React Interview Question: What gets rendered in the browser, a component or an element?
** Trick Question **
Делаем адаптивный HTML, добавляя одну строку в CSS #css https://habrahabr.ru/company/edison/blog/344878/
Habr
Делаем адаптивный HTML, добавляя одну строку в CSS
В этой статье я расскажу вам, как использовать CSS Grid для создания супер классной сетки изображений, которая варьирует количество столбцов в зависимости от ширины экрана. И самое классное:...
«ALL YOUR HTML» #27: «Новогодняя анимация с Лидой» #common https://www.youtube.com/watch?v=qxTPZiL2s9U
YouTube
#27 ALL YOUR HTML, Новогодняя анимация с Лидой
Инстаграм звезды: https://www.instagram.com/leeedali/
Youtube канал ассистента: https://www.youtube.com/channel/UCw4dDJZjDhRtrCIlkE00xfg
Анимация: https://codepen.io/akella/pen/OzyqKP
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68…
Youtube канал ассистента: https://www.youtube.com/channel/UCw4dDJZjDhRtrCIlkE00xfg
Анимация: https://codepen.io/akella/pen/OzyqKP
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68…
Specificity Visualizer — визуализатор специфичности селекторов в CSS, особенно полезный для рефакторинга больших файлов стилей https://isellsoap.github.io/specificity-visualizer/
Как на самом деле работают браузеры? 5 видео с внутренними деталями https://medium.freecodecamp.org/the-inner-workings-of-the-browser-for-javascript-web-developers-course-d26f11270f41
Делаем сайт более приложение-подобным https://www.voorhoede.nl/en/blog/making-our-site-more-app-y/
www.voorhoede.nl
Making our site more app-y | De Voorhoede
PWA Patterns on voorhoede.nl