Видеозаписи митапов Odessa Frontend https://www.youtube.com/channel/UCKCPGqgTiu4koUi0jcIFnHQ/videos
YouTube
OdessaFrontend Community
Как воссоздать структуру страниц Medium с помощью CSS Grid https://medium.freecodecamp.org/how-to-recreate-mediums-article-layout-with-css-grid-b4608792bad1
freeCodeCamp.org
How to recreate Medium’s article layout with CSS Grid
When people think of CSS Grid they normally envision image grid layouts and full web pages. However, CSS Grid is actually a superb…
Подкаст «Веб-стандарты», Выпуск №101: Как отмечать НГ, что читать и смотреть в следующем году, последние Звёздные войны и вся сага, Дж. Р. Р. Толкин и фантастика, зачем заливать оливье водой и… песня! https://medium.com/web-standards/episode-101-2dff1854eab
Medium
Выпуск №101
31 декабря 2017
Исчерпывающий справочник по JavaScript для вашего следующего собеседования. Часть 1 https://habrahabr.ru/post/345882/
Хабр
Исчерпывающий справочник по JavaScript для вашего следующего собеседования. Часть 1
Перевод статьи Gustavo Azevedo The Definitive JavaScript Handbook for your next developer interview. JavaScript был и продолжает быть самым популярным языком...
О фактах, которые многие забывают при замере производительности https://calendar.perfplanet.com/2017/forgotten-facts-while-measuring-performance/
Performance Calendar
Forgotten facts while measuring Performance
We are in the era where everyone involved in SDLC understands their role in building high performance system. It's no more the core responsibility of Performance Engineering team in silo to ensure the system performance is assessed & certified few days before…
Подробности приближающегося релиза 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
Если перейти к форме, начать ее заполнять, а затем попытаться покинуть страницу, то приложение поможет предотвратить потерю введенных данных.