Новини/Релізи:
- Що нового у липневому оновленні для Visual Studio Code
- Нова функціональність у Vue Cli 3.0
- Реліз Opera 55: кращий контроль над веб-сторінками, більш доступні закладки та багато іншого
- Останнє оновлення Vue-autosuggest — слоти
- Chrome для Android може розпочати вимкнення JavaScript при 2G з'єднанні
- Реліз Babel 7
- Що нового у DevTools (Chrome 70)
Статті
- Переходимо з HEX та RGB на HSL
-
Усі можливості властивості
color-adjust - Введення у Flexbox для початківців
- 18 порад для прискорення Wordpress
- Логічні властивості та значення CSS у Chromium та WebKit
- Надпотужні Grid компоненти з користувацькими властивостями CSS
-
::beforevs:before - Еволюція нового адаптивного дизайну
- Початок роботи з Service Workers
- Все, що необхідно знати про вирівнювання елементів у Flexbox
- «Підстрибуюча» прокрутка на вашому вебсайті
- Техніки приховування елементів у CSS
- Проста інтерактивна кругова діаграма з CSS змінними
- Мистецтво налагодження з Chrome DevTools
- Досліджуємо SMACSS: масштабована та модульна архітектура для CSS
- Переваги використання CSS Grid для створення веб форм
- Редизайн сайту з використанням CSS Grid розкладки
- Webassembly: як і навіщо
- Тривожний веб: доступність для людей з панічними розладами
- Створення розширення Chrome у 2018
- Що означає блокчейн для фронтенд розробника?
- 7 способів зробити ваш веб-застосунок доступнішим
- Feature Detection для написання CSS з кросбраузерною підтримкою
- Професійні поради щодо використання Visual Studio Code для досягнення найбільшої продуктивності у 2018
- Огляд популярних статичних генераторів сайтів
- Створюємо стилі сторінок, дружніх для друку
- UX та HTML5: Допоможемо користувачам заповнити вашу мобільну форму (частина 1)
- Складні ефекти з режимами накладання фону у CSS
- Веб-продуктивність легко: версія Google I/О 2018
- Як створити адаптивні зображення в CSS та зекономити час
- Використання CSS-трансформацій у реальному світі
- 20 порад щодо оптимізації CSS
- Розбираємось чому семантичний HTML — це важливо (за версією TypeScript)
- Штучний інтелект та UX: чому не варто боятися
- Поради щодо покращення продуктивності CSS та JS-анімацій
Корисності
- Асинхронні елементи React для поширених ситуацій
- 50 безкоштовних іконок для веб-дизайну
- TheoremJS — математична бібліотека для розрахунків в React
- DUX: управління станом та даними застосунків ReactJS будь-яких розмірів
- Color Contrast Checker — простий інструмент для перевірки контрастності кольорів
- Шаблонний код для створення розширень Chrome з ReactJS
- Tone.js — аудіо фреймворк для створення інтерактивної музики у браузері
- from-html — отримання посилань на елементи безпосередньо з рядка HTML
- Prism — динамічна та розширювана підсвітка синтаксису
- Reworm — найпростіший спосіб керувати станом застосунку
- Fitty — ідеально розмістить текст у контейнері
- Неоновий ефект для тексту на чистому CSS
- Lazyestload.js — завантажує зображення лише коли вони знаходяться (і залишаються) у полі зору
- Check Links — надійний інструмент для швидкої перевірки масиву URL на дійсність посилань
- Компонент vue-autosuggest
- Shimport — використовуйте модулі JavaScript у всіх браузерах
- Vue Toolbox — підбірка найкращих бібліотек Vue.js
- Goodshare.js — компонент Vue.js для кнопок соціальних мереж
- Reakit — інструменти для створення інтерактивного UI з React
- Babel upgrade — інструмент для оновлення Babel до версії v7
- Angular Console — інтерфейс для Angular CLI
- Генератов переходів SVG-іконок
- Чекліст продуктивності для фронтенду
Javascript Jedi:
- Пояснення реактивності JS на прикладі сирцевого коду Vue 🇺🇦
- Найкращі бібліотеки візуалізації та діаграм у JavaScript
- 10 речей, які ви повинні знати про JavaScript проекти
-
JS на прикладах: 8 різних варіантів застосування
JavaScript Array Slice - Встановлення констант через проксі
- Модулі у стилі Elixir у JavaScript
- Створюємо простий компонент для роботи з камерою
- Liftoff: новий базовий компілятор для WebAssembly у V8
- Комплексні числа у JavaScript
-
Чому варто замінити
forEachнаmapтаfilter - Що очікувати від JavaScript у 2018?
-
Все, що ви хотіли знати про метод
.filter() - Як моя команда випадково перейшла на TypeScript та полюбила його
- Динамічні теми для застосунку з CSS змінними та JavaScript
Angular:
- Управління станами в Angular з Akita
- Атрибути директив та форми в Angular
- Як використовувати Material Design в Angular 6
- Продуктивний Angular Grid з веб сокетами
- Push-повідомлення з Angular та Express
- Як Angular CLI Budgets зберегли мій час
- Всередині Ivy: досліджуємо новий компілятор Angular
- Атрибутивні директиви в Angular можуть більше ніж ви думали
- Властивості Angular v6, які змінюють правила гри
- Бібліотеки та мікросервіси Angular
- Початок роботи з Angular Grid за 5 хвилин
- Порівняння компонентів відкладеного завантаження в Angular та React застосунках
React:
- Комплексне керівництво із засвоєння React.js у 2018
- Введення у React та створення першого застосунку
- Проста інтернаціоналізація застосунків React
- Команда розробників з Witnet пояснює як краще використовувати роутери з React-Redux
- Досліджуємо шаблон React Render Props
- Як можна розпланувати три дні наперед з React
- Готуємось до інтерв'ю: React
-
PropsтаPropTypesу React - Створюємо гнучкий завантажувач файлів з React
- Як користуватися новим контекстним API у React
- Як створити PDF з компонентів React
- Гарні практики написання коду з React та Redux
- Практичне керівництво з React Autocomplete
- Діагностуємо проблеми з продуктивністю у React застосунках
Vue:
- Встановлюємо Vuex для enterprise
- Структурування компонентів Vue
- Обробка аутентифікації у Vue з Vuex
- 3 причини обрати Vue.js для свого наступного проекту
- Створюємо 3D редактор з Vue.js
- 5 плагінів Vue CLI 3 для вашого Vue-проекту
- Практичне використання слотів з обмеженою областю видимості у Vue.js
- Повне керівництво з використання іконок Font Awesome у Vue.js
- Обробка дотиків з Vue.js
Відео:
{@vimeo:https://vimeo.com/251312501}
{@vimeo:https://vimeo.com/266794924}
{@vimeo:https://vimeo.com/254703766}
Ще немає коментарів