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

Ние се приближаваме към края на 2016 г. и това е една вълнуваща година за много хора, включително уеб разработчиците. Тази година, Популярността на ReactJS нараства експоненциално, излиза ново разширение ReactJS и е в списъка на Репозиториите на Github (почти) всяка седмица.

PHP7 също се издава тази година което предлага значително подобрение на скоростта, както и освобождаването на WordPress 4.7 с дългоочакваното WP-API функция Facebook също въведе пакет за прежда които могат да предизвикат НПМ.

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

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

За повече подробности за всеки от тези полезни издания, нека да разгледаме следния списък:

Фар

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

FuseJS

Fuzzy-search е вид завършване на търсенето, където той връща брой възможности, дори ако не съвпада точно с аргументите за търсене. Например, ако търсите „до“, резултатът може да се върне да направя, робот, и крак. Това е популярно търсене в днешните уеб приложения. FuseJS е a лека JavaScript библиотека което ви позволява лесно да го приложите на уебсайта си.

Пакет за прежди

Преждата е Мениджърът на Node пакет, изграден от Facebook. По същество той се представя подобно на NPM, макар и с напредък в няколко области като скорости, „офлайн режим“, който ви позволява да инсталирате пакетите без да се свързвате с интернет, както и сигурност и надеждност.

Меню Кеш

Удобен WordPress плъгин да кеширате WordPress Меню използване на API Transient за подобряване на скоростта на заявките за базата данни. Плъгинът се доставя с няколко филтъра за персонализирайте периода на кеширане и изпълнява други неща. Може да се инсталира с помощта на Composer или като редовен WordPress плъгин.

Githunt

Githunt е разширение на Google Chrome, което заменя началната страница на Chrome с хранилището за тенденции в Github. Можете да сортирате резултата на базата на периода и езика за програмиране. Мисля, че е, помощна програма, която трябва да инсталирате за всеки разработчик да бъде актуализиран с най-блестящите инструменти наоколо.

FFocus

Не можете да се съсредоточите върху работата си и искате бързо да си свършите работата? Опитайте FFocus. то е CLI, която ви позволява да блокирате уебсайт за определена продължителност през терминала. FFocus може да бъде инсталиран чрез НПМ чрез пускане на npm i ffocus -g команда.

Accesslint

AccesslintJS е a Библиотека на JavaScript за потвърждаване на уебсайта ви за достъпност. Използването на тази библиотека е толкова лесно, колкото и зареждането преди и ще получите всички предупреждения и грешки точно в DevTools Console.

правдоподобен

Оцветява се a удобно уеб приложение която ви позволява да генерирате цветова комбинация, която отговаря на указанията на WCAG, и също така прави уебсайта ви достъпни за потребители със зрителни увреждания като цветна слепота.

Micon

Миконът е a икона на шрифта на избрани пиктограми на Microsoft Windows 10. Това може да бъде голяма подмяна на FontAwesome което мисля, че вече е прекалено използвано.

CSS Reference

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

Местно с маховик

Това е GUI приложение, което прави създаването на местен WordPress сайт във вашия MacOS толкова лесно. Приложението е претъпкано с големи помощни програми за разработчици, като например; “Едно кликване” Инсталиране на WordPress, SSH достъп, лесна SSL настройка, проект на сайта и XIP.io. Приложението е на цена от около 149USD, но е сега се дава безплатно, откакто придобити от маховик.

FreeCodeCamp

Това е безплатен ресурс за изучаване на код за мрежата. Темите включват HTML, CSS, JavaScript и a няколко библиотеки като ReactJS и D3. Осигурява предизвикателства или примери за проекти докато приемате курсовете, както и уроци ще ви помогне да разберете по-добре предмета.

Шрифт на OverPass

Шрифтът OverPass е семейство от шрифтове, състоящо се от осем тежести (200-900), истински курсив и моноспектър. Шрифтът може да се зареди като уеб шрифт от KeyCDN, както и инсталиран за работа с Desktop. Той е свободен и с отворен код.

Форма База

Базовата форма е а набор от правила за стил на CSS които възстановяват елементите на формата, които включват вход, отметка, изберете, и текстово поле с основни, но красиви стилове. Тази библиотека на CSS е добра използвайте заедно с друг “CSS resetter” като Normalize.css.

FrontEnd

това е рамка, която се използва за изграждане на 24ways.org; голям ресурс които можете да разгледате да научите напреднали CSS техники.

победа

ReactJS се увеличава и с това идва голям брой разширения за поддръжка. Победата е ReactJS компонент да добавите интеркативни и графики или визуализация на данни.

ад

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

предупреждавам

Permonish е библиотека, която е в състояние да предсказване на следващото взаимодействие на потребителите. Това ще ви позволи подгответе потребителския интерфейс (UI) по-съвършено преди действителния потребител да взаимодейства с вашия уебсайт.

SPA Starter Kit

Това е пример за SPA (Single Page Application), изграден с Laravel и VueJS. Още е друг голям ресурс за изучаване на уеб разработки с помощта на рамки - погледнете източника Лука!

Docute

Docute е Библиотека на JavaScript за създаване на документация за една страница. Той се захранва с VueJS и се доставя с редица помощни програми за Node, които ви позволяват създайте и стартирайте документацията си бързо.