Uued ressursid veebidisaineritele ja arendajatele (märts 2017)

CLI (Command Line Interface) abil suudame veebiarenduse töövoogude ühtlustamine ja automatiseerimine. Ja sellepärast oleme selles järelmaksus lisanud arvukalt hämmastavaid CLI-sid, mida saate oma kohalikku arvutisse installida või mõningaid asju serveris käivitada. Lisaks oleme lisanud ka mõned PHP tööriistad, brauseri lisandmoodulid ja JavaScripti raamatukogud. Vaatame need välja.

Klõpsake rohkem ressursse

Leia kogu meie soovitatud ressursside kogu ja parimad veebidisaini ja arendustööriistad.

Guetzli

Google'i uus kodeerija võimaldab kompresseerida kujutist kuni 35% võrra algsest suurusest, säilitades samal ajal kvaliteedi. See on üsna läbimurre, kuna sarnased avatud lähtekoodiga kodeerijad, näiteks JPEGOptim ja jpegtran on kuni 20% keskmisest. Näen, et CMS-platvormi integreerimiseks on mitmeid rakendusi ja pluginaid, mis integreerivad Guetzli, et optimeerida JPEG-faile.

Arendaja tegevuskava

Nagu nimigi ütleb, on arendaja teekaart veebiarendaja teekonna infograafia. Seal on kolm kursust: Front-end, Back-end ja DevOps. Need teekaardid on nagu kaart; ja on suurepärane viide kus me praegu oleme, mida me võisime mööda minna ja kuhu me läheme.

Tühista CMS

SmashingMagazine on hiljuti teinud a julge samm kraavi WordPress ja proovige midagi uut täiesti uue CMS-iga, mida nimetatakse Netlify CMS. See on uus CMS, mis on ehitatud React.js'i peale ja võib olla integreeritud mis tahes staatilise saidigeneraatoriga nagu Jekyll, Hugo ja MiddleMan.

BadSSL

See on oma SSL-i konfiguratsiooni kontrollimiseks. BadSSL on mugav tööriist, mis võimaldab siluda ja vigu üle teie saidile installitud SSL-i.

Alix

Alix on a Chrome'i laiendus, mis võimaldab teil oma veebisaidi juurdepääsetavust kontrollida. Kui installitud ja sisse lülitatud, lisab plugin lehekülje paljude elementide peale kattekasti mis tekitavad hoiatusi või vigu.

AR.js

AR.js on JavaScripti raamatukogud erinevalt teistest. See raamatukogu võimaldab meil luua laiendatud reaalsust veebitehnoloogia abil ja üllatavalt jookseb mobiiltelefonidel tõesti kiiresti.

Reageeri Trend

See on reageerige Unsplashi komponendist, et luua suundumuste näitamiseks tüüpiline jooniskaart. Komponent on seadistatav; saate määrata joone paksuse, värvi, kalded ja kõvera sileduse. Võite lihtsalt kasutada GUI-d mugavalt genereerida komponendi kood.

Gitee

A MacOS-rakendus, et jälgida oma Githubi tegevust otse töölaual, Gitee lisab olekuribale uue elemendi, mis näitab tähtede, järgijate ja teate arvu. Lisaks saate ka vaadake oma push-kaarte ja kohustub hoidlat, samuti trendi hoidlat praegusel kuul ja nädalal. See on Github Desktopis lühidalt.

Goops

Goops on a mugav CLI, mis analüüsib teie projekti kataloogi ning määrake kaustadesse lisatavad kataloogid ja failid .gitignore. CLI saab paigaldada NPM-i kaudu. Pärast installimist tippige goops ja tehtud.

Silumine CSS

DebugCSS on a CSS drop-in utiliit, mis võimaldab teil analüüsida ja kinnitada oma CSS väljundit brauseris. See töötab üsna sarnaselt Alix'iga, kui laadite debugCSS-i stiili või kasutate järjehoidjat tõstab esile lehekülje elemendid, mis tekitavad vigu või hoiatusi.

EagleJS

EagleJS on a JavaScripti raamatukogu esitluse loomiseks sarnane RevealJS-iga. EagleJS on mõnes mõttes erinev; see on ehitatud Vue.js-i, JavaScripti MVC raamistiku abil ja kasutage mopsit slaidi loomiseks mallimissüsteemina.

BootstrapTour

A JavaScripti raamatukogu, et luua hüpikjuhiseid Bootstrap komponendi abil. Uute kasutajate jaoks ilmuvad hüpikaknad tavaliselt nende rakenduste liidese, uute funktsioonide ja näpunäidete kuvamiseks. See on ideaalne raamatukogu, kui teie sait on ehitatud ka Bootstrapiga.

Brick

Brick on JavaScripti raamatukogu, mis on loodud veebirakenduse kasutajaliidese loomiseks. Komplektide seas on mõned tavalised, näiteks kalender, menüü ja vorm, samuti kaasas "storage-indexeddb" komponent salvestada andmeid kliendipoole kasutades IndexedDB abil.

OctoTree

OctoTree on kena utiliit, mis võimaldab sirvida Githubi lähtekoode ja -faile puustruktuuriga nagu IDE-des või koodiredaktorites. See on Chrome'i, Safari, Firefoxi ja Opera lisandmoodul ning saadaval nende ametlikul lisahoidlal. Octotree toetab era- ja ettevõtte Githubi hoidlat.

Githubi teatis

Teine kasulik Githubi laiendus Chrome'ile. Kui olete installinud, saate teate ka siis, kui te ei ole praegu Githubi lehekülgedel. Suur plugin, kui soovite oma hoidlates silmus hoida.

Deployer

Deployer on teie PHP veebisaitide juurutamise vahend. See töötab koos paljude populaarsete raamistike ja platvormidega, sealhulgas WordPress, Drupal, Magento, Laravel ja CodeIgniter. Selle tööriistaga saate koostada oma retsepte, käsku, mis käivitatakse kasutuselevõtu ajal. Kaasas Tagasivõtmine funktsioon, mis võimaldab teil ebaõnnestumise korral tagasi minna eelmise versiooni juurde.

PHPStan

CLI, mis skaneerib PHP-faile, et leida vigu ilma käivitamiseta. See tähendab, et teie projekti PHP failide silumiseks ei ole vaja täispakkide PHP keskkonda.

NGINX katla plaat

Kogumik tavalisi Nginxi konfiguratsioone, mis sisaldavad taustaprogrammi vahemälu, ühendust ja taotluste määra piirangut ning mõnda muud parimat tava, et suurendada saidi kiirust ja häälestada seda liikluse kiirendamiseks.

Bubbly

Bubbly on suurepärane käsurida, mida saate oma serverisse installida sertifikaadi genereerimiseks, haldamiseks ja uuendamiseks. Doplying SSL on nüüd nii palju lihtsam.

Waffle Grid

Veel üks CSS ruudukujuline raamistik, mis on ehitatud Flexboxiga, mida ma arvan, et peaksite uurima.