Svježi resursi za web-dizajnere i programere (svibanj 2017)

prikupljanje korisnih web resursa je nešto što se web developer stvarno raduje imati u svom alatu. Stoga, budući da sam ja programer, nastojim vam predstaviti najbolji i najnoviji resursi za web razvoj svaki mjesec.

Zbirka ovog mjeseca uključuje: zanimljiv besplatni app za screencasting, nekoliko okvira temeljenih na jeziku Material Design, nekoliko biblioteka za testiranje izvedbe, CLI i a pregršt naših drugih praktičnih resursa. Dakle, provjerimo ih jedan po jedan u sljedećem.

Kliknite za više resursa

Pronađite cjelokupnu zbirku preporučenih resursa i najbolje dostupne alate za web dizajn i razvoj.

Kap

Kap je a uredan mali zaslonski snimač za MacOS. To je aplikacija otvorenog koda, izgrađena s web tehnologijom. Jedna stvar koju volim u ovoj aplikaciji je da ona nudi pretvaranje videozapisa izravno iz okvira. Kap je izvrsna alternativa za snimanje aplikacija ili demo snimka uživo na web-lokaciji.

Sizzy

Sizzy je razvojni alat za testiranje vaše web-lokacije u više veličina prikaza na jednom zaslonu. To je super zgodan app u odnosu na Chromeov ugrađeni mobilni emulator. Sizzy također dolazi kao Chrome proširenje.

Muse UI

Knjižnica korisničkog sučelja temelji se na principu dizajna materijala i izgrađen na Vue.js 2.0, Muse UI je pakiran s materijalom Design Compenents kao što su Appbar, Card i Dialog. To je super okvir za brzu izgradnju i pokretanje korisničkog sučelja.

Napredni WP-CLI

Ja sam veliki obožavatelj WP-CLI i koristite ga gotovo svaki dan u mom radu kao WordPress developer. Ipak, tek nedavno sam doznao da vam WP-CLI omogućuje stvoriti PHP UnitTest skelu za temu! Ovo je popis napredne upotrebe WP-CLI iz programa Održavatelj WP-CLI-ja, Daniel Bachhuber, sam.

Ludilo

Ludilo je samostalni program za skiciranje datoteka za Windows. Sjajno radi s Sketch datotekom koja sadrži tekst, rasterske slike, čak i gradijente i sjene. To ne zahtijeva vezu s internetom, stoga programeri mogu raditi na Sketch datotekama s bilo kojeg mjesta. I potpuno je besplatno.

K6

Brzina je važna u gotovo svakom aspektu web aplikacije. Ali kako mjeriti brzinu vaše web-lokacije? Dobro, odgovor je K6. To simulira promet na vaše web stranice i učitava web stranice na određeno trajanje kao da je pravi promet. Ukratko, K6 je UnitTest za izvedbu.

Usluga provjere

Veliki popis web-aplikacija za provjerite mnogo stvari kao što su DNS, učitavanje, brzina, SEO, sigurnost i SSL. Mnogi od ovih alata su besplatni, međutim, postoji nekoliko premijskih usluga koje su u njemu navedene nude napredne značajke za korisnike.

SVGito

Je mali web alat za optimizirajte SVG koji je generiran iz aplikacije Sketch. Zalijepite svoj SVG kôd na web-lokaciju i odmah će vratiti optimizirani kôd.

Launchaco

Pronalaženje velikog imena za početak je teško, a dobivanje dostupnog rukovatelja korisničkog imena na društvenim medijima još je teže. Launchaco je zgodan alat koji omogućuje vam da pronađete imena domena, korisnička imena za različite društvene medije kao što su Twitter, Facebook, Instagram itd., i pomaže vam stvoriti lijep logotip vašeg poslovanja.

Odvratan

zbirka jedinstvene animacije učinjeno s CSS-om. Molim vas nemojte pokretati animaciju, ako vam srce i um nisu dovoljno jaki da to vidite.

CSS Grid Cheat Sheet

Učenje CSS Grid-a može biti prilično zastrašujuće kada se radi o nizu novih svojstava, nova mjerna jedinica, ali i gotovo potpuno nova paradigma za izgradnju izgleda weba. Ovaj alat, kao što ime implicira, je da vam pomogne podignite noge s CSS Grid-a.

Kutija za alat

Radni okvir je a nova inicijativa tvrtke Google za izgradnju Progressive Web Appa (PWA). To je slično Yeoman ili Napravite React App na način da možete dobiti sve gore i spremni u jednoj liniji zapovijedanja.

MAVO

Mavo je novi projekt Lea Verou otvorenog koda. To je knjižnica koja pokreće golu HTML oznaku i nekoliko njih prilagođenih atributa u funkcionalnu web-aplikaciju. Mavo lakše slijediti u odnosu na druge knjižnice kao što su Backbone, Vue.js ili React kako to dopušta manje tech-pamet korisnici za izgradnju web aplikacije brzo i jednostavno.

Materijal UI

Simlar na Muse UI, to je UI okvir temeljen na Meterial Design jeziku. Ovaj je ipak izgrađen pomoću React. Sada je na vašoj želji; ako ste s tim Vue.js ili tim React.

Lazy Image

Lazy Image je prilagođeni HTML element za učitavanje slike na zahtjev. Ovaj element kupca pruža dodatni .aktivan objekt unutar objekta Element koji možete koristiti za pokretanje slike za učitavanje u bilo kojem događaju ili interakciji s korisnikom kao što trebate.

Mac CLI

Ovo je divan alat upravljati svojim MacOS-om preko terminala. Jednostavno upišite mac update za ažuriranje MacOS-a. Ili, upišite mac prezentacija koji će pripremiti vaš Mac (minimiziranje svih aplikacija, zatvaranje preglednika, slanje datoteka s radne površine i preuzimati u smeće i postaviti način rada bez smetnji) prije davanja prezentacije. Kako je to cool!

Držite se budni

KeepingYouAwake je uslužni program na traci izbornika za MacOS spriječili ulazak u stanje mirovanja za određeno trajanje ili dok je aktiviran. Ovu aplikaciju možete instalirati pomoću značajke Homebrew.

JSON Feed

Konačno! Ovo je standardna specifikacija za isporuku feeda sadržaja u JSON format. Već postoji WordPress pluginhre> izgrađen za implementaciju. To bi trebalo olakšati život web-razvojnih programera. Hajde samo oprostiti se od XML-a.

ugljen

Ukratko, Carbon je Moment.js PHP-a. To je PHP knjižnica za generiranje i manipulirati nizovima datuma i vremena.

Vozač utrka

Još alat za testiranje izvedbe jedinice. Dok će K6 izvoditi testiranje opterećenja slanjem Virutal korisnika da simuliraju posjete i promet, SpeedRacer će procijenite izvedbu prikaza stranice u pregledniku. SpeedRacer može biti dobar pratilac K6.