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

    Svježi resursi za web-dizajnere i razvojne programere (srpanj 2015.)

    Web-programeri su blagoslovljeni besplatnim alatima i resursima koji se nalaze na internetu, a koje svaki mjesec poslušno prikupljamo u seriji Fresh Resources. Ako ste propustili seriju prošlog mjeseca, ponovno je posjetite ovdje ili provjerite ostatak svježih resursa prikupljenih početkom godine.

    Za seriju u srpnju 2015. naglašavamo svježe alate i resurse koji će olakšati vaše zadatke, počevši od WordPress dodataka koji vam omogućuju privatnu nadogradnju dodataka na JavaScript u biblioteci JavaScripta kako biste dodali zanimljive animacije.

    Aladdin

    Ovaj dodatak dodaje dodatnu funkcionalnost administraciji WordPressa koja je slična OS X Spotlightu. Uz to, možete brzo pristupiti datotekama i mapama u vašem Mac računalu. Jednom instaliran, dvaput pritisnite Shift, a zatim upišite ono što želite pristupiti. To čini WordPress administraciju pristupačnijom pomoću tipkovnice.

    SiteOrigin CSS

    SiteOrigin CSS je robustan WordPress plugin za prilagodbu bilo koje teme u stvarnom vremenu. Dodatak dodaje novu ploču ispod Izgled> Prilagođeni CSS izbornik. U tom slučaju možete napisati prilagođena CSS pravila da biste prebrisali CSS teme koju upotrebljavate ili možete koristiti GUI panel za intuitivno dodavanje CSS pravila.

    DynamicsJS

    DynmaicJS je knjižnica za primjenu animacije temeljene na fizici. Nisam stručnjak za fiziku, ali primjeri ovdje u ovom izborniku izgledaju stvarno cool. To može animirati HTML i SVG elemente, i daje vam brzu izvedbu bez ikakve ovisnosti. DynamicJS je testiran na Safari 7+, Firefox 35+, Chrome 34+ i IE10+.

    Zrakoplovni način

    Ovaj dodatak će spriječiti nekoliko WordPress vanjskih HTTP zahtjeva kao što su Google Fonts, Gravatar i WordPress updater od pokušaja spajanja na dodatke i teme spremišta za ažuriranja. To je koristan dodatak za lokalni razvoj koji sprječava pojavu pogrešaka kada ti pozivi ne uspiju (što se obično događa kada se lokalno razvijate pod iznimno sporim internetom).

    Coverr

    Zbirka videozapisa koji su izvrsni za zaglavlja vaše web-lokacije. Svi su videozapisi besplatni, licencirani pod javnom domenom. Ne zaboravite provjeriti “Kako koristiti” kako biste saznali kako dodati videozapis na svoju web-stranicu.

    VibrantJS

    VibrantJS zahvaća istaknute boje sa slike. Također izlaže nekoliko API-ja koji vam omogućuju obradu dobivene boje, kao što je prebacivanje formata boja i određivanje pravilnog sastava pozadine i teksta. Možete ga upotrijebiti za poboljšanje sučelja web-lokacije pomoću dinamičke generacije boja, upotrijebiti boju kao sliku rezerviranog mjesta kada slika još nije u potpunosti učitana ili izraditi web-aplikaciju za generiranje uzorka boja.

    GradifyCSS

    Ova knjižnica dobiva dvije istaknute boje i generira CSS gradijent od dobivenih boja. Slično kao i VibrantJS, gradijent možete primijeniti kao rezervirano mjesto za sliku kada slika nije u potpunosti učitana ili kao prekrivna boja.

    PurifyCSS

    PurifyCSS čisti neiskorištene CSS pravila iz vašeg stilskog lista. Pomoću ovog alata možete smanjiti veličine stilova velikih okvira kao što su Bootstrap i Foundation do 40%. PurifyCSS je dostupan kao Grunt i Gulp dodatak.

    Naslov Kapital za WordPress

    Ime je sve govorilo. Ovaj WordPress plugin će pretvoriti naslove, kao i naslove unutar sadržaja u odgovarajuće kapitalizacije nakon spremanja ili objavljivanja post i stranicu. Ovaj dodatak smatram korisnim za web-lokacije s više autora koje će zadržati dosljednost sadržaja web-lokacije.

    GitHub Updater

    Ovaj dodatak korisniku omogućuje instalirati i automatski ažurirati WordPress dodaci hostirani u GitHubu. Unatoč imenu, dodatak također podržava Bitbucket i GitLab, uključujući i jedan u privatnom spremištu. To je koristan dodatak za programere koji razvijaju i distribuiraju svoje dodatke ili teme isključivo samo za svoje klijente.

    Primjeri koda

    Zbirka primjera koda od Tim za pregled tema WordPressa. U ovom se trenutku primjer sastoji od kodova za izgradnju komponenti prilagođivača tema pomoću API-ja za prilagođavanje, uključujući izradu odjeljka, postavki i ploče. Više je primjera najboljih praksi dodanih u budućnosti.