Три способа уменьшить размер бандла в webpack http://blog.jakoblind.no/2017/05/18/3-ways-to-reduce-webpack-bundle-size/
Функции высшего порядка в Lodash #js http://pragmatists.pl/blog/2017/05/higher-order-functions-in-lodash/
5 симпатичных эффектов для изображений с помощью CSS Shapes и фильтров http://tutorialzine.com/2017/05/5-beautiful-image-effects-with-css/
Tutorialzine
5 Beautiful Image Effects With CSS Shapes and Filters
A visual web experiment in which we create majestic polyscape backgrounds using nothing but CSS and HTML.
Тренды — презентация нового функционала на Stack Overflow https://stackoverflow.blog/2017/05/09/introducing-stack-overflow-trends/
stackoverflow.blog
Introducing Stack Overflow Trends - Stack Overflow
Обширная презентация от Filament Group: доступность в отзывчивом мире, A11Y Days 2017 https://www.filamentgroup.com/lab/accessibility-funka.html
Filamentgroup
Presentation: Accessibility in a Responsive World, A11Y Days 2017 | Filament Group, Inc., Boston, MA
Read this page on the Filament Group website
Эксперименты с физикой твердого тела за счет графического ускорителя с помощью WebGL/threejs https://github.com/schteppe/gpu-physics.js
GitHub
GitHub - schteppe/gpu-physics.js: GPGPU physics for Three.js
GPGPU physics for Three.js. Contribute to schteppe/gpu-physics.js development by creating an account on GitHub.
Презентация d3.express: интегрированная среда для реактивной разработки #js https://medium.com/@mbostock/a-better-way-to-code-2b1d2876a3a0?repost
Medium
A Better Way to Code
Introducing d3.express: the integrated discovery environment.
Подробно о создании Progressive Web App для сайта китайского магазина Ele.me #js https://medium.com/elemefe/upgrading-ele-me-to-progressive-web-app-2a446832e509
Medium
Upgrading Ele.me to Progressive Web App
Since the very first experiments that @Vue.js tweeted, we at Ele.me (the biggest food ordering and delivering company in China) have been…
Хакатоны и конференции стартуют наперебой. На очереди у нас мощнейшее событие - Frontend Conf http://frontendconf.ru/
Конференция Frontend Conf посвящена всем аспектам разработки клиентской части веб-проектов: адаптивный дизайн и юзабилити, вёрстка, CSS и HTML, разработка на JavaScript, новые и популярные фреймворки и многое другое.
Конференция продлится с 5 по 6 июня в Сколково. 4 июня полностью посвящено мастер-классам.
Огромное число секций:
- Автоматизация фронтенда:проверка быстродействия и кода, автоматизация тестирования, автоматизация разработки;
- Тестирование фронтенда: юнит-тестирование, CSS/image-regression тесты, функциональное тестирование;
- Быстродействие интерфейса и сети, загрузка на медленных соединениях;
- Оффлайн и кэширование в локальных хранилищах;
- Шаблонизаторы и препроцессоры;
- Адаптивный дизайн и адаптивная вёрстка;
- Мобильные сайты и приложения на веб-технологиях
И это только часть!
Частично ознакомиться с материалами прошлого года и понять, что такое событие пропускать не стоит, можно по ссылкам:
- Конструктор / Денис Паясь (Яндекс)
https://youtu.be/9HHyYANJ81k
- Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей Охрименко (IPONWEB) https://youtu.be/72O1NdWT_58
Хочешь развиваться, двигаться вперед и покорять новые вершины - регистрируйся на http://frontendconf.ru/ Не забудь указать промокод на скидку 7% "FrontEndDevCode2017"
Конференция Frontend Conf посвящена всем аспектам разработки клиентской части веб-проектов: адаптивный дизайн и юзабилити, вёрстка, CSS и HTML, разработка на JavaScript, новые и популярные фреймворки и многое другое.
Конференция продлится с 5 по 6 июня в Сколково. 4 июня полностью посвящено мастер-классам.
Огромное число секций:
- Автоматизация фронтенда:проверка быстродействия и кода, автоматизация тестирования, автоматизация разработки;
- Тестирование фронтенда: юнит-тестирование, CSS/image-regression тесты, функциональное тестирование;
- Быстродействие интерфейса и сети, загрузка на медленных соединениях;
- Оффлайн и кэширование в локальных хранилищах;
- Шаблонизаторы и препроцессоры;
- Адаптивный дизайн и адаптивная вёрстка;
- Мобильные сайты и приложения на веб-технологиях
И это только часть!
Частично ознакомиться с материалами прошлого года и понять, что такое событие пропускать не стоит, можно по ссылкам:
- Конструктор / Денис Паясь (Яндекс)
https://youtu.be/9HHyYANJ81k
- Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей Охрименко (IPONWEB) https://youtu.be/72O1NdWT_58
Хочешь развиваться, двигаться вперед и покорять новые вершины - регистрируйся на http://frontendconf.ru/ Не забудь указать промокод на скидку 7% "FrontEndDevCode2017"
frontendconf.ru
Профессиональная конференция фронтенд-разработчиков
Полный контроль над контрольными точками. В CSS и в JS #js #css http://css-live.ru/articles/polnyj-kontrol-nad-kontrolnymi-tochkami-v-css-i-v-js.html
CSS-LIVE
Полный контроль над контрольными точками. В CSS и в JS
Всем привет! Недавно меня поругали за то, что для гарантии адаптивности вёрстки я применяю дополнительный класс .js-adaptive, который я вешаю на элемент body с помощью JavaScript. К примеру, при ширине экрана 600px и ниже класс .js-adaptive вешается на body…
Может ли Google правильно анализировать и индексировать JavaScript фреймворки? #common https://goralewicz.com/blog/javascript-seo-experiment/
Elephate
Can Google Properly Crawl and Index JavaScript Frameworks? A JavaScript SEO Experiment. | Elephate
Our JavaScript SEO experiment uncovers which JavaScript frameworks are SEO-friendly "out of the box"
Переход с Angular на Vue: вьюдивительное приключение #js https://medium.com/@Hemantisme/moving-from-angular-to-vue-a-vuetiful-journey-c29842ab2039
Medium
Moving From Angular to Vue : A vuetiful journey
I work on a SaaS product which has several front-end portals and all of them were build on Angular 1. After more than 2 years in…
Как сделать сообщения об ошибках доступными #common https://goo.gl/PmusWL
Medium
Как сделать сообщения об ошибках доступными
Перевод “How to make error messages accessible” Hidde de Vries
Подкаст Веб-стандарты, Выпуск №69: https://soundcloud.com/web-standards/episode-69
SoundCloud
Выпуск №69
Samsung, Safari, Google I/O, Git в Atom, GitHub Desktop, Box Alignment, Лия и Mavo, ППК и формы, фронтенд заговорил, Perf.HTML, ES-модули.
— Вадим Макеев
— Алексей Симоненко
Обсуждайте в Слаке — htt
— Вадим Макеев
— Алексей Симоненко
Обсуждайте в Слаке — htt
Как проверить доступность цветов https://www.youtube.com/watch?v=LBmLspdAtxM
YouTube
How to check for accessible colors -- A11ycasts #17
OATMEAL Color Contrast: https://goo.gl/khWzhs
aXe Chrome Extension: https://goo.gl/TMZoBP
Automated testing with aXe: https://goo.gl/Nj31Jj
WCAG 1.4.3: https://goo.gl/ZkHlnV
WCAG 1.4.6: https://goo.gl/TemJvC
Lea Verous Contrast Ratio: https://goo.gl/0fqfVo…
aXe Chrome Extension: https://goo.gl/TMZoBP
Automated testing with aXe: https://goo.gl/Nj31Jj
WCAG 1.4.3: https://goo.gl/ZkHlnV
WCAG 1.4.6: https://goo.gl/TemJvC
Lea Verous Contrast Ratio: https://goo.gl/0fqfVo…