Sveži viri za spletne oblikovalce in razvijalce (julij 2016)

Ta obrok spet prihaja s široko paleto virov. Imamo vire, ki bodo navdihnili vašo naslednjo zasnovo ciljne strani, dva načina za koderje, da zatemnijo učinke očarljivega zaslona, vtičnik za izdelavo spletnih postavitev z vlečenjem in spuščanjem, vtičnik jQuery za povečanje števila za izbiranje datuma in veliko JavaScripta knjižnicam pomagati razvijalcem.

Vključeni so tudi viri na HTTP2, tipografska terminologija, gradnja dostopnih mest in iskalnik sintakse programskega jezika. Poglejmo jih.

Kliknite za več virov

Poiščite celotno zbirko priporočenih virov in najboljše razpoložljivo spletno oblikovanje in razvojna orodja.

Pristanišče Folio

Landing folio je osrednje mesto, kjer lahko najdete primere modelov ciljnih strani. Na spletnem mestu je na stotine primerov, seznam pa lahko določite glede na njihovo kategorijo. To je vsekakor vredno knjižnega oblikovanja za spletne oblikovalce.

Poizvedbe elementov

JavaScript, ki vam omogoča izvajanje Poizvedba elementa. Poizvedba elementa je označena z @element in drugače, @media, @element pozna številne razmere “višine” in “premer”. Uporabite lahko na primer sloge na podlagi števila znakov, ki jih vsebuje element.

HTTP2

HTTP2 je najnovejša specifikacija HTTP s pomembnimi spremembami. Obljublja boljšo učinkovitost in učinkovit prenos podatkov. V tem viru lahko najdete te spremembe (zelo podrobno), njihov vpliv na varnost, hitrost in uporabniško izkušnjo.

Elementor

Elementor je vtičnik za WordPress, ki vam omogoča gradnjo spletnih postavitev z drag-n-dropom. Z Elementorjem lahko ustvarite privlačnejšo postavitev. Odzivna je, popolnoma prilagodljiva in uporabniku prijazna.

TimeDropper

Ta vtičnik je opremljen z nekaj animacijami, ki omogočajo bolj privlačen izbor datumov na spletu. Poleg tega so na voljo možnosti za spreminjanje videza uporabniškega vmesnika. To je vtičnik jQuery za ljubitelje datuma.

SyntaxDB

Iskalnik za iskanje sintakse programskega jezika. Trenutno podpira številne jezike, vključno z Java, C, Ruby, JavaScript in Python. To bi lahko bil najboljši iskalnik za razvijalce, saj se bosta podatkovna in jezikovna podpora povečala.

Github Dark UI

Github Dark UI je temnejša barvna tema za Github.com. To bi lahko bila dobra alternativna barvna shema, če delate v zatemnjenih okoljih ali če morate dalj časa gledati na zaslon.

Microlight

Namesto da označite kodo z različnimi barvami, kot vidite spodaj, Microlight izdela kodo “Sijaj”. Knjižnica JavaScript, ki označuje kodo - dobesedno.

BarbaJS

BarbaJS je JavaScript knjižnica, ki omogoča gladek prehod strani prek JavaScript zgodovine API / pushState. Ta vtičnik vsebuje Metode, Dogodke po meri in peščico API-jev, ki omogočajo lažje delovanje strani na vašem spletnem mestu. Tu je nekaj primerov.

TypeTerms

Ste se kdaj spraševali, kaj je drugačno “razmik med črkami” in “kerning” je? TypeTerms je interaktivna predstavitev, kjer se lahko naučite teh zmedenih tipografskih izrazov.

ButterBean

ButterBean je nov in prefinjen plugin za izdelavo Meta Box v WordPressu. Razvita je po moderni arhitekturi WordPress Customizer API. To naredi gradnjo tega WordPress admin UI bolj elegantno.

Preverjanje otroške teme

WordPress vtičnik za preverjanje vaše otroške teme proti nadrejeni temi; Preveril bo, ali so datoteke, ki jih uporablja otroška tema, posodobljene.

UI CloudFlare

UI CloudFlare je zbirka uporabniških vmesnikov, zgrajenih na vrhu React. Glede na to, da je priljubljenost Reacta v porastu, lahko obstaja nekaj podobnih okvirov uporabniškega vmesnika.

Lerna

Obvladovanje več paketov in repozitorijev v velikem projektu je neizogibno. To orodje vam omogoča, da obravnavate to posebno situacijo in sčasoma racionalizirate potek dela.

Pomiri se

Pomiri se je knjižnica JavaScript, ki pomaga zmanjšati porabo procesorja. Zagotavlja nabor funkcij, ki se lahko uporabljajo namesto funkcij JavaScript domačini. Lahko se uporabi na redni spletni strani ali brez aplikacije, ki temelji na Node.js.

GEL Tipografija

GEL Tipografija je tipografski vodnik BBC-ja. Odličen vir in navdih za standardizacijo tipografskih slogov.

VZORCI MIND

MIND Patterns je praktični priročnik za izgradnjo dostopne spletne strani e-trgovine. Zagotavlja vodnike v smislu oblikovanja HTML-ja, uporabe oznake ARIA in sestavljanja slogov CSS, ki so uporabniku prijazni za uporabnike s posebnimi potrebami.

Specifičnost CSS

Zbirka ilustracij, ki opisujejo, kako deluje CSS Specifičnost.

Kopiranje CSS

Razširitev za Chrome, ki vam pomaga optimizirati CSS. Preklicala bo stran in priskrbela poročilo, seznam uporabljenih lastnosti, kot so barve.

Predloga Stash

Zbirka izbranih predlog, kjer lahko najdete vrsto predlog, vključno s predlogami HTML5, WordPress, Ghost, Bootstrap in e-Commerce..