Svježi resursi za web-dizajnere i razvojne programere (srpanj 2016.)
Ova rata ponovno dolazi s raznovrsnim resursima. Imamo izvore koji će potaknuti vaš sljedeći dizajn odredišne stranice, dva načina za kodiranje prigušivanja učinaka oštrog zaslona, dodatak za izgradnju web-izgleda s povlačenjem i ispuštanjem, dodatak za jQuery za sprječavanje odabira datuma i obilje JavaScripta knjižnicama kako bi pomogli razvojnim programerima.
Također su uključeni resursi na HTTP2, tipografske terminologije, izrada web-mjesta spremnih za pristupačnost i tražilica za sintaksu programskog jezika. Provjerimo ih.
Kliknite za više resursaKliknite za više resursa
Pronađite cjelokupnu zbirku preporučenih resursa i najbolje dostupne alate za web dizajn i razvoj.
Slijetanje
Landing folio je središnje mjesto na kojem možete pronaći primjere dizajna odredišne stranice. Na web-mjestu ima na stotine primjera, a popis možete odrediti na temelju njihove kategorije. Ovo je definitivno vrijedno označavanje za web dizajnere.

Upiti o elementima
JavaScript koji omogućuje izvođenje Upit elementa. Upit elementa označen je s @element
i za razliku od, @media
, @element
svjestan je brojnih uvjeta izvan “visina” i “širina”. Primjerice, možete primijeniti stilove na temelju broja znakova sadržanih u elementu.

HTTP2
HTTP2 je najnovija specifikacija HTTP-a sa značajnim promjenama. To obećava bolju izvedbu i učinkovit prijenos podataka. U ovom resursu možete pronaći te promjene (detaljno), njihov utjecaj na sigurnost, brzinu i korisničko iskustvo.

Elementor
Elementor je WordPress dodatak koji vam omogućuje da izradite web-izgled pomoću drag-n-dropa. S elementom Elementor možete izraditi privlačniji izgled. To je osjetljiv, potpuno prilagodljiv i user-friendly.

TimeDropper
Ovaj dodatak opremljen je s nekoliko animacija koje čine odabir datuma na webu zanimljivijim. Osim toga, dostupne su opcije za promjenu izgleda korisničkog sučelja. To je jQuery dodatak za ljubitelje datuma.

SyntaxDB
Tražilica za traženje sintakse programskog jezika. Trenutno podržava više jezika, uključujući Java, C, Ruby, JavaScript i Python. To bi mogao biti ultimativna tražilica za programere kako baza podataka i jezična podrška raste.

Github Dark UI
Github Dark UI tema je tamnije boje za Github.com. To može biti dobra alternativna shema boja, ako radite u prigušenim okruženjima ili morate dugo gledati u zaslon.

Microlight
Umjesto isticanja koda različitim bojama, kao što možete vidjeti u nastavku, Microlight pravi kod “sjaj”. JavaScript knjižnica koja ističe kôd - doslovno.

BarbaJS
BarbaJS je JavaScript biblioteka koja omogućuje glatke prijelaze stranica kroz JavaScript History API / pushState. Ovaj dodatak dolazi s Metodama, Prilagođenim događajima i nekolicinom API-ja za isporuku glatkog iskustva za stranice na vašoj web-lokaciji. Evo nekoliko primjera.

TypeTerms
Jeste li se ikada zapitali što je to između njih “razmak između slova” i “sljubljivanje” je? TypeTerms je interaktivna prezentacija u kojoj možete naučiti ove zbunjujuće tipografske terminologije.

ButterBean
ButterBean je novi i sofisticirani plugin za izgradnju Meta Box u WordPressu. Razvijen je prema modernoj WordPress Customizer API arhitekturi. To čini izgradnju ovog WordPress admin UI više elegantan.

Dječja provjera teme
WordPress dodatak za provjeru teme za dijete s nadređenom temom; on će provjeriti jesu li ažurirane datoteke na koje se oslanja Child Theme.

CloudFlare UI
CloudFlare UI je komponenta korisničkog sučelja zbirke izgrađena na vrhu React. S obzirom na to da je Reactova popularnost u porastu, možda postoji niz sličnih UI okvira.

Lerna
Upravljanje velikim brojem paketa i spremišta u velikom projektu neizbježno je. Ovaj vam alat omogućuje rukovanje ovom situacijom i naposljetku pojednostavljenje tijeka rada.

Chillout
Chillout je JavaScript biblioteka koja pomaže smanjiti potrošnju procesora. On pruža skup funkcija koje se mogu koristiti umjesto funkcija native JavaScript. Može se postaviti na uobičajenu web-stranicu ili bez aplikacije temeljene na Node.js.

GEL Tipografija
GEL Tipografija je tipografski vodič za BBC. Izvrstan izvor i inspiracija za standardizaciju tipografskih stilova.

Uzorci uma
MIND Patterns je praktičan vodič za izgradnju pristupačne internetske stranice e-trgovine. Pruža smjernice za izradu HTML-a, korištenje oznake ARIA i sastavljanje CSS stilova prilagođenih korisnicima s poteškoćama.

Specifičnost CSS-a
Zbirka ilustracija koje opisuju kako CSS Specifičnost funkcionira.

CSS Dig
Proširenje za Chrome koji vam pomaže optimizirati CSS. On će bilježiti vašu stranicu i sadržavati izvješće, popis korištenih svojstava kao što su boje.

Predložak Stash
Zbirka ručno odabranih predložaka u kojima možete pronaći širok raspon vrsta predložaka, uključujući predloške HTML5, WordPress, Ghost, Bootstrap i e-Commerce.
