Front-end digest #45: фічі ECMAScript 8 (2017), Sass 3.5, Babylon.js 3.0

Новини/Релізи:

• Затверджено стандарт ECMAScript 8 (2017)

• Анонс Babylon.js 3.0

• Реліз Sass 3.5

Статті

• Міфи CSS

• Локальні CSS змінні: що, як і навіщо

Відповідь та трохи теорії на цю тему

• Використовуйте змінні CSS правильно

• Створення мега-меню з Flexbox

• Використання функцій запитів у CSS

• URL – це UI

• Створення бібліотеки шаблонів з Shadow DOM в Markdown

• Давайте поговоримо про Speech CSS

• Розробка ідеального пікера дати та часу

• Життя стає все складнішим для веб-сайтів без HTTPS

• Інлайнові валідації – це проблема

• Порівняння 6 безкоштовних Material Design CSS фреймворків для 2017

• Методі організації CSS

• Зменшення розміру CSS на 70% шляхом скорочення імен класів та ізоляції scope

• CSS – це не темна магія

• Як використовувати змінні CSS, щоб писати більш читабельний код

• 10 речей, які ви не знали про Sass

Корисності:

• HOW TO GRAPHQL – фул-стек гід по GraphQL

• TestCafe – рішення для тестування веб-додатків. Запускає веб-переглядачі та тести, збирає результати та створює звіти

• flubber – інструмент для плавної анімації

• pell – простий та компактний (1кБ) текстовий редактор WYSIWYG без залежностей

• CSVtoTable – утиліта командного рядка для перетворення файлів CSV в таблицю HTML для пошуку та сортування. Підтримує великі набори даних і горизонтальну прокрутку для великої кількості стовпчиків

• pinhole-js – бібліотека для створення 3D-каркасів зображень для HTML Canvas

• ACD3 – JavaScript бібліотека для побудови аудіовізуальних графіків у D3

• Terminal in React – компактний компонент, що рендерить термінал

• babel-preset-php – Babel пресет для конвертації PHP у JavaScript

• DoppioJVM – Java Virtual Machine на 100% JavaScript

• BotUI – JavaScript фреймворк для створення інтерфейсів спілкування

Javascript Jedi:

• 7 порад щодо керування undefined у JavaScript

• Зворотна інженерія одного рядка JavaScript

<pre id="p"><script>n=setInterval("for(n+=7,i=k,P='p.\\\ ';i-=1/k;P+=P[i%2?(i%2*j-j+n/k^j)&1:2])j=k/i;p.innerHTML=P",k=64)</script>

• Реліз ES8 та його основні нові фічі 🔥

• Основи npx

Якщо ви оновили npm до версії 5.2.0, ви могли помітити, що він встановлює новий бінарний файл поряд з звичайним npm: npx

• Генеруємо зображення в JavaScript без використання Canvas API

• Зіставлення зі зразком в ECMAScript

• Основи Rust, WebAssembly та Webpack

• Як і навіщо створювати сайти без JS

• JavaScript реально завойовує світ

• 5 речей, які ви повинні знати про ES8

• ES2015 Promises & ES2017 Async/Await

Angular:

• Continuous Integration з Angular CLI

React:

• Питання з співбесіди по React

• Високопродуктивний React: 3 нові інструменти для пришвидшення ваших застосунків

• Доступно про Високопріорітетні компоненти (Higher-Order Components)

• Основи відгалодження ReactJS застосунків

• Занурення в Router v4 Animated Transitions

• React або Vue  — це не дебати, це справа смаку

• Юніт-тестування в React

Vue.js:

• Інтеграція TypeScript у ваш Vue проект

• Створюємо простий ріалтайм застосунок з Vue.js 2.0 та Pusher

• Що я дізнався про VueJS, створюючи розширення для Chrome

• 4 важливі зміни в Vue.js 2.4.0

• Гід по Vue.js для jQuery розробників

• VueJS для початківців

• Unit тестування Vue.js компонентів з Jest

• Як писати юніт-тести для Vue.js

Відео:

• Angular 4 за 60 хвилин

• Дастін Уітл (Dustin Whittle) про Javascript в Uber на AmsterdamJS

• Створення WebVR-досвідів з Babylon.js на всіх платформах

• Google Chrome Developers

• Відео з JSUnconf 2017

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

• Odra

• Lepa Vida boutique winery

• Fauteuils de l'Opéra de Paris

• DUNKIRK

• Tubelectric