Nové zdroje pro webové designéry a vývojáře (březen 2015)

Čas na další kolo čerstvých zdrojů, na měsíc březen. V tomto kole seriálu máme začínajícího prohlížeče, makety pro zařízení nositelného druhu, sbírku ikon, které mohou morfovat, a hrstku dalších skvělých věcí.

Pro další čerstvé zdroje pro webové vývojáře, postupujte podle série.

CodePad

CodePad je webová aplikace, pomocí které můžete ukládat a sdílet kódy. Podporuje více programovacích jazyků od CSS až po XSLT. Úryvky kódu můžete nastavit na soukromý přístup, takže je můžete vidět pouze vy, nebo je můžete veřejně zpřístupnit, což také umožňuje vyhledávačům, aby si je vybrali.

UINames

Pokud je pro vás obtížné vybrat uživatelské jméno při otevírání účtu pro jakoukoli službu online, zvažte, jak je pro designéry těžké přijít s falešnými jmény jako výplň obsahu nebo zástupný symbol v prototypech.. UINames umožňuje generovat nějaké náhodné názvy - například Lorem Ipsum, ale místo toho jména lidí. Jméno si můžete vybrat podle pohlaví nebo dokonce v zemích (např. Japonština, čínština, vietnamština).

DevTools App

Aplikace DevTools je aplikace, která umožňuje ladit vaše webové stránky. Funguje to jako DevTools, který můžeme najít v Chrome. Tato aplikace je experimentálním projektem pro oddělení DevTools od Chrome, což je docela racionální nápad, protože většina uživatelů Chrome nebude potřebovat ani používat DevTools - pouze vývojáři budou.

Is.js

Is.js je praktická malá knihovna JavaScriptu, která umožňuje intuitivně spustit hodnocení pomocí je metoda. Můžete otestovat téměř všechny datové typy včetně String, Array, Time, RegEx (regulární výraz) a dokonce i prostředí.

Následující příklad kódu vyhodnotí, zda se nacházíte v aplikaci Internet Explorer 6:

 var IE6 = is.ie (6) if (IE6) // spustit funkci zde 

TheatrJS

TheatrJS je knihovna JavaScriptu pro vytváření efektů psaní, pouze na rozdíl od podobných knihoven, TheatrJS napodobuje, jak typ skutečných lidí, např. s malým zpožděním, s překlepy a opravami.

TintUI

TintUI je kolekce barevných palet odvozených z více zdrojů. Zde naleznete barvy, které byly použity v iOS, Android Material Design nebo Microsoft Windows. Tento nástroj umožňuje snadno vybrat barvu, stačí kliknout na libovolné dlaždice barev kopírovat hexadecimální formát této barvy.

Transformicons

Transformicons je kolekce společných přepínacích tlačítek, která se po kliknutí změní na něco jiného. Můžete najít populární “hamburger” ikony, které se změní na ikonu křížové značky nebo šipku. Transformicons také poskytuje nástroj Build, který můžete použít pro generování HTML, CSS a JavaScript pouze pro vybrané ikony.

Vivaldi

Vivaldi je nový prohlížeč postavený týmem, který postavil ranou verzi Opery s motorem Presto. Ačkoliv je Vivaldi stále ještě v plenkách, už se dodává s praktickými funkcemi “Rychlé příkazy” přizpůsobení navigačních zkratek a záložek Tab, které seskupují více záložek v jedné záložce. Vývoj v probíhající, s více funkcemi přijít jako podpora pošty a rozšíření.

Apple hodinky Mockup

Již máme mockupy pro stolní počítače, tablety a smartphony, takže je jen otázkou času, než budou pro smartwatche připraveny makety. Pokud potřebujete pro model Apple Watch makety, je to stránka, do které chcete záložka. Najdete zde také makety pro ikony iOS a iPhone 6.

Font Font

Font Font je jedinečně navržené písmo. Je to zaoblené písmo s půlkruhovým ornamentem uvnitř. Písmo je ve formátu OTF a je vhodné použít jej jako plakát. Je zdarma pro osobní i komerční projekty.