Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2017 m. Kovo mėn.)

Su CLI (komandų eilutės sąsaja) mes galime supaprastinti ir automatizuoti žiniatinklio kūrimo procesus. Štai kodėl šioje įmokoje mes įtraukėme nemažai nuostabių CLI, kuriuos galite įdiegti savo vietiniame kompiuteryje arba paleisti tam tikrus dalykus serveryje. Be to, mes taip pat įtraukėme keletą PHP įrankiai, naršyklės priedai ir „JavaScript“ bibliotekos. Patikrinkime juos.

Spustelėkite Daugiau išteklių

Spustelėkite Daugiau išteklių

Raskite visą mūsų rekomenduojamų išteklių rinkinį ir geriausias žiniatinklio dizaino ir kūrimo priemones.

Guetzli

Naujas „Google“ koduotojas leidžia suspausti vaizdą iki 35% nuo pradinio dydžio išlaikant kokybę. Tai gana didelis laimėjimas, nes panašūs atviro kodo koduotojai, pvz „JPEGOptim“ ir „jpegtran“ vidurkis yra tik 20%. Matau, kad CMS platformai bus įdiegta daug programų ir įskiepių, integruojančių „Guetzli“, kad būtų optimizuoti JPEG failai.

Kūrėjo veiksmų planas

Kaip rodo pavadinimas, kūrėjo veiksmų planas yra žiniatinklio kūrėjo kelionės kelionės infografija. Yra trys kursai Front-end, Back-end ir DevOps. Šie planai yra panašūs į žemėlapį; ir yra puiki nuoroda kur mes šiuo metu esame, ką galėjome praleisti ir kur mes einame toliau.

Nenaudokite CMS

SmashingMagazine neseniai padarė drąsus žingsnis į griovį WordPress ir bandykite ką nors naujo su nauja CMS, vadinamą Netlify CMS. Tai nauja CMS, pastatyta ant React.js ir gali būti integruota su bet kokiu statiniu svetainės generatoriumi, pavyzdžiui, Jekyll, Hugo ir MiddleMan.

BadSSL

Tai yra patikrinti savo SSL konfigūraciją. „BadSSL“ yra patogus įrankis, leidžiantis atlikti derinimą ir klaidas per SSL, įdiegtą jūsų svetainėje.

Alix

Alix yra a „Chrome“ plėtinys, leidžiantis patikrinti svetainės prieinamumą. Įdiegus ir įjungus, įskiepiai pridės viršelio dėžutę virš tam tikrų puslapio elementų kurie kelia įspėjimą ar klaidas.

AR.js

AR.js yra „JavaScript“ bibliotekos skiriasi nuo kitų. Ši biblioteka leidžia sukurti išplėstinę tikrovę naudojant interneto technologijas ir stebėtinai veikia labai greitai mobiliuosiuose telefonuose.

Reaguoti tendenciją

Tai yra reaguoti į „Unsplash“ komponentą, jei norite sukurti gražią „Line“ diagramą, rodančią tendencijas. Komponentas yra konfigūruojamas; galite nustatyti linijos storį, spalvą, gradientus ir kreivės lygumą. Jūs galite tiesiog naudoti GUI patogiai sukurti komponento kodą.

Gitee

A „MacOS“ programa, skirta stebėti „Github“ veiklą tiesiai iš darbalaukio, Gitee prideda naują elementą būsenos juostoje, nurodydamas žvaigždžių, pasekėjų ir pranešimo skaičių. Be to, galite taip pat peržiūrėkite savo stūmimo diagramas ir įsipareigojate laikyti saugyklą bei tendenciją saugyklą einamąjį mėnesį ir savaitę. Trumpai tariant, tai yra „Github“ darbalaukyje.

Goops

Goops yra a patogus CLI, kuris analizuos jūsų projekto katalogą ir nustatyti katalogus ir failus, kuriuos norite pridėti .gitignore. CLI galima įdiegti per NPM. Įdiegę įveskite goops ir padaryta.

Debug CSS

DebugCSS yra a CSS drop-in programa, kuri leidžia analizuoti ir patvirtinti jūsų CSS išvestį naršyklėje. Jis veikia gana panašiai kaip ir „Alix“, kai įkeliate debugCSS stilių lentelę arba naudojate „bookmarklet“ pabrėžia puslapio elementus, kurie kelia klaidų ar įspėjimų.

EagleJS

EagleJS yra a „JavaScript“ biblioteka sukuria pristatymą panašus į RevealJS. EagleJS tam tikrais būdais skiriasi; ji sukurta naudojant „Vue.js“, „JavaScript“ MVC sistemą ir naudokite „Pug“ kaip šabloną sukurianti sistema.

BootstrapTour

A „JavaScript“ biblioteka gali sukurti „pop-up“ vadovus naudojant „Bootstrap“ komponentą. Paleidžiantys vadovai paprastai rodomi naujam vartotojui, kad galėtumėte juos peržiūrėti per taikomąją sąsają, naujas funkcijas ir patarimus. Tai puiki biblioteka, jei jūsų svetainė taip pat yra sukurta naudojant „Bootstrap“.

Mūrinis

Mūrinis yra „JavaScript“ biblioteka, skirta kurti interneto taikomąją programą. Jūs rasite keletą bendrų, pavyzdžiui, kalendoriaus, meniu ir formos, tarp sudedamųjų komponentų „saugojimo indeksas“ komponentas, kad galėtumėte saugokite duomenis kliento pusėje naudojant „IndexedDB“.

OctoTree

„OctoTree“ yra gražus įrankis, leidžiantis naršyti šaltinio kodus ir failus „Github“ su medžio struktūra kaip IDE ar kodo redaktoriuose. Jis ateina kaip „Chrome“, „Safari“, „Firefox“ ir „Opera“ priedas ir yra prieinamas jų oficialioje saugykloje. „Octotree“ palaiko „Private“ ir „Enterprise Github“ saugyklą.

„Github“ pranešimas

Kitas naudingas „Chrome“ „Github“ plėtinys. Įdiegę galėsite gauti pranešimą, net jei šiuo metu nesate „Github“ puslapiuose. Puikus papildinys, jei norite pasilikti linijoje su savo saugyklomis.

Deployer

„Deployer“ yra įrankis, skirtas jūsų PHP svetainėms diegti. Jis veikia su daugeliu populiarių sistemų ir platformų, įskaitant WordPress, Drupal, Magento, Laravel ir CodeIgniter. Naudodami šį įrankį galite kurti savo receptus, komandą, kurią norite paleisti diegimo metu. Jis ateina su Grąžinimas funkcija, leidžianti sugrįžti į ankstesnę versiją gedimų atveju.

PHPStan

CLI, kad būtų galima nuskaityti PHP failus, kad būtų galima rasti klaidų, nevykdant vykdymo laiko. Tai reiškia, kad jums nereikia pilno „PHP“ aplinkos, kad galėtumėte pašalinti savo projekto PHP failus.

NGINX katilinė

Paprastų „Nginx“ konfigūracijų rinkinys, apimantis „Backend“ talpyklą, ryšį ir užklausų normos ribą, ir kai kurias kitas geriausias praktikas, kad padidintumėte savo svetainę greičiui ir sureguliuoti srautą..

Bubbly

Bubbly yra puiki komandų eilutė, kurią galite įdiegti į savo serverį, kad generuotumėte, valdytumėte ir atnaujintumėte sertifikatą „Leiskite šifruoti“. Doplying SSL dabar tampa daug lengviau.

Vaflinis tinklelis

Tačiau dar vienas „CSS“ tinklelis, pastatytas su „Flexbox“, kad, manau, turėtumėte apsvarstyti.