Resurse proaspete pentru designeri web și dezvoltatori (martie 2017)

Cu CLI (Command Line Interface), suntem capabili să eficientizarea și automatizarea fluxurilor de lucru pentru dezvoltarea web. De aceea, în această tranșă am inclus o mulțime de CLI minunate pe care le puteți instala pe computerul local sau pentru a rula anumite lucruri pe server. În plus, am inclus și câteva Instrumente PHP, add-on-uri de browser și biblioteci JavaScript. Să le verificăm.

Faceți clic pentru mai multe resurse

Găsiți întreaga noastră colecție de resurse recomandate și cele mai bune instrumente de dezvoltare și dezvoltare web disponibile.

Guetzli

Un nou codificator de la Google permite comprimarea imaginii în jos cu până la 35% din dimensiunea inițială, păstrând în același timp calitatea. Este un progres deosebit, dat fiind faptul că acești codificatori de sursă deschisă, cum ar fi JPEGOptim și jpegtran, sunt limitate la doar 20% pentru avarage. Pot vedea că vor exista o serie de aplicații și pluginuri pentru platforma CMS care integrează Guetzli pentru optimizarea fișierelor JPEG.

Foaie de parcurs pentru dezvoltatori

După cum sugerează și numele, foaia de parcurs pentru dezvoltatori este o infographic al călătoriei de a fi Web Developer. Există trei cursuri Front-end, Back-end și DevOps. Aceste foi de parcurs sunt ca o hartă; și sunt o mare referință pentru a vedea unde suntem în prezent, ceea ce am fi ratat și unde vom merge mai departe.

Netlify CMS

SmashingMagazine a făcut recent o se îndreaptă îndrăznea către WordPress și încercați ceva nou în întregime cu un nou CMS numit Netlify CMS. Este un nou CMS construit pe partea de sus a React.js și poate fi integrat cu orice generator de site-uri statice cum ar fi Jekyll, Hugo și MiddleMan.

BadSSL

E o pentru a verifica configurația SSL. BadSSL este un instrument util pentru a efectua depanare și erori asupra SSL instalate pe site-ul dvs..

Alix

Alix este a Extensie Chrome care vă permite să verificați accesibilitatea site-ului dvs. web. Odată instalat și activat, pluginul va adăuga o casetă suprapusă peste un număr de elemente de pe pagină care prezintă avertisment sau erori.

AR.js

AR.js este Bibliotecile JavaScript, spre deosebire de celelalte. Această bibliotecă ne permite să creăm realitatea augmentată utilizând tehnologia Web și în mod surprinzător, rulează foarte repede pe telefoanele mobile.

Reactați Trend

E o reacționați de la Unsplash pentru a crea o diagramă de linii minunată, în mod tipic, pentru a afișa tendințele. Componenta este configurabilă; puteți seta grosimea, culoarea, gradienții și curbura liniei. Puteți folosi pur și simplu GUI pentru a genera convenabil codul componentei.

Gitee

A Aplicația macOS pentru a monitoriza activitatea dvs. Github direct de pe desktop, Gitee adaugă un element nou pe bara de stare care arată numărul de stele, adepți și notificări. În plus, puteți, de asemenea vizualizați diagramele impulsului dvs. și vă angajează într-un depozit, precum și într-un magazin trending pe luna și săptămâna curentă. Este Github pe Desktop pe scurt.

Goops

Goops este a la îndemână CLI care vă va analiza directorul de proiect și de a determina directoarele și fișierele de adăugat în .gitignore. CLI poate fi instalat prin intermediul NPM. După instalare, tastați goops și făcut.

Debug CSS

DebugCSS este a CSS drop-in utilitar care vă permite să analizați și să validați ieșirea CSS în browser. Funcționează destul de similar cu Alix, atunci când încărcați fișierul de stil debugCSS sau utilizați marcatorul de carte, acesta evidențiază elementele de pe pagină care prezintă erori sau avertismente.

EagleJS

EagleJS este a Bibliotecă JavaScript pentru a crea prezentarea similar cu RevealJS. EagleJS diferă în unele moduri; este construit folosind Vue.js, un framework MVC JavaScript, și folosiți Pug ca sistem templating pentru a construi diapozitivul.

BootstrapTour

A Biblioteca JavaScript pentru a construi ghiduri pop-up utilizând o componentă Bootstrap. Ghidurile pop-up apar, de obicei, pentru ca noul utilizator să le treacă prin interfața aplicației, cu noi caracteristici și pentru afișarea sfaturilor. Este o bibliotecă perfectă dacă site-ul dvs. este construit și cu Bootstrap.

Cărămidă

Caramida este o bibliotecă JavaScript proiectată să construiască interfața de aplicații web. Veți găsi unele dintre cele obișnuite, cum ar fi Calendar, Meniu și Form printre componentele incluse, de asemenea, vine cu un "Stocare-IndexedDB" pentru a vă permite stocați datele de pe partea clientului utilizând IndexedDB.

OctoTree

OctoTree este un utilitar frumos care permite navigarea în coduri sursă și fișiere pe Github cu structură Tree, ca într-un IDE sau editor de coduri. Acesta vine ca un add-on pentru Chrome, Safari, Firefox și Opera și este disponibil în magazinul oficial de completare. Octotree sprijină depozitul privat și Enterprise Github.

Notificare Github

O altă extensie utilă Github pentru Chrome. Odată instalat, veți putea primi notificări chiar dacă în prezent nu sunteți pe paginile Github. Un plugin excelent dacă doriți să rămâneți în buclă cu depozitele dvs..

Deployer

Deployer este un instrument pentru implementarea site-urilor PHP. Funcționează cu o serie de cadre și platforme populare, printre care WordPress, Drupal, Magento, Laravel și CodeIgniter. Cu ajutorul acestui instrument, puteți să compuneți propriile dvs. rețete, o comandă pentru a rula în timpul desfășurării. Ea vine cu Rollback caracteristică care vă permite să reveniți la versiunea anterioară în caz de defecțiuni.

PHPStan

Un CLI care scanează fișierele PHP pentru a găsi erori fără a executa runtime-ul. Aceasta înseamnă că nu aveți nevoie de un mediu PHP complet de stivă pentru a depana fișierele PHP din proiectul dvs..

Plăcuța de distribuție NGINX

O colecție de configurații comune Nginx care includ Backend Caching, limitarea ratei conexiunilor și a solicitărilor și alte câteva bune practici pentru a îmbunătăți site-ul pentru viteză și pentru a regla viteza de trafic.

Bulbuc

Bubbly este o linie de comandă excelentă pe care o puteți instala pe serverul dvs. pentru a genera, gestiona și reînnoi certificatul cu Let's Encrypt. Dopying SSL devine acum mult mai ușor.

Waffle Grid

Cu toate acestea, un alt cadru de rețea CSS construit cu Flexbox pe care cred că ar trebui să îl priviți.