Свіжі ресурси для веб-дизайнерів і розробників (грудень 2016 р.)

Ми наближаємося до кінця 2016 року, і це було дуже захоплюючим роком для багатьох, включаючи веб-розробників. Цього року, Популярність ReactJS зросла в геометричній прогресії, випущено нове розширення ReactJS і занесено до списку Репозиторії Github (майже) щотижня.

PHP7 також випущений в цьому році яка забезпечує значне поліпшення швидкості, а також вивільнення WordPress 4.7 з довгоочікуваним WP-API особливість, і Компанія Facebook також представила пакет «Пряжа» що може викликати НПМ.

Натисніть "Більше ресурсів"

Знайдіть всю нашу колекцію рекомендованих ресурсів і найкращі доступні інструменти веб-дизайну та розробки.

Щоб отримати докладнішу інформацію про кожну з цих корисних випусків, давайте подивимося на такий список:

LightHouse

LightHouse є зручний інструмент від Google перевіряти веб-сайти на сучасні показники веб-розробки, які включають продуктивність завантаження сторінки, кешування за допомогою працівників служби, час відповіді сервера і так далі. Ці інструменти мають дві форми: інтерфейс CLI (інтерфейс командного рядка) і розширення Google Chrome.

FuseJS

Нечіткий пошук - це тип завершення пошуку, де він знаходиться повертає кількість можливостей, навіть якщо воно не відповідає аргументам пошуку. Наприклад, якщо ви шукаєте "до", результуючий може повернутися зробити, робот, і ногою. Це популярні результати пошуку в сучасних веб-додатках. FuseJS - це полегшена бібліотека JavaScript що дозволяє легко реалізувати його на своєму сайті.

Пакет пряжі

Пряжа є Менеджер пакетів вузлів, побудований Facebook. В основному він працює подібно до NPM, хоча з досягненнями в декількох областях, таких як швидкість, "автономний режим", який дозволяє встановлювати пакунки без підключення до Інтернету, та безпеки, а також надійності.

Кеш меню

Зручний плагін WordPress кеш меню WordPress за допомогою API Transient для поліпшення швидкості запитів до бази даних. Плагін постачається з декількома фільтрами для налаштувати період кешування і виконувати інші речі. Він може бути встановлений за допомогою Composer або як звичайний плагін WordPress.

Githunt

Githunt - це розширення Google Chrome, яке замінює домашню сторінку Chrome репозитарієм трендового пошуку Github. Результат можна сортувати на основі періоду та мови програмування. Це, я думаю, утиліта для обов'язкового встановлення щоб кожен розробник залишався в курсі блискучих інструментів.

FFocus

Не можете зосередитися на своїй роботі і хочете швидко виконати свою роботу? Спробуйте FFocus. це є CLI, що дозволяє блокувати веб-сайт для встановленої тривалості через термінал. FFocus може бути встановлюється через НПМ шляхом запуску npm i ffocus -g команду.

Доступ до списку

AccesslintJS - це Бібліотека JavaScript для перевірки вашого веб-сайту доступності. Використання цієї бібліотеки так само просто, як і завантаження її перед і ви отримаєте всі попередження та помилки прямо на консолі DevTools.

Колірний

Колірний зручний веб-додаток що дозволяє створювати комбінацію кольорів, яка відповідає правилам WCAG, а також створює ваш веб-сайт доступні для користувачів з порушеннями зору як кольорова сліпота.

Мікон

Мікон є шрифт піктограми вибраних піктограм Microsoft Windows 10. Це може бути a велика заміна FontAwesome які, на мою думку, вже використовуються.

Посилання CSS

Назва говорить все. це є посилання на CSS для пошуку синтаксису CSS. Він також представлений в приємний приємний спосіб, який робить його чудова альтернатива для документації CSS в MDN, якщо ви думаєте, що це занадто нудно.

Місцеві за допомогою маховика

Це Графічний додаток, що робить налаштування місцевого сайту WordPress у вашому MacOS так просто. Додаток запаковано великими утилітами для розробників, наприклад; “Один клік” Установка WordPress, Доступ SSH, легка установка SSL, план сайту та XIP.io. Додаток оцінювався в районі 149USD, але є тепер надається безкоштовно, з тих пір, як придбала маховик.

FreeCodeCamp

Це безкоштовний ресурс для вивчення коду для Інтернету. Суб'єкти включають HTML, CSS, JavaScript і a декілька бібліотек, як ReactJS і D3. Він забезпечує виклики або приклади проектів під час навчання, а також підручників допоможе вам краще зрозуміти тему.

Шрифт OverPass

Шрифт OverPass - це сімейство шрифтів вісім ваг (200-900), справжній курсив і моноширинний шрифт. Шрифт можна завантажувати як веб-шрифт з KeyCDN, а також встановлено для використання на робочому столі. Це вільний і відкритий код.

Форма бази

Основою форми є a набір правил стилю CSS які скидають елементи форми, які включають введення, прапорець, виберіть, і textarea з базовими, але красивими стилями. Ця бібліотека CSS хороша використовувати разом з іншим “CSS resetter” як Normalize.css.

FrontEnd

це кадр, який використовується для побудови 24ways.org; великий ресурс що ви можете розглянути навчитися передовим методам CSS.

Перемога

ReactJS на підйомі, і з цим приходить велика кількість розширень для її підтримки. Перемога є Компонент ReactJS для додавання інтеркативних і діаграм або візуалізації даних.

Inferno

Inferno є Бібліотека JavaScript для створення веб-інтерфейсу на мобільних пристроях. це є натхненний ReactJS отже, успадковує подібні синтаксичні умови. Різниця, однак, полягає в тому, що Inferno є побудована з розумом що робить його набагато менше за розміром а також дає йому швидше час візуалізації.

Премоніш

Permonish - це бібліотека, яка здатна передбачити наступну взаємодію користувачів. Це дозволить вам Підготувати інтерфейс користувача (UI) досконаліше перед тим, як фактичний користувач взаємодіє з вашим веб-сайтом.

SPA Starter Kit

Це приклад SPA (Single Page Application), побудований з Laravel і VueJS. Це ще Інший великий ресурс для вивчення веб-розробки за допомогою фреймворків - подивіться на джерело Лука!

Docute

Docute є Бібліотека JavaScript для створення документації на одній сторінці. Він живиться від VueJS і поставляється з рядом утиліт Node, які дозволяють вам швидко налаштувати та запустити документацію.