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

A колекція корисних веб-ресурсів це те, що веб-розробник дійсно з нетерпінням чекає на його інструментарій. Тому, будучи самим розробником, я прагну представити вам свою найкращі та найновіші ресурси веб-розробки щомісяця.

Колекція цього місяця включає в себе цікавий безкоштовний додаток для для screencasting, кілька фреймворків, заснованих на мові Material Design, декілька бібліотек для тестування продуктивності, CLI і a жменька наших інших зручних ресурсів. Отже, давайте перевіримо їх один за одним у наступному.

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

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

Кап

Кап є акуратний маленький диктофон для MacOS. Це додаток з відкритим вихідним кодом, побудований за допомогою веб-технологій. Одна річ, яку я люблю в цьому додатку, це те, що вона пропонує перетворення відео прямо з вікна. Кап - чудова альтернатива для запису ваших додатків або демо-версії веб-сайту.

Sizzy

Sizzy - це Інструмент розробки для тестування вашого сайту у кількох розмірах вікна на одному екрані. Це дуже зручне додаток у порівнянні з Вбудований мобільний емулятор Chrome. Sizzy також постачається як розширення Chrome.

Muse UI

A Бібліотека користувальницького інтерфейсу, заснована на принципі Матеріал і побудований на вершині Vue.js 2.0, Muse UI упакований з компонентами Material Design, такі як Appbar, Card і Dialog. Це здорово фреймворк для побудови та запуску UI швидко.

Розширений WP-CLI

Я великий шанувальник WP-CLI і використовуйте його майже щодня в моїй роботі як розробник WordPress. Тим не менш, лише нещодавно я дізнався, що WP-CLI дозволяє створити PHP-модуль для тесту! Це список розширеного використання WP-CLI з Супровідник WP-CLI, Даніель Бахубер, себе.

Lunacy

Безумство - це автономний переглядач файлів Sketch для Windows. Він відмінно працює з файлом Sketch, який містить текст, растрові зображення, навіть градієнти і тіні. Це не вимагає підключення до Інтернету, Таким чином, розробники можуть працювати з файлами Sketch з будь-якого місця. І це абсолютно безкоштовно.

K6

Швидкість має значення майже у всіх аспектах веб-додатків. Але як виміряти швидкість вашого веб-сайту? Добре, відповідь - K6. Вона імітує трафік на ваш сайт і завантажує веб-сайт на певний термін, як якщо б він був реальним трафіком. Коротше кажучи, K6 - це UnitTest для виконання.

Служба перевірки

Великий список веб-додатків для перевірте багато речей, таких як DNS, Load, Speed, SEO, Security і SSL. Багато з цих інструментів є безкоштовними, однак, є кілька перелік послуг, перерахованих у цьому пропонують розширені можливості для користувачів.

SVGito

Це невеликий веб-інструмент для оптимізуйте SVG, створений за допомогою програми Sketch. Вставте код SVG на веб-сайт і він негайно поверне оптимізований код.

Launchaco

Пошук великої назви для запуску важко, а отримання доступного обробника імені користувача в соціальних мережах ще складніше. Launchaco - це зручний інструмент дозволяє знаходити доменні імена, імена користувачів для різних соціальних медіа, таких як Twitter, Facebook, Instagram і т.д., і допомагає вам створити хороший логотип Вашого бізнесу.

Неприємний

A колекція унікальної анімації, виконаної з CSS. Будь ласка, не запускайте анімацію, якщо серце і розум не достатньо сильні, щоб побачити її.

CSS Grid Cheat Sheet

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

Workbox

Workbox - це нова ініціатива від Google для створення Progressive Web App (PWA). Це схоже на Yeoman або створити React App таким чином, що ви можете отримати все і готові в одному рядку команди.

Mavo

Mavo - новий відкритий проект Lea Verou. Це бібліотека, яка перетворює чисту HTML-розмітку і декілька користувальницькі атрибути у функціональному веб-застосунку. Mavo легше слідувати в порівнянні з іншими бібліотеками, як Backbone, Vue.js або React, як це дозволяє менш технічно підкованих користувачів для створення веб-додатків швидко і легко.

Матеріал UI

Зверніться до Muse UI, це a Управління інтерфейсом на основі мови Meterial Design. Це одна з них побудовано з використанням React. Тепер це залежить від ваших уподобань; якщо ви з команда Vue.js або команда React.

Ледачий образ

Lazy Image є користувальницький елемент HTML для завантаження зображення за запитом. Цей елементарний елемент забезпечує додаткове .активна об'єкт в об'єкті елемента, який ви можете використовувати для запуску зображення для завантаження в будь-якій події або взаємодії з користувачем як вам потрібно.

Mac CLI

Це чудовий інструмент керуйте MacOS через термінал. Просто введіть оновлення для Mac для оновлення MacOS. Або введіть mac презентації який підготує ваш Mac (мінімізувати всі програми, закривати браузери, надсилати файли з робочого столу і завантажує в кошик і встановлює режим не турбувати) перед видачею презентації. Як це здорово!

Тримайте Вас Прокинувшись

KeepingYouAwake - це утиліта меню для MacOS запобігання входу Mac у сплячий режим протягом встановленої тривалості або до тих пір, поки вона активована. Ви можете встановити цю програму за допомогою Homebrew.

Потік JSON

Нарешті! Це стандартна специфікація для доставки вмісту каналу в JSON форматі. Для реалізації вже створено плагін WordPress>. Це полегшить життя веб-розробників. Давайте просто Попрощайтеся з XML.

Вуглець

Коротше кажучи, Carbon є Moment.js PHP. Це PHP бібліотека для створення і маніпулювати рядками дати та часу.

SpeedRacer

Інший інструмент для тестування продуктивності. Хоча K6 буде виконувати тестери навантаження, посилаючи Virutal Users для імітації відвідувань і трафіку, SpeedRacer буде оцінювати ефективність візуалізації сторінки у веб-переглядачі. SpeedRacer може бути хорошим супутником K6.