Sveži viri za spletne oblikovalce in razvijalce (marec 2017)

Z CLI (vmesnik ukazne vrstice) lahko poenostaviti in avtomatizirati delovne tokove spletnega razvoja. In zato smo v tem obroku vključili kar precej odličnih CLI-jev, ki jih lahko namestite na vaš lokalni računalnik ali zaženete nekaj stvari na strežniku. Poleg tega smo vključili tudi nekaj Orodja PHP, dodatki brskalnika in knjižnice JavaScript. Poglejmo jih.

Kliknite za več virov

Poiščite celotno zbirko priporočenih virov in najboljše razpoložljivo spletno oblikovanje in razvojna orodja.

Guetzli

Nov kodirnik od Googla omogoča stiskanje slike za do 35% od začetne velikosti ob ohranjanju kakovosti. To je precej preboj, saj so podobni odprtokodni kodirniki, kot npr JPEGOptim in jpegtran so omejeni na samo 20% na povprečju. Vidim, da bo za CMS platformo, ki integrira Guetzli za optimizacijo datotek JPEG, veliko aplikacij in vtičnikov..

Načrt za razvijalce

Kot že ime pove, je program za razvijalce infografika potovanja kot razvijalec spletnih strani. Obstajajo trije predmeti Front-end, Back-end in DevOps. Ti načrti so kot, na primer, zemljevid; in so odlična referenca za prikaz kjer smo trenutno, kaj smo morda zamudili in kam gremo naprej.

Netlify CMS

SmashingMagazine je pred kratkim naredil krepko premakniti v jarku WordPress in poskusite nekaj novega v celoti z novim CMS, imenovanim Netlify CMS. To je nov CMS, zgrajen na vrhu React.js in je lahko integriran z vsemi statičnimi generatorji mest, kot so Jekyll, Hugo in MiddleMan.

BadSSL

Je preverite konfiguracijo SSL. BadSSL je priročno orodje za odpravljanje napak in napak nad SSL, nameščenih na vašem spletnem mestu.

Alix

Alix je a Razširitev za Chrome, ki vam omogoča preverjanje dostopnosti vaše spletne strani. Ko ga namestite in omogočite, bo dodal prekrivno polje na več elementov na strani ki predstavljajo opozorilo ali napake.

AR.js

AR.js je JavaScript knjižnice za razliko od drugih. Ta knjižnica nam omogoča ustvarjanje razširjene resničnosti z uporabo spletne tehnologije in presenetljivo teče zelo hitro na mobilnih telefonih.

Reagirajte Trend

Je reagira komponento iz Unsplash ustvariti lep line graf ponavadi za prikaz trendov. Komponenta je nastavljiva; lahko nastavite debelino črte, barvo, prelome in gladkost krivulje. Lahko preprosto uporabite GUI Ustvarite kodo komponente.

Gitee

A MacOS aplikacija za spremljanje vaše dejavnosti Github neposredno z namizja, Gitee doda nov element v vrstico stanja, ki prikazuje število zvezdic, spremljevalcev in obvestil. Poleg tega lahko tudi si oglejte grafikone vašega pritiska in se zavežejo v skladišču in skladišču trendov na trenutni mesec in teden. To je Github na namizju na kratko.

Goops

Goops je a priročen CLI, ki bo analiziral vaš imenik projekta in določite imenike in datoteke, ki jih želite dodati v .gitignore. CLI lahko namestite preko NPM. Ko je nameščen, vnesite goops in končano.

Odpravljanje napak CSS

DebugCSS je a CSS drop-in pripomoček, ki vam omogoča analizo in potrditev izhoda CSS v brskalniku. Deluje precej podobno Alixu, ko naložite slogovno različico debugCSS ali uporabite zaznamek poudarja elemente na strani, ki predstavljajo napake ali opozorila.

EagleJS

EagleJS je a JavaScript knjižnica za ustvarjanje predstavitve podobno kot RevealJS. EagleJS se v nekaterih pogledih razlikuje; je zgrajen z uporabo Vue.js, okvirja JavaScript MVC in uporablja Pug kot templating sistem za gradnjo drsnika.

BootstrapTour

A JavaScript knjižnica za izdelavo pop-up vodnikov z uporabo komponente Bootstrap. Pojavna obvestila se ponavadi pojavijo za novega uporabnika, ki jih prehaja skozi aplikacijski vmesnik, nove funkcije in za prikaz nasvetov. To je popolna knjižnica, če je vaše spletno mesto zgrajeno tudi s programom Bootstrap.

Brick

Brick je Knjižnica JavaScript je zasnovana za izdelavo uporabniškega vmesnika spletne aplikacije. Boste našli nekaj skupnih, kot so koledar, meni in obrazec v paketu komponent, prav tako prihaja z "storage-indexeddb" komponento, ki vam omogoča shranjevanje podatkov na strani odjemalca z uporabo IndexedDB.

Oktober

OctoTree je prijeten pripomoček, ki omogoča pregledovanje izvornih kod in datotek na Githubu z drevesno strukturo kot v IDE ali kodnih urejevalnikih. Na voljo je kot dodatek za Chrome, Safari, Firefox in Opera ter na voljo v njihovem uradnem skladišču dodatkov. Octotree podpira zasebno in Enterprise Github skladišče.

Github Obvestilo

Še eno koristno Github razširitev za Chrome. Ko ga namestite, boste lahko prejeli obvestilo, tudi če trenutno niste na Githubovih straneh. Odličen vtičnik, če želite ostati v zanki z vašimi skladišči.

Deployer

Deployer je orodje za uvajanje vaših PHP strani. Deluje s številnimi priljubljenimi ogrodji in platformami, kot so WordPress, Drupal, Magento, Laravel in CodeIgniter. S tem orodjem lahko sestavljate svoje recepte, ki so del ukaza med uvajanjem. Prihaja z Povrnitev funkcija, ki vam omogoča, da se v primeru napak vrnete na prejšnjo različico.

PHPStan

CLI, ki skenira datoteke PHP in poišče napake brez izvajanja izvajalnega okolja. To pomeni, da ne potrebujete celotnega okolja PHP za razhroščevanje PHP datotek v vašem projektu.

NGINX Boilerplate

Zbirka običajnih konfiguracij Nginx, ki vključujejo Backend Caching, omejitev hitrosti povezave in zahtevkov ter nekatere druge najboljše prakse za povečanje hitrosti vašega spletnega mesta in prilagoditev za prometno hitrost.

Bubbly

Bubbly je odlična ukazna vrstica, ki jo lahko namestite na strežnik za ustvarjanje, upravljanje in obnovitev potrdila z orodjem Let's Encrypt. Doping SSL postaja zdaj veliko lažji.

Vafeljska mreža

Vendar pa je še en ogrodje CSS mreže, zgrajeno s Flexboxom, za katerega mislim, da bi ga morali preučiti.