Svježi resursi za web-dizajnere i razvojne programere (kolovoz 2016)

U ovom članku, mi značajka popisa okvira i alata koji je usmjerena prema razvoju weba. Zanimljivo je da sam pronašla nekoliko tih alata i okvira koji dolaze iz velikih korporacija kao što su Microsoft i Alibaba.

To je dobar znak, budući da sve više tvrtki sada pridonosi otvorenom izvoru i pomažu u oblikovanju boljeg weba. Pogledajmo što se sprema za kompilaciju ovog mjeseca.

Kliknite za više resursa

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

CuteStrap

UI okvir izgrađen na vrhu Sassa. Dolazi sa svim najčešćim web sučeljima kao što su obrasci, navigacije i gumbi, što bi u mnogim slučajevima trebalo biti dovoljno. Ako smatrate da su popularni okviri poput Bootstrap i Foundation zapanjujući, Cutestrap može biti izvrsna alternativa za vas.

HTML5 test

HTML5 test je online alat koji će testirati koliko preglednik podržava najnovije HTML5 specifikacije. To je praktičan alat za one koji sudjeluju u otklanjanju pogrešaka i testiranju modernih web-aplikacija.

Kalorije preglednika

Kalorije preglednika je proširenje za Chrome koje mjeri težinu web-stranice. Skenira učitane datoteke i njihov doprinos ukupnoj težini stranice. Izvrstan mali alat koji vam pomaže optimizirati izvedbu web-lokacije.

Weex

Weex je okvir iz Alibabe za izgradnju mobilnih aplikacija sa samo HTML, CSS i JavaScript. Dolazi s modulima, komponentama korisničkog sučelja, vlastitim DevTools i CLI koji je dizajniran prema mobilnom okruženju i ubrzava razvoj.

Microsoft Web Framework (MWF)

Okvir od Microsofta, komponente korisničkog sučelja u sustavu TOM je izgrađen na jeziku Microsoftovog modernog dizajna: ravan, čist i minimalistički. Ovaj okvir, osim komponenti korisničkog sučelja, također daje smjernice za korištenje boja, tipografije i animacije. Mislim da je Material Design Lite napokon upoznao jednakog kandidata.

bitan

bitan je okvir s vrlo ugodnim minimalnim sučeljem. To je lagan, nema JavaScript, a izvorno Rogue - sintaksni slagač temeljen na Rubyju.

Fontea

Fontea je besplatno Photoshop proširenje lako upravljati i primijeniti stotine Google Fonts. Možete pretraživati font unutar Photoshopa, pregledati i primijeniti font izravno u svoj dizajn - pojednostaviti svoj tijek rada.

Rominjati

To je alat koji vam omogućuje da izgradite UI obrasce ili stilski vodič za vašu web-lokaciju. Generirat će stvari poput boja, osnovnih stilova ili izgleda komponenti, kao i isječak koda. Generator vodiča za stil Rominjati omogućit će vam da ostanete dosljedni stilovima svoje web-lokacije.

intercooler

InterCoolerJS je JavaScript biblioteka koja čini primjenu AJAX-a na vašoj web-lokaciji jednostavnom kao dodavanje atributa HTML-a. Dolazi s opsežnim vodičem i mnoštvom primjera koji će vam pomoći da započnete s korištenjem alata.

Picla

Picla je jQuery dodatak za prikaz oznaka slike dohvaćenih na slici alt atribut. Pruža vam nekoliko opcija za dodavanje prilagođenog stila i kretanja naljepnici. Picla se može instalirati kao ovisnost web-lokacije pomoću programa Bower.

IziModal

Ovdje je prikazan jQuery dodatak modalni pučanstvo. IziModal ima mnogo opcija za personalizaciju. Možete, na primjer, prilagoditi animaciju, tekstualni sadržaj, boje. Lagan je, osjetljiv i spreman za mrežnicu.

MegaBoilerplate

MegaBoilerplate je generator koji brzo postavlja razvojni niz. Idite na web-lokaciju i odaberite koje alate i knjižnice (Node.js, HTML5, Vanilla JavaScript i Electron) ćete koristiti kao bazu web-lokacije. Kompajlirat će i konfigurirati sve što vam je potrebno u zipiranom paketu, spremnom za preuzimanje.

Drekavac

JavaScript biblioteka za prikaz modernog audio playera pomoću API-ja Web Audio, Drekavac radi u preglednicima starim kao IE9 i podržava mnoge audio kodeke kao što su MP3, WEBM, WAV. Puno značajki, modularno, i radi bez vanjske knjižnice.

SuperEmbed

SuperEmbed je sićušna JavaScript biblioteka koja čini ugrađene objekte osjetljivima, a zadržava izvorni omjer. Podržava širok raspon izvora, uključujući Youtube, Flickr, Vine, VideoPress i DailyMotion. Pogledajte demo.

CleaveJS

probiti je JavaScript biblioteka koja automatski formatira vrijednosti u ulazu. Može, na primjer, dodati unos tisuća u ulazu valute, dodati mjesto u unosu broja kreditne kartice ili dodati / u unosu datuma. Koristite ovu biblioteku za bolje korisničko iskustvo.

Preokretanje Tipično

FlippingTypical omogućuje pregled svih fontova instaliranih na vašem sustavu. Mislim da je ova aplikacija prikladnija od upotrebe FontBook aplikacija u MacOS-u. Pišem slučajni tekst i vidim koji od fontova u mom sustavu izgleda najbolje.

LightTable

Novi IDE koji mislim da vrijedi istražiti. Počelo je kao KickStarter projekt, potpomognut Matt Mullenwegom (osnivač WordPressa), i napokon je otišao s otvorenim izvorima. Možete pogledati ovaj videozapis da biste dobili ideju o tome kako je ovaj IDE kul.

Kompresor

Kompresor je web-aplikacija koja komprimira slikovne datoteke na najmanju veličinu bez gubitka vizualne kvalitete. Podržava i JPG, GIF, PNG i SVG. Aplikacija je besplatna.

Skeniranje web-mjesta tvrtke Microsoft

To je praktičan alat tvrtke Microsoft za analizu vaše web-lokacije za probleme poput kompatibilnosti preglednika i pristupačnosti. Alat će navesti izvješće u kojem se navodi da li nešto nije u redu s vašom web-lokacijom i kako možete nastaviti rješavati problem. Pokušati!

Onemogući Blogging

Ovaj dodatak, kao što ime implicira, uklonit će značajke bloganja kao što su postovi, komentari i feedovi. To je pravi dodatak za vas ako ne trebate značajku bloganja u WordPressu.