Čerstvé zdroje pre návrhárov webových stránok a vývojárov (august 2016)

V tomto článku máme zoznam rámcov a nástrojov, ktoré sú zamerané na vývoj webových aplikácií. Zaujímavé je, že som našiel niekoľko z týchto nástrojov a rámcov pochádzajúcich z behemoth korporácií ako Microsoft a Alibaba.

To je dobré znamenie, pretože viac spoločností teraz prispieva k open-source a pomáha formovať lepšie na webe. Poďme sa pozrieť na to, čo je na sklade pre kompiláciu tohto mesiaca.

Kliknite na položku Ďalšie zdroje

Nájdite našu celú zbierku odporúčaných zdrojov a najlepšie dostupné nástroje na návrh a vývoj webových aplikácií.

CuteStrap

UI rámec postavený na vrchole Sass. Dodáva sa so všetkými najbežnejšími webovými rozhraniami, ako sú formuláre, navigácie a tlačidlá, ktoré by mali byť v mnohých prípadoch dostatočné. Ak nájdete populárne rámce ako Bootstrap a nadácia ohromujúci, Cutestrap môže byť pre vás skvelá alternatíva.

Test HTML5

Test HTML5 je on-line nástroj, ktorý otestuje, ako ďaleko prehliadač podporuje najnovšie špecifikácie HTML5. Je to užitočný nástroj pre tých, ktorí sa podieľajú na ladení a testovaní moderných webových aplikácií.

Kalórie prehliadača

Kalórie prehliadača je rozšírenie prehliadača Chrome, ktoré meria váhu webovej stránky. Skenuje načítané súbory a ich príspevok k celkovej hmotnosti stránky. Skvelý malý nástroj, ktorý vám pomôže optimalizovať výkonnosť webových stránok.

Weex

Weex je rámec Alibaby na vytváranie mobilných aplikácií len s HTML, CSS a JavaScript. Dodáva sa s modulmi, komponentmi rozhrania UI, vlastnými zariadeniami DevTools a CLI, ktoré sú navrhnuté pre mobilné prostredie a urýchľujú vývoj.

Microsoft Web Framework (MWF)

Rámec od spoločnosti Microsoft, komponenty používateľského rozhrania v systéme Windows MWF je postavený na základe moderného dizajnu jazyka Microsoft: plochý, čistý a minimalistický. Tento rámec, okrem komponentov používateľského rozhrania, poskytuje aj smer využitia farieb, typografie a animácie. Myslím, že Material Design Lite sa nakoniec stretol s rovnakým uchádzačom.

Vitálny

Vitálny je rámec s veľmi príjemným minimálnym rozhraním. Je ľahký, nemá žiadny jazyk JavaScript a natívne Rogue - syntaxhiglighter založený na Ruby.

Fontea

Fontea je bezplatná rozšírenie aplikácie Photoshop, ktorá umožňuje jednoducho spravovať a aplikovať stovky písiem Google. Môžete vyhľadávať písmo zvnútra Photoshopu, zobraziť náhľad a použiť písmo priamo do svojho návrhu - zjednodušiť pracovný postup.

mrholenie

Jedná sa o nástroj, ktorý vám umožňuje vytvárať vzory UI alebo štýlovú príručku pre vaše webové stránky. Vytvoria veci, ako sú farby, základné štýly alebo rozloženie komponentov, ako aj úryvok kódu. Generátor sprievodcu štýlom mrholenie vám umožní zostať v súlade s vašimi štýlmi webových stránok.

intercooler

InterCoolerJS je knižnica jazyka JavaScript, ktorá spôsobuje, že aplikácia AJAX na vašich webových stránkach je tak jednoduché ako pridávanie atribútov HTML. Dodáva sa s rozsiahlym sprievodcom a množstvom príkladov, ktoré vám pomôžu začať používať nástroj.

Pícl

Pícl je plugin jQuery na zobrazenie štítkov obrázkov získaných z obrázka alt atribútov. Poskytuje niekoľko možností, ktoré vám umožnia pridať vlastný štýl a pohyb štítku. Picla je možné nainštalovať ako závislosť vašich webových stránok od spoločnosti Bower.

IziModal

Tu je jQuery plugin pre zobrazenie modálne vyskakovacie okná. IziModal má veľa možností na personalizáciu. Môžete napríklad prispôsobiť animáciu, obsah textu, farby. Je ľahká, citlivá a pripravená na sietnicu.

MegaBoilerplate

MegaBoilerplate je generátor na rýchle nastavenie vývojového zásobníka. Prejdite na webovú stránku a vyberte, ktoré nástroje a knižnice (Node.js, HTML5, Vanilla JavaScript a Electron) budete používať ako svoju webovú stránku. Bude kompilovať a nakonfigurovať všetky veci, ktoré potrebujete v zipsovom balíku, pripravený na prevzatie.

kiks

Knižnica jazyka JavaScript na zobrazenie moderného zvukového prehrávača pomocou aplikácie Web Audio API, kiks pracuje v prehliadačoch starých ako IE9 a podporuje mnoho zvukových kodekov ako MP3, WEBM, WAV. Mnoho funkcií, modulárne a pracuje bez externej knižnice.

SuperEmbed

SuperEmbed je malá knižnica jazyka JavaScript, ktorá robia vstavané objekty citlivé, pričom zachováva pôvodný pomer. Podporuje širokú škálu zdrojov vrátane aplikácií Youtube, Flickr, Vine, VideoPress a DailyMotion. Pozrite si demo.

CleaveJS

rozštiepiť je knižnica JavaScript, ktorá automaticky formuje hodnoty na vstupe. Môže napríklad pridať tisíc oddeľovač do menového vstupu, pridať do vstupného čísla kreditnej karty alebo pridať / vo vstupnom dátume. Použite túto knižnicu na lepšie používateľské prostredie.

Otočenie typické

FlippingTypical umožňuje zobraziť všetky písma nainštalované vo vašom systéme. Považujem túto aplikáciu za výhodnejšiu ako používanie FontBook app v macOS. Zadávam náhodný text a zistím, ktoré písma môjho systému najlepšie vyzerajú.

LightTable

Nový IDE, o ktorom si myslím, že stojí za to preskúmať. Začalo to ako projekt KickStarter, ktorý podporil Matt Mullenweg (zakladateľ WordPress) a nakoniec išiel open source. Môžete si pozrieť toto video, aby ste získali predstavu o tom, aké je ideálne IDE.

kompresor

kompresor je webová aplikácia, ktorá komprimuje obrazové súbory do najmenšej veľkosti bez straty vizuálnej kvality. Podporuje aj JPG, GIF, PNG a SVG. Táto aplikácia je bezplatná.

Microsoft Site Scan

Je to užitočný nástroj od spoločnosti Microsoft na analýzu webových stránok týkajúcich sa problémov, ako je kompatibilita prehliadača a prístupnosť. Nástroj zobrazí zoznam, ktorý vám povie, či niečo nie je správne o vašich webových stránkach a ako môžete pokračovať v riešení problému. Pokúsiť sa!

Zakázať blogovanie

Tento plugin, ako naznačuje názov, odstráni funkcie blogovania, ako sú príspevky, komentáre a kanály. Je to správny plugin pre vás, ak nepotrebujete funkciu blogovania v aplikácii WordPress.