Подробности приближающегося релиза Babel 7.0 https://babeljs.io/blog/2017/12/27/nearing-the-7.0-release
babeljs.io
Nearing the 7.0 Release · Babel
> Check out [Planning for 7.0](https://babeljs.io/blog/2017/09/12/planning-for-7.0) for the last updates throughout the 7.0 pre-releases. If something isn't clear in this post let me know!
Кошмарный слайдинг: понимание работы Range Input https://css-tricks.com/sliding-nightmare-understanding-range-input/
CSS-Tricks
A Sliding Nightmare: Understanding the Range Input | CSS-Tricks
You may have already seen a bunch of tutorials on how to style the range input. While this is another article on that topic, it's not about how to get any
Автоматичекие изменение размеров колонок в CSS Grid: `auto-fill` vs `auto-fit` https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/
CSS-Tricks
Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | CSS-Tricks
One of the most powerful and convenient CSS Grid features is that, in addition to explicit column sizing, we have the option to repeat-to-fill columns in a
Google: директива Noindex, follow со временем переходит в Noindex, nofollow https://www.searchengines.ru/1153018.html
Searchengines.ru
Google: директива Noindex, follow со временем переходит в Noindex, nofollow
Во время последней видеовстречи для вебмастеров сотрудник Google Джон Мюллер рассказал, что со временем директива Noindex, follow начинает расцениваться поисковой системой как Noindex, nofollow...
Подкаст «Drinkcast», #23 — «Afterparty» https://spb-frontend.ru/podcast/23/
Серверный рендеринг Angular 5 с помощью Firebase — пошаговое руководство https://medium.com/@hamedbaatour/angular-5-server-side-rendering-with-firebase-step-by-step-guide-ec5f4d8ef38b
Medium
Angular 5+ Server Side Rendering With Firebase 🔥 — Step-By-Step Guide
Intro
Какие JavaScript фреймворки вам следует выучить в 2018? https://medium.com/@samerbuna/which-javascript-frameworks-should-you-learn-in-2018-ecea9a27617d
Medium
Which JavaScript frameworks should you learn in 2018?
Let me first define what I think a coding framework is because the word is debatable. I think a framework is a library that defines…
Переносим анимацию из After Effects на CSS Transitions и Keyframes https://www.smashingmagazine.com/2017/12/after-effects-css-transitions-keyframes/
Smashing Magazine
Making The Transition From After Effects To CSS Transitions And Keyframes — Smashing Magazine
As web developers, we need a good foundation to create animations that are both performant and maintainable, which is paramount to the native web app landscape. In this article find out how to go from After Effects to CSS transitions, animations and keyframes.
Отслеживание производительности веб-шрифтов с помощью Font API, Boomerang и UserTiming API https://www.andreas-marschke.name/posts/2017/12/29/Fonts-API-UserTiming-Boomerang.html
www.andreas-marschke.name
WebFont Performance Tracking with Font API, Boomerang and UserTiming API
Leveraging UserTiming API we can track how long it takes a user to load all the fonts into a site. With Boomerang we can collect this information and track it
«ALL YOUR HTML» #29: «Жидкие частицы, SVG + Canvas» https://www.youtube.com/watch?v=CakNmQEmf1I
YouTube
#29 ALL YOUR HTML, Жидкие частицы, SVG + Canvas
Демо: https://codepen.io/akella/pen/zpwmgw
историю с размножением и смертью нужно развить и сбалансировать еще :)
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог: https://cssing.org.ua/
Facebook: https://facebook.com/akella…
историю с размножением и смертью нужно развить и сбалансировать еще :)
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог: https://cssing.org.ua/
Facebook: https://facebook.com/akella…
Базовое введение в отладку приложений на Vue с помощью брейкопинтов https://medium.com/@_Dreamstream/a-basic-introduction-to-debugging-vue-applications-using-breakpoints-2ef76ce419f2
Medium
A basic introduction to debugging Vue applications using breakpoints
In this article I will cover some basic techniques to help you debug Vue applications using breakpoints.
Достижения и фейлы техноиндустрии за 2017 год по версии NYT https://ain.ua/2017/12/27/dostizheniya-i-fejly-2017i-nyt
AIN.UA
Достижения и фейлы техноиндустрии за 2017 год по версии NYT
За прошедший год мы увидели немало: бум криптовалют, крупнейшие в истории взломы, устройства «из будущего», о которых и мечтать не могли всего 10 лет назад. Самые громкие и масштабные события издание New York Times собрало в один материал — редакция ...
Forwarded from Chulakov Dev
Погоди
Во многих сервисах пользователям приходится заполнять формы с большим количеством полей. И чем их больше, тем больнее терять введенные данные.
Чтобы спасти пользователя от такой досадной неудачи, обычно используют блокировку перехода и открывают модальное окно с вопросом о подтверждении намерений.
Чтобы реализовать это на стеке React, Redux, React Router 4, можно воспользоваться методом
Используя наработки из заметок про формы и модальные окна в React, мы собрали новое интерактивное демо с кодом решения:
https://codesandbox.io/s/zlp6zwkr3p
Если перейти к форме, начать ее заполнять, а затем попытаться покинуть страницу, то приложение поможет предотвратить потерю введенных данных.
Во многих сервисах пользователям приходится заполнять формы с большим количеством полей. И чем их больше, тем больнее терять введенные данные.
Чтобы спасти пользователя от такой досадной неудачи, обычно используют блокировку перехода и открывают модальное окно с вопросом о подтверждении намерений.
Чтобы реализовать это на стеке React, Redux, React Router 4, можно воспользоваться методом
block объекта history, который получают из компонента высшего порядка withRouter. Вызвать его нужно в методе жизненного цикла componentWillUnmount.Используя наработки из заметок про формы и модальные окна в React, мы собрали новое интерактивное демо с кодом решения:
https://codesandbox.io/s/zlp6zwkr3p
Если перейти к форме, начать ее заполнять, а затем попытаться покинуть страницу, то приложение поможет предотвратить потерю введенных данных.
Страховка производительности . Инструменты для улучшения производительности в обзоре Артема Денисова https://calendar.perfplanet.com/2017/performance-insurance/
Performance Calendar
Performance insurance
We are talking a lot about performance, how it can be improved, which tools to use for performance improvements but less about how to keep reached performance on a proper level. So, let’s take a look at tools which can help you to do so.
Size Limit
…
Size Limit
…
Время отклика компьютеров: 1977−2017 https://habrahabr.ru/post/345584/
Habr
Время отклика компьютеров: 1977−2017
У меня гнетущее чувство, что современные компьютеры по ощущениям медленнее, чем те компьютеры, которые я использовал в детстве. Я не доверяю такого рода ощущениям, потому что человеческое восприятие...
Подкаст «Фронтенд Юность (18+)» #32 Новогодний выпуск. Как свалить в Швейцарию https://soundcloud.com/frontend_u/e32
SoundCloud
#32 Новогодний выпуск. Как свалить в Швейцарию
В гостях Yan Lobaty! https://twitter.com/yanlobaty
Как свалить в Швейцарию (0:40)
Подведение итогов (53:53)
The Rolling Scopes Conference https://2018.conf.rollingscopes.com/
101-й новогодний выпуск
Как свалить в Швейцарию (0:40)
Подведение итогов (53:53)
The Rolling Scopes Conference https://2018.conf.rollingscopes.com/
101-й новогодний выпуск
Пять страхов дизайнеров, преодолеваемых с помощью CSS Grid https://css-tricks.com/five-design-fears-vanquish-css-grid/
CSS-Tricks
Five Design Fears to Vanquish With CSS Grid | CSS-Tricks
CSS grid, along with a handful of other new CSS properties, are revolutionizing web design. Unfortunately, the industry hasn't embraced that revolution
Дорожная карта на 2018-й год для фулстэк веб-разработчика https://codingthesmartway.com/the-2018-roadmap-to-fullstack-web-development/