Svježi resursi za web-dizajnere i razvojne programere (ožujak 2017.) T

S CLI (sučelje naredbenog retka) možemo pojednostaviti i automatizirati radne procese izrade weba. I zbog toga smo u ovom izdanju uključili dosta sjajnih CLI-ova koje možete instalirati na lokalno računalo ili pokrenuti neke stvari na poslužitelju. Povrh toga, uključili smo i nekoliko PHP alati, dodaci preglednicima i JavaScript knjižnice. Provjerimo ih.

Kliknite za više resursa

Pronađite cjelokupnu zbirku preporučenih resursa i najbolje dostupne alate za web dizajn i razvoj.

Guetzli

Novi koder od Googlea omogućuje komprimiranje slike do 35% od početne veličine zadržavajući kvalitetu. To je prilično proboj s obzirom da slični koderi otvorenog koda, kao što su JPEGOptim i jpegtran ograničene su na samo 20% u prosjeku. Vidim da će biti mnogo aplikacija i dodataka za CMS platformu koja integrira Guetzli za optimizaciju JPEG datoteka.

Mapa za razvojne programere

Kao što naziv implicira, programski program za razvojne programere je infografike putovanja Web Developera. Postoje tri tečaja Front-end, Back-end i DevOps. Ove smjernice su poput, pa, karte; i predstavljaju veliku referencu za vidjeti gdje smo trenutno, što smo možda propustili i kamo idemo dalje.

Netlify CMS

SmashingMagazine je nedavno napravio podebljano premjestiti u jarak WordPress i isprobajte nešto potpuno novo s novim CMS-om nazvanim Netlify CMS. To je novi CMS izgrađen na vrhu React.js i može biti integriran s bilo kojim statičkim generatorom, kao što su Jekyll, Hugo i MiddleMan.

BadSSL

To je za provjeru konfiguracije SSL-a. BadSSL je zgodan alat za izvo enje pogrešaka i pogrešaka preko SSL-a instaliranih na vašoj web-lokaciji.

Alix

Alix je a Chromeovo proširenje koje vam omogućuje da pregledate dostupnost svoje web-lokacije. Jednom instaliran i omogućen, dodatak će dodati višeslojni okvir na više elemenata na stranici koji predstavljaju upozorenje ili pogreške.

AR.js

AR.js je JavaScript knjižnice za razliku od ostalih. Ova nam knjižnica omogućuje stvaranje proširene stvarnosti pomoću web tehnologije i iznenađujuće brzo radi na mobilnim telefonima.

Reagiraj Trend

To je reagirati komponenta iz Unsplash stvoriti lijepu Line chart obično za prikazivanje trendova. Komponenta se može konfigurirati; možete postaviti debljinu linije, boju, gradijente i glatkoću krivulje. Možete jednostavno koristiti GUI prikladno generirati kod komponente.

Gitee

MacOS aplikacija za praćenje vaše Github aktivnosti izravno s radne površine, Gitee dodaje novu stavku na statusnu traku koja prikazuje broj zvjezdica, sljedbenika i obavijesti. Osim toga, možete također pregledajte grafikone svog push-a i počinite u spremištu kao i spremištu trendova na trenutni mjesec i tjedan. To je Github na radnoj površini.

Goops

Goops je a zgodan CLI koji će analizirati vaš direktorij projekta i odrediti direktorije i datoteke koje želite dodati u .gitignore. CLI se može instalirati preko NPM-a. Jednom instaliran, upišite goops i učinio.

Debug CSS

DebugCSS je a CSS drop-in uslužni program koji vam omogućuje analizu i provjeru vašeg CSS izlaza na pregledniku. Djeluje vrlo slično Alixu, kada učitavate debugCSS stilsku tablicu ili koristite bookmarklet ističe elemente na stranici koji predstavljaju pogreške ili upozorenja.

EagleJS

EagleJS je a JavaScript biblioteka za izradu prezentacije slično kao RevealJS. EagleJS se na neki način razlikuje; Izrađena je pomoću Vue.js, JavaScript MVC okvira i koristi Pug kao templating sustav za izgradnju slajda.

BootstrapTour

JavaScript knjižnica za izradu pop-up vodiča pomoću Bootstrap komponente. Popup vodiči obično se pojavljuju za novog korisnika da ih prođe kroz sučelje aplikacije, nove značajke i za prikaz savjeta. To je savršena knjižnica ako je vaša web-lokacija izgrađena s Bootstrap-om.

Cigla

Brick je JavaScript biblioteka dizajnirana za izradu korisničkog sučelja web aplikacija. Naći ćete neke uobičajene kao što su kalendar, izbornik i obrazac u paketu komponenti, ona također dolazi s "Skladište-IndexedDB" komponenta koja vam omogućuje pohraniti podatke na strani klijenta pomoću IndexedDB.

OctoTree

OctoTree je lijep alat koji omogućuje pregledavanje izvornih kodova i datoteka na Github-u sa Tree strukturom kao u IDE-u ili kod urednika. Dolazi kao dodatak za Chrome, Safari, Firefox i Opera, a dostupan je i na njihovom službenom spremištu dodataka. Octotree podržava privatno i Enterprise Github spremište.

Github Obavijest

Još jedno korisno Github proširenje za Chrome. Nakon instalacije moći ćete primati obavijesti čak i ako trenutno niste na Github stranicama. Izvrstan dodatak ako želite ostati u petlji s vašim spremištima.

Deployer

Deployer je alat za implementaciju vaših PHP web stranica. Radi s brojnim popularnim okvirima i platformama, uključujući WordPress, Drupal, Magento, Laravel i CodeIgniter. Pomoću ovog alata možete sastaviti vlastite recepte, dio naredbe za pokretanje tijekom implementacije. Dolazi s povrat na staro značajka koja vam omogućuje povratak na prethodnu verziju u slučaju kvarova.

PHPStan

CLI koji skenira PHP datoteke kako bi pronašao pogreške bez izvođenja. To znači da ne trebate puno okruženje PHP-a za ispravljanje PHP datoteka na vašem projektu.

NGINX Boilerplate

Zbirka uobičajenih Nginx konfiguracija koje uključuju Backend Caching, ograničenje brzine povezivanja i zahtjeva, te neke druge najbolje prakse za povećanje vaše stranice za brzinu i podešavanje za prometnu gužvu.

Šampanjac

Bubbly je izvrsna naredbena linija koju možete instalirati na poslužitelj za generiranje, upravljanje i obnavljanje certifikata pomoću programa Encrypt. Doping SSL sada postaje mnogo lakši.

Mreža vafla

Ipak, još jedan CSS grid okvir izgrađen s Flexboxom koji mislim da biste trebali pogledati.