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

Je to tady! Konečně jsme opustili bláznivý rok roku 2014 a jak jsme s novým rokem zaváděli nový začátek, máme novou naději, přání a jistě nové nástroje, které si vyzkoušíme. V tomto příspěvku jsme sestavili hrstka perfektních nástrojů a pluginů dostat to válcování.

Od praktického online testovacího nástroje k něčemu, co umožňuje snadný přístup k mobilním návrhovým vzorům, existuje několik možností, jak dostat svou 2015 na správnou cestu.

Seti UI

Seti UI je téma Sublime Text, nesmí být zaměňována se schématem Sublime Text Color. Téma v aplikaci Sublime Text ovlivňuje rozhraní aplikace, například kartu a postranní panel. Seti UI je portované téma. Jeho plochý vzhled je opravdu pěkný pohled. Perfektní volba tématu, pokud používáte Sublime Text ve Windows 8 nebo OS X Yosemite.

IXD Kontrolní seznam

Mít kontrolní seznam vám může pomoci sledovat, co se stalo a co přijde. Pokud jste návrhář UI, měli byste pravděpodobně přidat IXD Kontrolní seznam v záložce.

Kontrolní seznam IXD obsahuje kolekci běžných seznamů úkolů ke kontrole. Každá položka je podporována odkazy na odkazy, takže se můžete také dozvědět, proč je na seznamu. Pokud dáváte přednost, je vlevo malé tlačítko, kde můžete stránku vytisknout a zkontrolovat seznam offline.

Coolors

Máme několik nástrojů pro vybírání barevného schématu. Ale žádný není tak snadný jako tento nástroj, volal Coolors. Stačí stisknout klávesu Space a vyvolá nové barevné schéma. Bude generovat nové barevné schéma nekonečně, odvozené z jeho algoritmu a outsourcované od jeho uživatelů přispěvatelů, jak budete opakovat stisknutí klávesy Space..

Nibbler

Nibbler je online testovací nástroj, který vyhodnocuje a hodnotí vaše webové stránky pro různé faktory včetně kvality kódu, mobilní kompatibility a dostupnosti. Je to užitečné, pokud chcete před spuštěním spustit závěrečnou kontrolu svých webových stránek.

Velositey

Velositey je plugin Photoshopu, aby proces vytváření prototypu webu ve Photoshopu easyil a rychle. Tento plugin umožňuje rychle vytvořit nový dokument s přednastavenou mřížkou, přidávat přednastavené webové komponenty a generovat ikony nebo favicons. Nepostradatelný Photohop plugin pro každého webového designéra.

Vagrant Manager

Pokud používáte Vagrant v OS X, nainstalujte Vagrant Manager. Tato aplikace umožňuje spravovat více prostředí pohodlnějším způsobem. Jakmile je nainstalován, přidává novou ikonu do panelu úloh OS X, kde můžete sledovat a ovládat virtuální počítače pomocí několika málo kliknutí. Žádné další rozkazy s příkazovými řádky.

CSS Specifičnost

Specifikace CSS je jedno notoricky známé téma CSS, které není snadné strávit. Tento nástroj je vytvořen pro ilustraci, jak tento koncept specificity funguje interaktivním způsobem. Nakreslete několik selektorů, které vám sdělí, který selektor se má použít.

CSS Dig

CSS Dig je rozšíření Chrome. A jak název napovídá, bude kopat na vaše webové stránky a analyzovat jeho CSS. Zobrazí vám přehled, který můžete vyhodnotit pro provedení požadovaných optimalizací.

Materiál Nahoru

Pro ty z vás, kteří si to možná neuvědomují, společnost Google právě představila materiál, novou filozofii svého produktového designu. Materiál Nahoru je sbírka aplikací a webových stránek, které již tuto novou filozofii přijaly. Dobrý zdroj inspirace pro webové designéry.

Tindddle

Tindddle vám pomůže užívat Dribbble efektivnějším způsobem. Bude vás krmit výběrem toho nejlepšího “Záběry” od Dribbble. Pokud se vám nepáči konkrétní snímek, stiskněte levé šipky klávesnice, a pokud se vám líbí, stiskněte pravou šipku. Všechny záběry, které se vám líbí, se objeví ve vašem účtu Dribbble - zde je vzorek.

Mobilní Návrhový Vzor

Mobilní Návrhový Vzor kniha je kolekce vybraných běžných mobilních návrhových vzorů aplikovaných v mobilu v roce 2014. Nejenže poskytuje inspiraci, ale kniha také pokrývá rozhodnutí a úvahy za takovýmto designem. Dobrá kniha, která by měla být na polici s digitální knihou jakéhokoli webového a aplikačního návrháře.

FontAwesome Photoshop

FontAwesome je… úžasné. Aby to bylo ještě více… úžasné, nainstalujte tento plugin do Photoshopu, abyste ho mohli rychle přidat do svého návrhu.