Новини/Релізи:
- Firefox 62: що нового для розробників
- Реліз React 16.5.0
- Chrome 70 beta: shape detection, web authentication та багато іншого
- Що очікувати від Angular 7?
- Новий дизайн Chrome: мінімалістичний вигляд та покращення продуктивності
- V8 святкує десятиріччя
Статті
- Майбутнє систем дизайну
- Використання SVG з Media Queries
- Трюки у Visual Studio Code для підвищення продуктивності 🇺🇦
- Редактори форм CSS
- Що таке модульний CSS?
- Чи є ваше визначення підтримки CSS браузером надійним
- За кулісами браузерного рендерингу
- Flexbox: наскільки великими є розміри елементів у Flex контейнері?
- Створіть власну систему дизайну, частина 4: відступи
- Наслідки великого розмаїття браузерів
- Погляньте на CSS форми по-новому
- Важливість ручного тестування доступності
- Дизайн текстового поля
-
Пропорції медіа-елементів та
intrinsicsize
-
Проблеми з
font-display
- Повне керівництво з CSS Scroll Snap
- Реалізація веб-компонентів в одному файлі
-
:empty
та:blank
- Шпаргалка для завантаження веб-шрифтів
- Покращення клієнтської продуктивності
- Переваги використання CSS Grid для макета веб-форм
- Доступність у вебі
- Вкладені посилання без вкладених посилань
- Огляд GitHub Pull Requests у Visual Studio Code
- Огляд Tilda: створення веб-сайтів по-новому
- Що таке аудит дизайну і навіщо його проводити?
- 15 найкращих шрифтів від Google + поради щодо застосування
- Перевірка та дизайн елементу, що зникає, якщо неактивний, у DevTools
- У музеї веб-дизайну: перша декада веб-дизайну
- Сучасний підхід до фонів з візерунками у веб-дизайні
- Визначення кольорів у CSS
- Що робить хороший фронтенд розробник?
- Початок кар'єри у веб-розробці
- Створіть свою систему дизайну (частина 5): іконки
Корисності
- Список інструментів для підвищення продуктивності сторінки
- tip-tap — розширюваний текстовий редактор для Vue.js
- Топ безкоштовних тем Wordpress у 2018
- 48 безкоштовних іконок для вашого наступного проекту
- Icon Transition Generator — створіть швидкий перехід між двома іконками
- Vue CLI Env Validator Plugin — валідація змінних середовища з перевіркою типу, на зразок Vue Props
- Svgurt — перетворення зображень на SVG
- date-fns — сучасна бібліотека для JavaScript дат
- Sal JS — легка бібліотека для анімованої прокрутки
- Splitting — створює елементи та додає CSS змінні для чудових можливостей анімації, сіток тощо
- Sqorn — JavaScript бібліотека для створення SQL запитів
- CodeZen — веб-застосунок, який генерує зображення з вашого сирцевого коду
- React Recontext — спрощене управління станом, використовуючи React Context API
- Sublime Merge — новий Git client від творців Sublime Text
Javascript Jedi:
-
JS у прикладах: 8 способів використання
slice()
🇺🇦 - Посібник по D3.js: створюємо інтерактивні діаграми на JavaScript 🇺🇦
- 12 речей, які необхідно враховувати при оцінці нової JS бібліотеки 🇺🇦
- Як використовувати медіа-запити у JavaScript
- Як GitHub позбувся jQuery у своєму фронтенді
- Проста реалізація Event Bus на JavaScript 🇺🇦
- JavaScript у 2018: результати опитування
- Тур таймерами JavaScript
- 3 фічі, які можуть змінити майбутнє JavaScript
- Чому Async: як JavaScript взаємодіє з реальним світом
- Мінімізуйте навантаження на JavaScript з розбиттям коду
- 5 порад щодо покращення умовних виразів у JavaScript
- TypeScript та Babel: гарний шлюб?
- 12 речей, які варто врахувати при оцінці будь-якої нової JavaScript бібліотеки
- Анонс TypeScript 3.1 RC
- Шпаргалка для розробників JavaScript (ES2015) та Python 3
-
Спливання у сучасному JavaScript —
let
,const
іvar
- Швидке знайомство з Web Workers у JavaScript
Angular:
- Сторінка авторизації з Spring Security та Angular
- Підписка обробки директиви в Angular власноруч
- Material Buttons в Angular
- Cтворення колонок зі змінюваними розмірами в Angular 2
- Обмін даними між модулями — дрібниці. Занурення у селектори NgRx
- Як створити плагін/розширювану архітектуру на Angular 5+
- Логування HTTP-помилок в Angular 6
- Три стовпи маршрутизації в Angular
- Порівнюємо Angular і React, а також мову їх ядер
- Механізм зв'язування подій в Angular
- Створюємо пошуково-оптимізований PWA з Angular (частина 1)
- Використовуємо новий Babel 7 та preset-typescript для компіляції застосунку на Angular 6
- Pipes в Angular 6
React:
- Уроки, які я засвоїв, використовуючи React-Redux 🇺🇦
- Локалізація React (Mobx) застосунку за допомогою i18next 🇺🇦
- Чому Redux у минулому?
- Повне керівництво з React для початківця
-
connect()
у React-Redux: як використовувати? - Засвоєні уроки: розбиття коду з Webpack та React
- Життя без Redux: використання Apollo для локального стану
- Як тестувати асинхронну вибірку даних у компоненті React
- Enterprise React у 2018-2019
- Аутентифікація у застосунках React-Native
- Кешуйте слухачів подій React для покращення продуктивності
- Як створити дружній до SEO React застосунок з Next.js
- Введення у використання елементів форм у React
- Оптимізація React Apollo та GraphQL
- Порівнюємо екосистеми React та Vue
Vue:
- Перетасовуємо колоду карт з Vue.js 🇺🇦
- Створюємо десктопний застосунок з Vue
- Vue.js — локальні стилі vs CSS модулі
- Проста валідація форм Vue.js з Vuelidate
- Управління станом у Vue з нуля
- Створення Vue.js застосунку з TypeScript
- Використання слотів з обмеженою областю видимості у Vue.js для абстрактної функціональності
- Як ми отримали 100% оцінку продуктивності нашого Vue.js застосунку від Lighthouse
- З легкістю додайте інтерактивності до вашого сайту з Vue.js та GSAP
-
Vuidget — як створити вбудований Vue.js віджет з
vue-custom-element
- Чи може шаблон Vue мати декілька кореневих вузлів (фрагментів)?
- Короткий огляд джерел для вивчення Vue у 2018
- 5 найбільш запитуваних функцій Vue.js у 2018
- Ледаче завантаження зображень з директивами Vue.js та IntersectionObserver
- Створюємо гнучкий компонент для завантаження зображень на Vue.js 2.0
Ще немає коментарів