Novi viri za spletne oblikovalce in razvijalce (februar 2015)

Po tem, ko to počnete več kot eno leto, je najtežji del pri pisanju tega mesečnega nabora virov za oblikovalce in razvijalce uvod. Medtem ko smo na to temo, si lahko ogledate povzetek najboljših in najbolj svežih virov za spletne razvijalce, kot ste vi.

V tem obroku iščemo posebno iskalnik za iskanje odrezkov kode, zelo iznajdljiv sklic na vprašanja naslova v modulu Flexbox, razvojna orodja za boljše upravljanje barvo, tipografijo in nakloni.

Gradient Animator

CSS3 Gradient nam omogoča ustvarjanje nevidnih gradientov na naši spletni strani brez potrebe po nalaganju slik. Lahko ga celo združimo z CSS3 Animacijo, da bi dobili bolj prepričljiv učinek. Če pa je koda preveč za vas, uporabite preprostejšo pot Gradient Animatorja, da ustvarite eno z lepim vmesnikom.

SVG Pocket Guide

SVG Pocket Guide sestavlja Joni Trythall. To je priročna referenca, ki vas bo popeljala skozi osnove SVG-ja (kot je ustvarjanje oblik in besedila) vse do naprednejših funkcij (na primer ustvarjanje prelivov, poti in vzorcev izrezovanja). Knjiga je v formatu Markdown in je na voljo v angleščini in portugalščini.

Flexbugs

Flexbox je zelo obetaven nov modul v CSS3, ki bi popolnoma spremenil način gradnje spletnih postavitev. Vendar pa prihaja tudi z vprašanji združljivosti med brskalniki. To skladišče, Flexbugs, je zbirka teh napak in rešitev za njihovo reševanje. To je zelo koristen vir za vse, ki živijo na krvavem robu spleta.

Icono

To je neverjetno, kaj lahko dosežemo s samo CSS kot ustvariti popolnoma predstavljivo ikono z uporabo samo enega elementa. Icono je knjižnica, ki to počne. V tej knjižnici boste našli zbirko znanih ikon, ki so narejene samo z enim elementom, in CSS. Te ikone se bodo hitreje nalagale in bodo bolj prilagodljive kot ikone, ki temeljijo na slikah.

Dillinger

Dillinger je prijazen urejevalnik Markdown. Tukaj lahko pišete v formatu Markdown in takoj vidite izpis na desni strani. Za vaše udobje Dillinger vam omogoča, da izvozite svoje delo v HTML, PDF ali samo v formatu datoteke Markdown, ko to storite. Lahko jo povežete tudi s storitvami tretjih oseb, kot so Dropbox in Github, kjer lahko shranite datoteko.

HTML5Up

HTML5Up je zbirka brezplačnih predlog na osnovi HTML5. Lahko najdete peščica postavitev, ki poskrbi za različne vrste spletnih strani: podjetja, portfelj ali samo preprost blog. Vse predloge so odzivne in zagotavljajo, da so vsebina in postavitev spletnega mesta prijetne v različnih velikostih zaslona.

Barve CSS

Ste se kdaj vprašali, kakšna je določena barva? Barve CSS prikazuje barvno ime kot tudi Hex in RGBA format za zbirko osnovnih barv. To je dober vir za iskanje popolne barvne kombinacije za vaše spletne strani.

Preglej Emmet

Ponovni ogled je razširitev za Chrome, ki razčleni vaše spletno mesto @media poizveduje in prikaže vašo spletno stran v vsaki od točk prelomov, ki so določene v vsakem @media poizvedba. Če iščete orodje, ki bi vam lahko prihranilo malo časa pri preizkušanju odzivnih spletnih strani, potem je to orodje, ki ga potrebujete.

TypeGenius

Če si ogledate knjižnico Google Pisave, boste našli veliko pisav na različnih obrazih, družini, teži in vrstah. Zato bi bila izbira pravega para ali kombinacije pisav prava naloga. TypeGenius omogoča preprosto in hitro izbiranje pari pisav za celotno populacijo.

SearchCode

Kot že ime pove, je to iskalnik, ki išče kode ali odrezke kod številnih programskih jezikov, vključno z JavaScript, C, PHP. Ta iskalnik bo rezultat dobil iz številnih virov, kot so Github, Bitbucket in Google Code. To je definitivno orodje za težke koderje.