Front-end digest #27

Новини:

• Ура! position: sticky з'явиться в Chrome (пройшло 4 роки після першої реалізації), вже є в Firefox і Safari

• Підтримку async/await із ES 2017 включили в нічні збірки Firefox

• Що нового в Chromium 54 і Opera 41

• HTML 5.1 специфікація стала сьогодні рекомендацією

• Firefox відмовиться від Battery API з міркувань безпеки, щоб запобігти стеження за користувачами

• Sass переписали на Dart, перша альфа в 5—10 раз швидша за версію на Ruby, але вдвічі повільніша за LibSass на C++

{full-post-img}

Статті:

• Нотатки із CSS Dev Conf 2016 від Кріса Койєра. Слайди, відео, приклади і оце все

• Привіт WebMIDI! Тут Стоян Стефанов підключає MIDI-клавіатуру до браузеру

• Створення кругового прогрес-бара від Конрада Джвінеля

• Як будувати адаптивну сітку

• Робимо прогрес бар за допомогою SVG

• CSS сітка, Flexbox і Box Alignment: нові системи для веб-макетів

• iOS не підтримує Progressive Web Apps, як бути?

• З"єднуємо віртуальні світи: посилання в WebVR

• Інструменти для побудови сайтів для людей із обмеженими можливостями

• Mailto посилання: як зробити їх дружніми до користувача

• Прощай растр, привіт вектор: 3 шляхи як використовувати SVG легше

• Пост-процесори CSS для початківців

• Герої South Park на чистому CSS

• Веб — це не модно, або як я навчилась любити веб

• 10 принципів smooth веб-анімації

{full-post-img}

Корисності:

• CSS Loader: біблотека CSS лоадерів

• Музика для програмування

• Blynker: корисна штука, яка допоже берегти ваші очі

• welcome.js: невеликий скрипт, щоб показувати дружнє вітання в консолі розробника

• ResponsifyJS: jQuery плагін, що робить зображення дійсно адаптивним

• Algolia Places: додає input-ам автозаповнення адресами(фізичними)

Javascript Jedi:

• Робимо шейдери з Babylon.js

• JavaScript війни

• Що таке Ajax програмування?

• Vanilla JavaScript проти фреймворків і бібліотек — шукаємо баланс

• Чи завжди JavaScript найкраще рішення?

• Робимо ваш JavaScript більш функціональним

• Створення динамічних таблиць за секунди із будь-яких JSON даних

• Проміси в Javascript: навіщо і як?

• Викиньте jQuery із вашого Bootstrap проекту і почніть використовувати Vue.js

• Використовуйте найкраще із ES6 всюди

Відео:

• 15 відео с FrontTalks 2016: доступність, типографіка, документація, CSS, тестування, ІоТ

• Чому семантика важлива для доступності? Роб Додсон, A11ycasts

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

• collective[i]

{full-post-img}

• Simone Magurno

{full-post-img}

• Jenny Johannesson – Portfolio

{full-post-img}

• Hollow

{full-post-img}

• Magic in New York

{full-post-img}