Пресни ресурси за уеб дизайнери и разработчици (май 2017 г.)

А събиране на полезни уеб ресурси е нещо, което уеб разработчик наистина очаква да има в неговия набор от инструменти. Затова, като самият разработчик, се стремя да ви представя най-добрите и най-новите ресурси за уеб разработки всеки месец.

Колекцията от този месец включва интересно безплатно приложение за за screencasting, няколко рамки, базирани на езика Material Design, няколко библиотеки за тестване на производителността, CLI и a шепа ни от други удобни ресурси. Така че нека ги проверим един по един в следното.

Кликнете за още ресурси

Намерете цялата ни колекция от препоръчителни ресурси и най-добрите налични инструменти за уеб дизайн и разработка.

Кап

Кап е чист малък екран за запис на MacOS. Това е приложение с отворен код, изградено с уеб технология. Едно нещо, което обичам в това приложение е, че тя предлага конвертиране на видеото направо от кутията. Kap е чудесна алтернатива за записване на вашите приложения или демо на уебсайта.

Sizzy

Sizzy е инструмент за разработка, за да тествате отзивчивия си уебсайт в различни размери на екрана. Това е супер удобно приложение в сравнение с Вграденият мобилен емулатор на Chrome. Sizzy се предлага и като разширение за Chrome.

Muse UI

А Библиотеката на потребителския интерфейс, базирана на принципа на Материалния дизайн и построен върху Vue.js 2.0, Muse UI е снабден с Material Design Compenents като Appbar, Card и Dialog. Това е страхотно рамка за изграждане и управление на потребителския интерфейс бързо.

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

Аз съм голям фен на WP-CLI и го използвайте почти всеки ден в работата ми като разработчик на WordPress. Но едва наскоро разбрах, че WP-CLI ви позволява създайте PHP UnitTest скеле за тема! Това е списък с усъвършенстваната употреба на WP-CLI от Поддръжник на WP-CLI, Даниел Бахубер, себе си.

лудост

Lunacy е a самостоятелна програма за преглед на файлове за скици за Windows. Той работи чудесно с файл Sketch, който съдържа текст, растерни изображения, дори градиенти и сенки. То не изисква връзка с интернет, по този начин разработчиците могат да работят с Sketch файлове от всяко място. И то е напълно безплатно.

K6

Скоростта е важна в почти всеки аспект на уеб приложението. Но как измервате скоростта на уебсайта си? добре, отговорът е K6. Той симулира трафика към уебсайта ви и зарежда уебсайта на определена продължителност, сякаш е истински трафик. Накратко, K6 е UnitTest за изпълнение.

Служба за проверка

Голям списък с уеб приложения за проверете много неща като DNS, Load, Speed, SEO, Security и SSL. Много от тези инструменти са безплатни, но има няколко премиум услуги, изброени там предлагат разширени функции за потребителите.

SVGito

Е малък уеб инструмент за оптимизира SVG, генериран от приложението Sketch. Поставете вашия SVG код на сайта и той ще върне оптимизирания код незабавно.

Launchaco

Намирането на голямо име за стартиране е трудно и получаването на достъпно ръководство за потребителски имена в социалните медии е още по-трудно. Launchaco е удобен инструмент ви позволява да намерите имена на домейни, потребителски имена за различни социални медии като Twitter, Facebook, Instagram и т.н. и ви помага генериране на хубав логотип на вашия бизнес.

противен

А колекция от уникална анимация, направена с CSS. Моля, не пускайте анимацията, ако сърцето и умът ви не са достатъчно силни, за да го видите.

CSS Grid Cheat Sheet

Изучаването на CSS грид може да бъде доста смущаващо, когато става въпрос за редица нови свойства, нова мерна единица, както и почти пълна нова парадигма за изграждане на уеб оформление. Този инструмент, както подсказва името, е да ви помогне Стъпвайте краката си с CSS грид.

Workbox

Workbox е a нова инициатива на Google за изграждане на Progressive Web App (PWA). Това е подобно на Yeoman или Създаване на App React по начин, по който можете да получите всичко и готови в един команден ред.

MAVO

Mavo е нов проект с отворен код от Lea Verou. Това е библиотека, която се превръща в гола HTML маркировка и няколко персонализирани атрибути във функциониращо уеб приложение. Mavo по-лесно да се следват в сравнение с другите библиотеки като Backbone, Vue.js или React, както позволява по-малко технологично подготвени потребители за изграждане на уеб приложение бързо и лесно.

UI на материала

Simlar към Muse UI, това е a UI рамка, базирана на Meterial Design език. Това обаче е изградено с помощта на React. Сега е според вашите предпочитания; ако сте с отбор Vue.js или отбор Реакция.

Мързел образ

Мързел образ е потребителски HTML елемент за зареждане на изображението при поискване. Този елемент на поръчката осигурява допълнително .активен обект в обекта на елемента, който можете използвайте за задействане на изображението, което да се зареди при всяко събитие или взаимодействие с потребителя както трябва.

Mac CLI

Това е чудесен инструмент управлявайте своя MacOS през терминал. Просто напишете Mac актуализация да актуализирате MacOS. Или въведете Mac презентация което ще подготви вашия Mac (минимизиране на всички приложения, затваряне на браузъри, изпращане на файлове от работния плот и да се изтеглят в кошчето и да се настрои да не нарушават режима), преди да изнесат презентация. Колко хладно е това!

Съхраняване на вас

KeepingYouAwake е помощна програма за MacOS предотвратите влизането на Mac в режим на заспиване за определена продължителност или докато е активирана. Можете да инсталирате това приложение с помощта на Homebrew.

JSON емисия

Най-накрая! Това е стандартна спецификация за доставяне на информационни канали в JSON формат. Вече има WordPress pluginhre> построен за изпълнението. Това ще улесни живота на уеб разработчиците. Нека просто кажете сбогом на XML.

въглероден

Накратко, Carbon е Moment.js на PHP. Това е PHP библиотека за генериране и манипулирайте низове за дата и време.

SpeedRacer

още инструмент за тест за производителност. Докато K6 ще изпълнява тестери за натоварване, като изпраща Virutal Users за симулиране на посещения и трафик, SpeedRacer ще оценява ефективността на визуализацията на страницата в браузъра. SpeedRacer може да бъде добър спътник на K6.