Подкаст «Фронтенд Юность (18+)» #32 Новогодний выпуск. Как свалить в Швейцарию https://soundcloud.com/frontend_u/e32
Читать полностью…Страховка производительности . Инструменты для улучшения производительности в обзоре Артема Денисова https://calendar.perfplanet.com/2017/performance-insurance/
Читать полностью…Достижения и фейлы техноиндустрии за 2017 год по версии NYT https://ain.ua/2017/12/27/dostizheniya-i-fejly-2017i-nyt
Читать полностью…«ALL YOUR HTML» #29: «Жидкие частицы, SVG + Canvas» https://www.youtube.com/watch?v=CakNmQEmf1I
Читать полностью…Переносим анимацию из After Effects на CSS Transitions и Keyframes https://www.smashingmagazine.com/2017/12/after-effects-css-transitions-keyframes/
Читать полностью…Самые популярные в 2017-м году ссылки https://medium.com/statuscode/2017s-most-popular-frontend-links-45d35a67ceb7
Читать полностью…Автоматичекие изменение размеров колонок в CSS Grid: `auto-fill` vs `auto-fit` https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/
Читать полностью…Подробности приближающегося релиза Babel 7.0 https://babeljs.io/blog/2017/12/27/nearing-the-7.0-release
Читать полностью…Исчерпывающий справочник по JavaScript для вашего следующего собеседования. Часть 1 https://habrahabr.ru/post/345882/
Читать полностью…Как воссоздать структуру страниц Medium с помощью CSS Grid https://medium.freecodecamp.org/how-to-recreate-mediums-article-layout-with-css-grid-b4608792bad1
Читать полностью…Минимальный набор мета-тегов для шаринга в соцсетях http://www.phpied.com/minimum-viable-sharing-meta-tags/
Читать полностью…Service Workers. Инструкция по применению https://habrahabr.ru/company/2gis/blog/345552/
Читать полностью…Погоди
Во многих сервисах пользователям приходится заполнять формы с большим количеством полей. И чем их больше, тем больнее терять введенные данные.
Чтобы спасти пользователя от такой досадной неудачи, обычно используют блокировку перехода и открывают модальное окно с вопросом о подтверждении намерений.
Чтобы реализовать это на стеке React, Redux, React Router 4, можно воспользоваться методом block объекта history, который получают из компонента высшего порядка withRouter. Вызвать его нужно в методе жизненного цикла componentWillUnmount.
Используя наработки из заметок про формы и модальные окна в React, мы собрали новое интерактивное демо с кодом решения:
https://codesandbox.io/s/zlp6zwkr3p
Если перейти к форме, начать ее заполнять, а затем попытаться покинуть страницу, то приложение поможет предотвратить потерю введенных данных.
Базовое введение в отладку приложений на Vue с помощью брейкопинтов _Dreamstream/a-basic-introduction-to-debugging-vue-applications-using-breakpoints-2ef76ce419f2" rel="nofollow">https://medium.com/@_Dreamstream/a-basic-introduction-to-debugging-vue-applications-using-breakpoints-2ef76ce419f2
Читать полностью…Отслеживание производительности веб-шрифтов с помощью Font API, Boomerang и UserTiming API http://www.andreas-marschke.name/posts/2017/12/29/Fonts-API-UserTiming-Boomerang.html
Читать полностью…Какие JavaScript фреймворки вам следует выучить в 2018? samerbuna/which-javascript-frameworks-should-you-learn-in-2018-ecea9a27617d" rel="nofollow">https://medium.com/@samerbuna/which-javascript-frameworks-should-you-learn-in-2018-ecea9a27617d
Читать полностью…Серверный рендеринг Angular 5 с помощью Firebase — пошаговое руководство hamedbaatour/angular-5-server-side-rendering-with-firebase-step-by-step-guide-ec5f4d8ef38b" rel="nofollow">https://medium.com/@hamedbaatour/angular-5-server-side-rendering-with-firebase-step-by-step-guide-ec5f4d8ef38b
Читать полностью…Google: директива Noindex, follow со временем переходит в Noindex, nofollow https://www.searchengines.ru/1153018.html
Читать полностью…Кошмарный слайдинг: понимание работы Range Input https://css-tricks.com/sliding-nightmare-understanding-range-input/
Читать полностью…Примеры использования функции Calc() https://pineco.de/calc-function-with-use-cases/
Читать полностью…О фактах, которые многие забывают при замере производительности https://calendar.perfplanet.com/2017/forgotten-facts-while-measuring-performance/
Читать полностью…Подкаст «Веб-стандарты», Выпуск №101: Как отмечать НГ, что читать и смотреть в следующем году, последние Звёздные войны и вся сага, Дж. Р. Р. Толкин и фантастика, зачем заливать оливье водой и… песня! https://medium.com/web-standards/episode-101-2dff1854eab
Читать полностью…Видеозаписи митапов Odessa Frontend https://www.youtube.com/channel/UCKCPGqgTiu4koUi0jcIFnHQ/videos
Читать полностью…Почему разработчики и компании выбирают Angular https://medium.com/angular-japan-user-group/why-developers-and-companies-choose-angular-4c9ba6098e1c
Читать полностью…Как машинное обучение меняет SEO https://www.searchengines.ru/machine-learning-seo.html
Читать полностью…