Svježi resursi za web-dizajnere i razvojne programere (prosinac 2016.)

Približavamo se kraju 2016. i to je bila uzbudljiva godina za mnoge, uključujući i web-programere. Ove godine, Popularnost ReactJS-a eksponencijalno je porasla, objavljeno je novo proširenje ReactJS i nalazi se na popisu Githubova renomirana skladišta (gotovo) svaki tjedan.

PHP7 je također objavljen ove godine koji nudi značajno poboljšanje brzine, kao i oslobađanje WordPress 4.7 s dugo očekivanim WP-API-jem značajka i Facebook je također uveo Paket pređe koji mogu izazvati NPM.

Kliknite za više resursa

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

Za više pojedinosti o svakom od tih korisnih izdanja pogledajte na sljedećem popisu:

Svjetionik

LightHouse je praktičan alat Googlea pregledati web-lokacije u odnosu na suvremene mjerne podatke za razvoj weba, što uključuje učitavanje stranice, caching s Service Workerima, vrijeme odgovora poslužitelja i tako dalje. Ovi alati dolaze u dva oblika: CLI (sučelje naredbenog retka) i proširenje Google Chrome.

FuseJS

Fuzzy-search je vrsta završetka pretraživanja gdje se nalazi vraća broj mogućnosti čak i ako se ne podudaraju s argumentima pretraživanja. Na primjer, ako pretražujete 'do', rezultanta se može vratiti napraviti, robot, i noga. Ovo je popularna pretraga u današnjim web aplikacijama. FuseJS je a lagana JavaScript knjižnica koji vam omogućuje da ga lako implementirate na Vašu web stranicu.

Paket pređe

Pređa je Upravitelj paketa čvorova koji je izgradio Facebook. To u osnovi obavlja slično kao NPM iako s napretkom u nekoliko područja kao što su brzine, "izvanmrežni način" koji vam omogućuje instaliranje paketa bez spajanja na internet, te sigurnost i pouzdanost.

Predmemorija izbornika

Zgodan WordPress dodatak za predmemoriranje izbornika WordPress pomoću API-ja Transient za poboljšanje brzine upita baze podataka. Dodatak sadrži brojne filtre za prilagodite razdoblje predmemoriranja i obavljati druge stvari. Može se instalirati pomoću programa Composer ili kao redoviti WordPress plugin.

Githunt

Githunt je dodatak za Google Chrome koji zamjenjuje početnu stranicu Chromea sa spremištem za trendove u Githubu. Rezultate možete razvrstati na temelju razdoblja i programskog jezika. To je, mislim, uslužni program koji morate instalirati da svaki developer ostane u tijeku s najsjajnijim alatima.

FFocus

Ne možete se usredotočiti na svoj posao i želite brzo obaviti svoj posao? Pokušajte FFocus. to je CLI koji vam omogućuje blokiranje web-mjesta za određeno trajanje putem Terminala. FFocus može biti instaliran preko NPM-a pokretanjem npm i ffocus -g naredba.

Accesslint

AccesslintJS je a JavaScript knjižnica za provjeru valjanosti vaše web-lokacije za pristupačnost. Korištenje ove knjižnice jednostavno je kao i učitavanje prije i dobit ćete sva upozorenja i pogreške pravo na DevTools konzoli.

Colorable

Boja je a praktična web aplikacija koji vam omogućuje generiranje kombinacije boja koje su u skladu s WCAG smjernicama, a također i vašu web-lokaciju dostupni korisnicima s oštećenjem vida poput sljepoće za boje.

Micon

Micon je a ikona fonta odabrane piktografije sustava Microsoft Windows 10. To može biti velika zamjena FontAwesome što mislim da je već prekomjerno korišteno.

CSS referenca

Ime sve govori. to je CSS referenca za traženje CSS sintakse. Također je predstavljen na ugodan i ugodan način koji ga čini odlična alternativa za CSS dokumentaciju u MDN-u, ako mislite da je previše dosadan.

Lokalno pomoću zamašnjaka

Ovo je GUI App koji omogućuje postavljanje lokalne WordPress web stranice u vašem MacOS tako jednostavno. Aplikacija je prepuna značajnih uslužnih programa za programere, kao što su; “Jednim klikom” Instalacija WordPressa, SSH pristup, jednostavno postavljanje SSL-a, nacrt web-lokacije i XIP.io. Cijena aplikacije je iznosila oko 149 USD, ali je od sada dobila besplatno od zamašnjaka.

FreeCodeCamp

To je besplatan izvor za učenje koda za web. Subjekti uključuju HTML, CSS, JavaScript i nekoliko knjižnica poput ReactJS i D3. Pruža izazovi ili primjeri projekta dok uzimate tečajeve, kao i tutorijale bolje ćete razumjeti temu.

Prekomjerni font

OverPass font je fontova koja se sastoji od osam težina (200-900), istinski kurziv i monospace. Font se može učitati kao web-font iz KeyCDN-a kao i instaliran za upotrebu na radnoj površini. To je slobodan i otvoren izvor.

Obrazac Baza

Baza oblika je a set pravila CSS stila koje vraćaju elemente oblika koji uključuju ulazni, okvir, Odaberi, i podruÄŤje s osnovnim, ali lijepim stilovima. Ova CSS knjižnica je dobra koristiti zajedno s drugim “CSS reseter” kao što je Normalize.css.

Frontend

to je okvir koji se koristi za izgradnju 24ways.org; veliki resurs koje možete pogledati naučiti napredne CSS tehnike.

Pobjeda

ReactJS je u porastu, a time i dolazi veliki broj proširenja za podršku. Pobjeda je Komponenta ReactJS za dodavanje intercative i grafikona ili vizualizaciju podataka.

Pakao

Pakao je JavaScript knjižnica za izradu web sučelja na mobilnim uređajima. to je inspiriran ReactJS-om stoga nasljeđuje slične konvencije sintakse. Razlika je, međutim, u tome što je pakao izgrađena s umom što ga čini mnogo manje veličine i također daje a brže vrijeme prikazivanja.

Premonish

Permonish je knjižnica koja može predvidite sljedeću interakciju korisnika. To će vam omogućiti pripremiti korisničko sučelje (UI) više savršeno prije nego što stvarni korisnik stupi u interakciju s Vašom web lokacijom.

SPA Starter Kit

Ovo je primjer SPA (Single Page Application) izgrađen s Laravel i VueJS. Još je još jedan veliki resurs za učenje web razvoja pomoću okvira - pogledajte izvor Luke!

Docute

Docute je JavaScript knjižnica za izradu dokumentacije na jednoj stranici. Napaja se s VueJS i isporučuje se s brojnim uslužnim programima Node koji vam omogućuju postavite i pokrenite svoju dokumentaciju brzo.