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

С CLI (интерфейс на командния ред) ние можем рационализиране и автоматизиране на работните потоци за уеб разработки. Ето защо в тази част сме включили доста страхотни CLI, които можете да инсталирате на локалния си компютър или да изпълните някои неща на сървъра. Освен това, включихме и няколко PHP инструменти, добавки за браузъри и библиотеки на JavaScript. Нека ги проверим.

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

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

Guetzli

Това е нов енкодер от Google позволява да компресирате изображението с до 35% от първоначалния размер, запазвайки качеството. Това е доста пробив, като се има предвид, че подобни кодери с отворен код, като например JPEGOptim и jpegtran са ограничени до 20% от средния размер. Виждам, че ще има редица приложения и приставки за CMS платформа, интегрираща Guetzli за оптимизиране на JPEG файлове.

Пътна карта за програмисти

Както подсказва името, пътната карта за разработчици е инфографиката на пътуването да бъде уеб разработчик. Има три курса Front-end, Back-end и DevOps. Тези пътни карти са като, добре, карта; и са чудесна отправна точка за разглеждане къде сме в момента, какво може да сме пропуснали и къде отиваме.

Netlify CMS

SmashingMagazine наскоро направи смели да се прехвърлите в WordPress и опитайте нещо ново изцяло с нова CMS, наречена Netlify CMS. Това е нова CMS, изградена върху React.js и може да бъде интегриран с всеки статичен генератор на сайтове като Jekyll, Hugo и MiddleMan.

BadSSL

Това е уебсайт, за да проверите конфигурацията на SSL. BadSSL е удобен инструмент за извършване на отстраняване на грешки и грешки в SSL, инсталиран на сайта Ви.

Alix

Аликс е a Разширение за Chrome, което ви позволява да проверите достъпността на уебсайта си. След като бъде инсталиран и активиран, приставката ще добави поле за наслагване върху няколко елемента на страницата които представляват предупреждение или грешки.

AR.js

AR.js е JavaScript библиотеки за разлика от останалите. Тази библиотека ни позволява да създаваме разширена реалност, използвайки уеб технология, и изненадващо работи много бързо на мобилни телефони.

Реагирайте тенденцията

Това е реагирайте компонент от Unsplash, за да създадете прекрасна Линейна диаграма, която обикновено показва тенденции. Компонентът се конфигурира; Можете да зададете дебелина на линията, цвят, градиенти и гладкост на кривата. Можете просто да използвате GUI удобно генерира компонентния код.

Gitee

А MacOS приложение за наблюдение на вашата Github дейност директно от вашия работен плот, Gitee добавя нов елемент в лентата на състоянието, показващ брой звезди, последователи и известия. Освен това можете също разгледайте диаграмите на вашия push и се ангажирате в хранилище, както и в хранилище за тенденции за текущия месец и седмица. Това е Github на работния плот накратко.

Goops

Goops е a удобен CLI, който ще анализира директорията на вашия проект и определят директориите и файловете, които да добавите в .gitignore. CLI може да се инсталира чрез NPM. Веднъж инсталиран, въведете goops и направено.

Отстраняване на грешки в CSS

DebugCSS е a CSS drop-in помощна програма, която ви позволява да анализирате и валидирате изхода на CSS в браузъра. Той работи доста подобно на Alix, когато заредите debugCSS стиловете или използвате bookmarklet подчертава елементите на страницата, които съдържат грешки или предупреждения.

EagleJS

EagleJS е a JavaScript библиотека за създаване на презентация подобно на RevealJS. EagleJS се различава по някакъв начин; той е изграден с помощта на Vue.js, JavaScript MVC рамка и използва Pug като система на шаблони за изграждане на слайда.

BootstrapTour

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

тухла

Тухла е библиотека на JavaScript, предназначена за изграждане на потребителски интерфейс за уеб приложения. Ще намерите някои често срещани такива като Календар, Меню и Форма сред включените в комплекта компоненти "Съхранение IndexedDB" компонент, за да ви позволи съхраняване на данни на клиентска страна с помощта на IndexedDB.

OctoTree

OctoTree е хубава програма, която позволява да преглеждате изходните кодове и файловете в Github с дървовидна структура, както в IDE, така и в редактори на кодове. Той идва като добавка за Chrome, Safari, Firefox и Opera и е достъпен в официалното им хранилище за добавки. Octotree поддържа частно и корпоративно хранилище Github.

Github Уведомление

Друго полезно разширение Github за Chrome. Веднъж инсталиран, ще можете да получавате известия, дори ако в момента не сте на Github страници. Чудесен плъгин, ако искате да останете в цикъла с хранилищата си.

Deployer

Deployer е инструмент за разполагане на вашите PHP сайтове. Той работи с редица популярни рамки и платформи, включително WordPress, Drupal, Magento, Laravel и CodeIgniter. С този инструмент можете да съставяте свои собствени рецепти, част от команда, която да се изпълнява по време на разполагането. Той идва с общо намаление на цените функция, която ви позволява да се върнете към предишната версия в случай на неизправности.

PHPStan

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

NGINX Boilerplate

Колекция от общи конфигурации на Nginx, които включват Backend Caching, ограничение на скоростта на връзките и заявките, както и някои други най-добри практики за повишаване на скоростта на сайта Ви и настройка за движение.

шампанско

Bubbly е чудесен команден ред, който можете да инсталирате на вашия сървър, за да генерирате, управлявате и подновявате сертификат с Let's Encrypt. Допинг SSL сега става много по-лесен.

Вафлена мрежа

И все пак, друга CSS мрежа, изградена с Flexbox, която мисля, че трябва да разгледате.