Nové zdroje pro webové designéry a vývojáře (srpen 2016)

V tomto článku uvádíme seznam rámců a nástrojů zaměřené na vývoj webových aplikací. Zajímavé je, že jsem našel několik těchto nástrojů a rámců, které pocházejí z korporací jako je Microsoft a Alibaba.

To je dobré znamení, protože více společností nyní přispívá k open-source a pomáhá utvářet lepší web. Podívejme se na to, co je pro tento měsíc v kompilaci.

Klepněte na tlačítko Další zdroje

Najděte si celou naši sbírku doporučených zdrojů a nejlepší dostupné nástroje pro web design a vývoj.

CuteStrap

UI framework postavený na vrcholu Sassu. Dodává se se všemi běžnými webovými rozhraními, jako jsou formuláře, navigace a tlačítka, která by měla být v mnoha případech dostatečná. Pokud najdete populární rámce jako Bootstrap a Foundation ohromující, Cutestrap může být pro vás skvělou alternativou.

Test HTML5

Test HTML5 je online nástroj, který otestuje, jak daleko prohlížeč podporuje nejnovější specifikace HTML5. Je to užitečný nástroj pro ty, kteří se podílejí na ladění a testování moderních webových aplikací.

Prohlížeč kalorie

Prohlížeč kalorií je rozšíření Chrome, které měří hmotnost webové stránky. Kontroluje načtené soubory a jejich podíl na celkové hmotnosti stránky. Velký malý nástroj, který vám pomůže optimalizovat výkon vašich webových stránek.

Weex

Weex je rámec od společnosti Alibaba k vytváření mobilních aplikací pouze s HTML, CSS a JavaScriptem. Dodává se s moduly, UI komponentami, vlastními DevTools a CLI, které jsou určeny pro mobilní prostředí a pro urychlení vývoje..

Webový rámec společnosti Microsoft (MWF)

Rámec od společnosti Microsoft, součásti uživatelského rozhraní MWF je postaven na moderním jazyce Microsoftu: plochý, čistý a minimalistický. Tento rámec, kromě komponent uživatelského rozhraní, také udává směr použití barev, typografie a animace. Myslím, že materiál Design Lite se konečně setkal s rovnocenným uchazečem.

Vitální

Vitální je framework s velmi příjemným minimálním rozhraním. Je lehký, nemá JavaScript a nativně Rogue - syntaxhiglighter založený na Ruby.

Fontea

Fontea je zdarma Photoshop rozšíření snadno spravovat a aplikovat stovky Google Fonts. Můžete hledat písmo zevnitř Photoshopu, náhled a aplikovat písmo přímo do vašeho návrhu - zefektivnění pracovního postupu.

Mrholení

Jedná se o nástroj, který umožňuje vytvářet vzory uživatelského rozhraní nebo průvodce stylem pro vaše webové stránky. To bude generovat věci, jako jsou barvy, základní styly nebo rozložení pro komponenty, stejně jako fragment kódu. Generátor stylů jako Mrholení vám umožní zůstat v souladu s vašimi styly webových stránek.

InterCooler

InterCoolerJS je knihovna JavaScriptu, která usnadňuje aplikaci AJAX na vašich webových stránkách jako přidávání atributů HTML. Dodává se s rozsáhlým průvodcem a spoustou příkladů, které vám pomohou začít používat tento nástroj.

Picla

Picla je plugin jQuery pro zobrazení obrázkových štítků získaných z obrázku alt atribut. Poskytuje několik možností, jak přidat štítek a styl. Picla může být instalována jako závislost vašich stránek na Boweru.

IziModal

Zde je plugin jQuery, který se zobrazí modální vyskakovací okna. IziModal má mnoho možností pro personalizaci. Můžete například přizpůsobit animaci, obsah textu, barvy. Je lehký, citlivý a připravený na sítnici.

MegaBoilerplate

MegaBoilerplate je generátor pro rychlé nastavení vývojového zásobníku. Přejděte na webovou stránku a vyberte, které nástroje a knihovny (Node.js, HTML5, Vanilla JavaScript a Electron) budete používat jako základnu svých webových stránek. To bude kompilovat a konfigurovat všechny věci, které potřebujete v zipovém balíčku, připraven ke stažení.

Kiks

Knihovna JavaScriptu pro zobrazení moderního audio přehrávače pomocí rozhraní Web Audio API, Kiks pracuje v prohlížečích tak starý jako IE9, a podporuje mnoho audio kodeků, jako je MP3, WEBM, WAV. Spousta funkcí, modulární a pracuje bez externí knihovny.

SuperEmbed

SuperEmbed je malá knihovna JavaScriptu, která umožňuje vnořené objekty reagovat při zachování původního poměru. Podporuje širokou škálu zdrojů, včetně Youtube, Flickr, Vine, VideoPress a DailyMotion. Viz demo.

CleaveJS

Rozštípnout je knihovna JavaScript, která automaticky formátuje hodnoty na vstupu. Může například přidat tisícovku oddělovače v měnovém vstupu, přidat mezeru v zadávání čísla kreditní karty nebo přidat / datum. Tato knihovna slouží k lepšímu uživatelskému prostředí.

Překlopení Typické

FlippingTypické umožňuje zobrazit všechna písma nainstalovaná ve vašem systému. Zjistil jsem, že tato aplikace je pohodlnější než použití FontBook aplikace v makrech. Napíšu náhodný text a uvidím, která z písem v mém systému vypadají nejlépe.

LightTable

Nové IDE, které si myslím, že stojí za to prozkoumat. To začalo jako KickStarter projekt, couval s Matt Mullenweg (WordPress zakladatel), a nakonec šel open source. Toto video můžete sledovat, abyste získali představu o tom, jak je toto IDE cool.

Kompresor

Kompresor je webová aplikace, která komprimuje obrazové soubory na nejmenší velikost bez ztráty vizuální kvality. Podporuje také JPG, GIF, PNG a SVG. Tato aplikace je zdarma.

Skenování webu společnosti Microsoft

Jedná se o užitečný nástroj od společnosti Microsoft, který analyzuje vaše webové stránky pro problémy, jako je kompatibilita prohlížeče a dostupnost. Nástroj vypíše zprávu, která vám řekne, zda není něco o vašich webových stránkách v pořádku a jak můžete postupovat při řešení problému. Pokusit se!

Zakázat blogování

Tento plugin, jak název napovídá, odstraní funkce blogů, jako jsou příspěvky, komentáře a zdroje. Je to správný plugin pro vás, pokud nepotřebujete funkci blogování ve WordPressu.