Front-end digest #18

Новини:

• Safari 10 почне підтримувати WebDriver для автоматизації тестування

• Safari TP 12: Fetch API, інтерфейси для Web Animations, псевдоселектор :host для Shadow DOM

• Chrome 53: Shadow DOM v1, Payment Request API, Auto Play muted videos та інше

{full-post-img}

Статті:

• Чому наш сайт швидший за ваш - Деклан Рек

• 400 000 репозиторіїв на Гітхабі, мільярд файлів, 14 терабайтів коду. І все таки таби чи пробіли?

• Зак Лезерман розбирається в підтримці цифрових клавіатур

• Рефакторинг CSS від Гаррі Робертса

• Web Share API, для шейра ліків в системному вікні на Android

• SVG в border-image для крутих тіней

• 11 корисних хаків з npm

• Марсін Вічарі об"ємно розповідає про типографіку в вебі

• Ідентифікуємо оффлайн

• CSS Pixel Art

• 20 професійних порад по написанню сучасного CSS

• Як зробити Glitch-ефект за допомогою canvas

• Порція крутих навігацій від Марі Лу

{full-post-img}

Корисності:

• Mobi.css: фреймворк який орієнтований на мобільні девайси

• Cesium: бібліотека для 3D глобусів та мап

• ProgressBar.js: адаптивні SVG прогрес бари з можливістю кастомізації

Javascript Jedi:

• Ніколас Беваква розповідає як отримати this в методах класу

• Чи повинен я вчити ES5, ES6 або TypeScript

• Знайомство із Hapi.js

• React на сервері для початківців

• 5 станів додатку на React

• Будуємо React-додаток із авторизацією користувачів

• Скануємо баркоди за допомогою NativeScript та Angular 2

• Чому я використовую керівництво по стилю в JavaScript і чому ви повинні теж, Марк Браун

Відео:

• Секрети HTML від Лії Веру

{@vimeo: https://vimeo.com/178244394} {full-post-img}

• 8 відео англомовної зустрічі KyivJS

{full-post-img}

5 сайтів, що надихають:

• Plymouth Gin

{full-post-img}

• Welikesmall

{full-post-img}

• Surf House Barcelona

{full-post-img}

• 51 Sprints - The Human Race

{full-post-img}

• Topple Trump

{full-post-img}