Početna » Web dizajn » Svježi resursi za web-dizajnere i razvojne programere (veljača 2015.)

    Svježi resursi za web-dizajnere i razvojne programere (veljača 2015.)

    Nakon što to radite više od godinu dana, najteži dio pisanja ovog mjesečnog resursa za dizajnere i programere je uvod. Dok smo već na ovoj temi, evo vam rekapitulacija najboljih i najsvježijih resursa za web-programere kao što ste vi u veljači 2015. godine.

    U ovom ratu gledamo na poseban tražilicu za pronalaženje isječaka koda, vrlo snalažljiv referencu na probleme s adresom u Flexbox modulu, i razvojni alati za bolje upravljanje boja, slova i gradijenti.

    Gradient Animator

    CSS3 Gradient nam omogućuje stvaranje nevidljivih gradijenta na našoj web stranici bez potrebe za učitavanjem bilo kakvih slika. Možemo ga čak i kombinirati s CSS3 Animacijom kako bismo pružili snažniji učinak. Ali ako je kôd previše za vas, upotrijebite jednostavniju putanju Gradient Animator da biste je stvorili uz lijepo sučelje.

    SVG džepni vodič

    SVG džepni vodič je sastavio Joni Trythall. To je praktična referenca koja će vas provesti kroz osnove SVG-a (kao što je stvaranje oblika i teksta) sve do naprednijih značajki (kao što su stvaranje preliva, putanje i uzorci). Knjiga dolazi u Markdown formatu i dostupna je na engleskom i portugalskom jeziku.

    Flexbugs

    Flexbox je vrlo obećavajući novi modul u CSS3 koji bi potpuno promijenio način na koji gradimo web rasporede. Međutim, također dolazi s vlastitim problemima kompatibilnosti preglednika. Ovo spremište, Flexbugs, je zbirka tih bugova i zaobilaznih rješenja za njihovo rješavanje. Ovo je vrlo koristan izvor za svakoga tko živi na krvarenom rubu weba.

    Icono

    Nevjerojatno je što možemo postići samo pomoću CSS-a kao što smo stvorili potpuno prezentabilnu ikonu koristeći samo jedan element. Icono je knjižnica koja to radi. U ovoj knjižnici naći ćete zbirku poznatih ikona napravljenih samo s jednim elementom i CSS-om. Te će se ikone učitati brže i prilagodljivije od ikona koje se temelje na slikama.

    Dillinger

    Dillinger je ugodan Markdown editor. Ovdje možete pisati u Markdown formatu i odmah vidjeti izlaz na desnoj kartici. Radi vaše udobnosti, Dillinger vam omogućuje da svoj rad izvezete u HTML, PDF ili samo u format Markdown datoteke kada to učinite. Možete ga i povezati s uslugom treće strane kao što su Dropbox i Github gdje možete spremiti datoteku.

    HTML5Up

    HTML5Up je zbirka besplatnih predložaka temeljenih na HTML5. Možete pronaći pregršt izgleda koji razonoditi na različite vrste web stranica: poslovni, portfelj ili samo jednostavan blog. Svi predlošci odgovaraju i osiguravaju da sadržaj i izgled web-mjesta budu ugodni u različitim veličinama zaslona.

    CSS boje

    Jeste li se ikada zapitali što je određena boja nazvana? CSS boje prikazuje naziv boje kao i Hex i RGBA format za zbirku osnovnih boja. To je dobar izvor za pronalaženje savršene kombinacije boja za vaše web-lokacije.

    Emmet re-prikaz

    Ponovni pregled je proširenje za Chrome koje obrađuje vašu web-lokaciju @media upite i prikazuje vašu web-lokaciju u svakoj od točaka prekida navedenih u svakoj od njih @media upit. Ako ste u potrazi za alatom koji vam može uštedjeti malo vremena pri testiranju osjetljivih web stranica, onda je to alat koji vam je potreban.

    TypeGenius

    Ako pogledate biblioteku Google Font, naći ćete mnogo fontova s ​​različitim licima, obitelji, težinom i vrstama. Stoga bi odabir pravog para ili kombinacije fontova mogao biti pravi zadatak. TypeGenius čini odabir fontova jednostavnim i brzim i mogućim za opću populaciju.

    SearchCode

    Kao što je i sam naziv rekao, ovo je tražilica koja traži kodove ili isječke koda mnogih programskih jezika, uključujući JavaScript, C, PHP. Ova tražilica dobit će svoj rezultat iz mnogih izvora kao što su Github, Bitbucket i Google Code. Ovo je definitivno nužan alat za teške kodere.