Pružina je ve vzduchu s množstvím nových nástrojů, konkrétních barev a možností CSS. Doufáme, že změna sezóny jste se inspirovala k vytvoření a že tyto nové nástroje pro návrh vám mohou usnadnit pracovní život.

Pokud nám chybí něco, o čem si myslíte, že by mělo být na seznamu, dejte nám vědět v komentářích. A pokud víte o nové aplikaci nebo zdroji, které by měly být uvedeny příští měsíc, napište to @ carriecousins je třeba vzít v úvahu!

Abstraktní akrylová grafická sada

The Abstraktní akrylová grafika je, ach, plný textury a postříkání v barevné vektorové formáty. Všechny prvky na pozadí jsou navrženy ve formátu s vysokým rozlišením ve formátech JPG, PNG a AI. Balení obsahuje 12 akrylových stříkaček, 8 textur a 90 vektorových tvarů, které se používají jako překryvy. (Stahování vyžaduje e-mailovou adresu a pokud chcete, můžete přidat dodatečný příspěvek na podporu tvůrce.)

akryl

Výzvy

Výzvy je lehký a esteticky příjemný soubor interaktivních výzev. Je vyroben s jednoduchou koncepcí kódu, která nemá žádné velké závislosti nebo desítky malých modulů. Můžete navrhnout výzvu k zadání jedné odpovědi, řetězce odpovědí nebo dokonce dynamické výzvy.

výzvy

Dribbble Color Palette Generator

Otočte libovolnou paletu barev z snímku Dribbble do a Plugin Sketch-Palette . Stačí uložit své oblíbené barvy a stáhnout je přímo do pluginu Sketch-Palette pro použití v projektech. Nástroj obsahuje rozšíření Firefox a Chrome.

dribbble-sketch

FastPhotoStyle

FastPhotoStyle je repozitář kódu od NVIDIA - ano, výrobci grafických karet - který zahrnuje jejich rychlý algoritmus přenosu fotografií. Nástroj umožňuje uživatelům přenést vizuální styl jednoho snímku do druhého. Kód spadá pod licenci Creative Commons Non-Commercial Share Alike, proto zkontrolujte pravidla před použitím v projektech.

fastphoto

CSS barevných přechodů

Vytvořte intuitivnější barevný gradient pomocí CSS barevných přechodů . Vyberte barvu začátku a konce a nástroj nastavte gradient tak, abyste získali nejlepší a nejvíce vizuálně příjemné zbarvení barev, takže neskončíte s drsnými začátky a zastávkami. Pak můžete získat CSS pro barevný gradient a přidat ho do projektů.

gradienty

Launchaco

Launchaco je jednoduchý webový prohlížeč pro malé startovací stránky. Můžete vytvářet návrhy, aplikace a všechny nástroje webových stránek, které se integrují do běžných prvků, jako je Google Analytics pro sledování, protokol HTTPS a vlastní domény. Uživatelé mohou vytvářet bezplatný účet pro vytváření webových stránek nebo zvolit ročně placenou verzi (49.99 dolarů za beta ceny) pro robustnější a neomezené funkce.

startaco

Chrome Music Lab: Song Maker

Udělejte přestávku od barevných vzorků a zadejte kód Song Maker z laboratoře Chrome Music Lab. Barevte v bloku pomocí myši, vyberte styl hudby a uvidíte, co vaše vizuální tvorba zní. Je to zábavné a kreativní odklonění!

píseň

.barvy

The .barvy nástroj řeší každodenní dilema webového návrhu: Ve svém kódu máte řadu barev, ale ne vždy víte, jak vypadají. Tento nástroj umožňuje zadat pole kódů a generuje paletu barev s každou barvou identifikovanou kódem. Stačí vložit libovolný fragment kódu do nástroje, který obsahuje barvy - hex, HSL nebo RGB -.

bodové barvy

Dnešní datum SVG

Terence Eden chtěl SVG, který vždy zobrazoval aktuální datum na svém blogu - tak to udělal. Dnešní datum SVG je obecná ikona data, která přesně zobrazuje den a datum. Stačí přidat pár řádků kódu a JavaScript a jste připraveni jít.

svg-cal

Kutt.it

Kutt je nový link shortener s robustními funkcemi, takže vaše odkazy jsou značkové a trackable. Kutt umožňuje vytvářet, chránit a odstraňovat odkazy; sledování statistik; používat vlastní doménu a integrovat s rozhraním API. Navíc je nástroj otevřený a zdarma k použití (můžete ho dokonce hostit i na svém serveru).

kutt

30 sekund CSS

30 sekund CSS je zkrácená sbírka úryvků kódu, kterou téměř každý může pochopit za méně než minutu a nasadit v projektech designu webových stránek. Úrypy jsou seskupeny do kategorií, takže můžete najít to, co potřebujete s kódem, aby se to stalo (a vysvětlení pro lepší porozumění).

30 sekund

Izometrická skica

The Doplněk izometrického náčrtu umožňuje uživatelům vytvářet izometrické pohledy z kreslicích plátů a obdélníků v aplikaci Sketch. Izometrický pohled, který představuje trojrozměrné objekty ve dvou rozměrech, je oblíbenou volbou pro zobrazování modelů aplikací s více obrazovkami v jednom vizuálním zobrazení. Zásuvný modul umožňuje otáčet a otáčet, měnit a měnit barvu a hloubku vykreslování.

isoetric

Duet Display

Potřebujete více místa na monitoru? Duet Display Umožňuje iPad změnit na další monitor pro Mac nebo PC. Nástroj, který postavili bývalí inženýři firmy Apple, vám pomůže zvýšit produktivitu a komunikovat s počítačem pomocí dotyku přes iPad. Vše, co potřebujete k připojení, je stahování softwaru a blesk nebo 30kolíkový kabel.

duet

Oznámení

Inclusive Components má dobrý článek o oznámeních a o tom, jak zahrnout notifikační komponenty do více než jen "webových aplikací". Oznámení mohou být součástí jakékoli dynamické webové zkušenosti, když potřebujete upozornit na něco s krátkou zprávou. Z porozumění živým oblastem a chatu aplikacím na flash zprávy, tento článek rozdělí vše dolů.

Pure CSS Moleskine Notebooky

Fanoušci stejného jména se vám budou líbit CSS animované Moleskiny . Pen obsahuje čtyři notebooky, které jsou zavřené a otevřené tak, aby obsahovaly vnitřní stránky na vznášedlích s prostým, řízeným, mřížkovým a tečkovaným "papírem".

notebooky

Mario Pixel Ikony

Přiveďte spoustu vzpomínek z dětství se stránkami pixelovaných, ikony stylu videohry . Sada obsahuje všechny obrázky, které byste očekávali v rané videohře ve vektorovém formátu. Používejte je online nebo dokonce i na košili. Sada obsahuje 100 ikon ve formátech AI, PNG a SVG.

pixel-ikony

Řídící lišty v designu uživatelského rozhraní

Shankar Balasubramanian, návrhář Angieho seznamu, bere dobrý pohled na řídítka , nový prvek uživatelského rozhraní, který získává popularitu. Jak je popsán v informativním příspěvku: "Řídící lišty jsou prvkem rozhraní, který pomáhá uživateli změnit velikost a uspořádání různých sekcí na tomto plátně (nebo rozhraní v moderním uživatelském rozhraní). Pokud jste použili rozdělené zobrazení multitasking pro systém iOS na iPadu, malá vertikální a vodorovné úchyty v jedné ze dvou aplikací v rozděleném pohledu jsou to, co nazývám "řídítka". "

řídítka

Zaniklé ikony zvířat

Lidské bytosti zrychlily míru vyhubení v živočišné říši jako nikdy předtím. Ať už je to způsobeno lovem, ničením stanovišť nebo soutěží o zdroje potravin, více zvířat nebude nikdy vidět znovu. Tato pestrá sada vyhynulé zvířecí ikony snaží se vzdělávat a poskytovat skvělý zdroj.

vyhynulá zvířata

2018 průzkum štěstí

Co se snažíte dostat z vaší kariéry? Které části práce vás zpříjemní? The Průzkum štěstí se snaží zjistit, že informace s průzkumem pro jednotlivce a vůdce, kteří chtějí dělat dobré rozhodnutí. Každý, kdo se účastní, dostane výsledky prostřednictvím e-mailu.

kariérního průzkumu

Výukový program: Úžasné efekty přesunu s proměnnými CSS

Tobias Reich má zábavný tutoriál který vám pomůže vytvořit efekt vzhledu pohybu pro tlačítko. Návrh je jednoduchý, ale vyniká s šikovným gradientem, který se trochu liší od všech běžných typů stínění barev, které se často používají. Prochází vás procesem, abyste mohli přizpůsobit a vytvořit svůj vznášedlivý efekt.

vznášet se

Fonts.LOL

Fonts.LOL je první typ slévárny určený pro barevné písma. Typografický styl je založen na otevřených písmech SVG, které obsahují více barev, tahů (a šířky) a přechodů. Koncept sbírky barevných fontů má posunout dopředu technologii a usnadnit a rozšířit barevné písmo. Stačí vybrat font barev, stahovat a instalovat pro použití. (Licence se mohou lišit podle písma.)

barevné písmo

Bluefish

Bluefish je poněkud blokovaný sans serif s omezeným počtem stylů ve volné demo sady. (K dispozici je také plná verze.) Může to být hezké zobrazení a demo obsahuje běžné, kurzíva, tučné a tučné italické styly s 378 znaky v každém.

bluefish

Gudlak

Právě včas pro den sv. Patrika je vydání Gudlak , rukopis stylu písma s jetel rozkvétá. Demonstrační verze obsahuje omezenou sadu 53 znaků, ale je k dispozici možnost úplného písma. Toto písmo může být zábava pro sezónní projekty, pokud jsou používány šetrně.

gudlak

JMH Arkham

JMH Arkham je vinobraní stylu serif typ s velkým znakem. Typ písma obsahuje celou sadu horních a malých písmen s zábavnými náklony a zářezy. Některé z dopisů mají také delší ocasy, které dodávají do vaší typografie rozkvět.

jmh

Kabe

Kabe je monospaced písmo s hodně charakteru. Jeho použití by se mohlo snadno rozšířit na zobrazení textu pro tisk a návrhy webových stránek. Typ písma obsahuje horní a malé písmena, číslice a interpunkci.

kabe

Zůstaňte Classy

Zůstaňte Classy je jednoduchý typ písma rukopisu ve stylu čáry s velkým množstvím ligatur a vysokým postojem. Lehký typ písma je skvělý pro zobrazení nebo nápisy pro pozvánky; zahrnuje úplnou sadu znaků, čísla a interpunkci, stejně jako náhradníky.

nóbl