Čerstvé zdroje pre tvorcov webových stránok a vývojárov (marec 2017)

S rozhraním CLI (Command Line Interface) sme schopní zjednodušiť a automatizovať pracovné postupy vývoja webu. A práve preto sme v tejto splátke zahrnuli pomerne veľa úžasných CLI, ktoré môžete nainštalovať na váš lokálny počítač alebo spustiť nejaké veci na serveri. Okrem toho sme zaradili aj niekoľko PHP nástroje, doplnky prehliadača a knižnice JavaScriptu. Pozrime sa na to.

Kliknite na položku Ďalšie zdroje

Nájdite našu celú zbierku odporúčaných zdrojov a najlepšie dostupné nástroje na návrh a vývoj webových aplikácií.

Guetzli

Nový kódovač od spoločnosti Google umožňuje komprimovať obraz až o 35% od pôvodnej veľkosti pri zachovaní kvality. Je to docela prielom, pretože podobné kódy open source, ako napr JPEGOptim a jpegtran sú obmedzené len na 20% v priemere. Vidím, že pre platformu CMS, ktorá integruje spoločnosť Guetzli, bude k dispozícii množstvo aplikácií a doplnkov na optimalizáciu súborov JPEG.

Plán pre vývojárov

Ako naznačuje názov, plán pre vývojárov je infographic o ceste byť webovým vývojárom. K dispozícii sú tri kurzy Front-end, Back-end a DevOps. Tieto cestovné mapy sú ako mapa; a sú skvelou referenciou kde sme v súčasnosti, čo sme mohli vynechať a kam ideme ďalej.

Netlify CMS

Spoločnosť SmashingMagazine nedávno odvážne prejsť na príkop WordPress a skúste niečo nové úplne s novým CMS s názvom Netlify CMS. Je to nový CMS postavený na vrchole React.js a môže byť integrovaný s akýmkoľvek generátorom statických stránok, ako sú Jekyll, Hugo a MiddleMan.

BadSSL

Je to na kontrolu vašej konfigurácie SSL. BadSSL je užitočný nástroj na vykonanie ladení a chýb v SSL nainštalovaných na vašich stránkach.

Alix

Alix je a Rozšírenie prehliadača Chrome, ktoré vám umožňuje kontrolovať dostupnosť vašich webových stránok. Po nainštalovaní a zapnutí bude plugin pridávať prekrývaciu škatuľu nad niekoľko prvkov na stránke ktoré predstavujú varovanie alebo chyby.

AR.js

AR.js je Knižnice JavaScript na rozdiel od ostatných. Táto knižnica nám umožňuje vytvárať rozšírenú realitu pomocou webovej technológie a prekvapivo beží na mobilných telefónoch veľmi rýchlo.

Reagujte na Trend

Je to reagovať na komponent od spoločnosti Unsplash, aby ste vytvorili krásny líniový graf typicky na zobrazovanie trendov. Komponent je konfigurovateľný; môžete nastaviť hrúbku, farbu, gradienty a plynulosť krivky. Môžete jednoducho použiť GUI pohodlne vygenerovať kód komponentu.

Gîte

aplikácia macOS na monitorovanie vašej aktivity Github priamo z počítača, Gitee pridáva novú položku do stavového panela, v ktorom sa zobrazujú čísla hviezd, sledovateľov a upozornenie. Okrem toho môžete tiež zobraziť grafy svojho stlačenia a zaväzuje sa k úložisku, ako aj k trendovému úložisku za aktuálny mesiac a týždeň. Je to Github na ploche v skratke.

GOOPS

Goops je a šikovný CLI, ktorý analyzuje váš adresár projektu a určiť adresáre a súbory, ktoré chcete pridať .gitignore. CLI môže byť inštalovaný cez NPM. Po inštalácii napíšte GOOPS a urobil.

Ladenie CSS

DebugCSS je a CSS drop-in nástroj, ktorý vám umožní analyzovať a overiť váš výstup CSS v prehliadači. Funguje to podobne ako Alix, keď načítaš debugCSS šablónu štýlov alebo použiješ bookmarklet zdôrazňuje prvky na stránke, ktoré predstavujú chyby alebo upozornenia.

EagleJS

EagleJS je a Knižnicu JavaScript vytvorte prezentáciu podobne ako RevealJS. EagleJS sa v niektorých smeroch líši; je postavená pomocou Vue.js, rámca JavaScript MVC a používa Pug ako templársky systém na vytvorenie snímku.

BootstrapTour

Knižnicu JavaScript na vytváranie pop-up sprievodcov pomocou komponentu Bootstrap. Sprievodcovia sa zvyčajne zobrazujú pre nových používateľov, ktorí ich chodia cez aplikačné rozhranie, nové funkcie a na zobrazovanie tipov. Je to dokonalá knižnica, ak je vaša stránka postavená aj s Bootstrap.

tehla

Tehla je JavaScriptová knižnica určená na vytvorenie používateľského rozhrania pre webové aplikácie. Nájdete tu niekoľko bežných, ako Kalendár, Menu a Formulár medzi dodávanými komponentmi. Dodáva sa tiež s "Skladovanie IndexedDB" ktorý vám umožní ukladať dáta na strane klienta pomocou IndexedDB.

OctoTree

OctoTree je pekný nástroj, ktorý umožňuje prehľadávať zdrojové kódy a súbory na Github so štruktúrou stromov ako v IDE alebo kódových editorech. Dodáva sa ako doplnok pre prehliadače Chrome, Safari, Firefox a Opera a je k dispozícii na oficiálnom úložisku doplnkov. Octotree podporuje súkromné a podnikové úložisko Github.

Oznámenie Github

Ďalšie užitočné rozšírenie Github pre prehliadač Chrome. Po nainštalovaní budete môcť dostávať upozornenie aj vtedy, keď momentálne nie ste na stránkach spoločnosti Github. Skvelý plugin, ak chcete zostať v slučke s vašimi repozitármi.

deployer

Deployer je nástroj na nasadenie vašich stránok PHP. Pracuje s množstvom populárnych rámcov a platforiem vrátane WordPress, Drupal, Magento, Laravel a CodeIgniter. Pomocou tohto nástroja môžete zostaviť vlastné recepty, ktoré sa majú spustiť počas nasadenia. Dodáva sa vrátenie ktoré vám umožnia vrátiť sa k predchádzajúcej verzii v prípade zlyhaní.

PHPStan

CLI, ktorý skenuje súbory PHP na vyhľadanie chýb bez vykonania runtime. To znamená, že nepotrebujete prostredie PHP s plným zásobníkom na ladenie súborov PHP vo vašom projekte.

NGINX Boilerplate

Zbierka bežných konfigurácií Nginx, ktorá zahŕňa Backend Caching, obmedzenie rýchlosti pripojenia a požiadaviek a niektoré ďalšie osvedčené postupy na zvýšenie rýchlosti vašej lokality a vyladenie pre dopravnú rýchlosť.

temperamentný

Bubbly je skvelý príkazový riadok, ktorý môžete na svojom serveri nainštalovať, aby ste mohli generovať, spravovať a obnovovať certifikáty pomocou funkcie Let's Encrypt. Doplňovacie SSL je teraz oveľa jednoduchšie.

Vaflova mriežka

Napriek tomu je ďalší rámec CSS grid vytvorený s Flexboxom, o ktorom by som sa mal pozrieť.