Tato měsíční sbírka je plná nástrojů, které pokrývají rozsah projektů webových stránek. Od ikonových balíčků po sezónní vektory až po několik skvělých písem a některé úryvky kódu, které vám ulehčí život, myslíme si, že najdete alespoň jeden prvek, který použijete okamžitě.

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!

Dropbox Design

Dropbox upustil nový designový obrys a branding tento měsíc a je tučný, pestrý a plný trendových konceptů. Co to pro vás znamená? Když velké značky uvádějí nové návrhy, často se stávají trendy. Bude zajímavé zjistit, zda odvážná modová koncepce začíná být mezi více webovými stránkami.

dropboxatchia

Chroma

Chroma , který je stále v beta verzi, nazývá se "barevným nástrojem AI pro návrháře". Začněte s sadou 50 barev, které vybíráte a vycvičíte algoritmus pro generování barev, které se vám líbí a blokujte ty, které nemáte. Tento algoritmus se naučil od nejoblíbenějších barevných palet na internetu, aby vytvořil skvělé kombinace; můžete procházet barvy podle vzorníku, gradientu, palety nebo obrázků nebo typu.

khroma

Projekt Data Viz

Jak nejlépe vizualizujete data? To je velká konstrukční otázka. Tento projekt zobrazuje spoustu způsobů, jak vytvořit grafy a grafy s informacemi pro snadno pochopitelné zobrazení. Klepnutím na jakýkoli typ vizualizace získáte informace o tom, jak funguje, funkce, tvar a příklady živých dat.

data-viz

Devices.css

Hledáte čisté verze CSS nejnovějších zařízení? Chyť je od Devices.css , včetně iPhone X a 8, Google Pixel, Galaxy S8, tablet a další.

zařízení

Adresa URL do PDF

Adresa URL do PDF je mikroservis pro vyhotovení potvrzení, faktur nebo jiného webového obsahu do PDF. Rozhraní API převádí obsah HTML + CSS do formátu PDF s Chrome bez hlavy bez použití aplikace Puppeteer.

pdf

Bubbly Pozadí

Vytvořte skvělý animovaný obrázek na pozadí s pohyblivými bublinami. Malý kousek kódu je menší než 1 kB a vždy vyplňuje šířku a výšku výřezu, takže je řešení plug and play pro řadu projektů. Nástroj umožňuje vytvářet na plátně také "bublinu" pro vlastní vzhled.

bubliny

Draggable

Shopify má v pohodě malý nástroj, Draggable , což je modulární knihovna přetažení. Můžete přesunout prvky, třídit a sledovat vše, co zapadne na místo s rychlým a citlivým tříděním. Funguje s klepnutím, dotykem a vynucením dotyku přímo z krabice. Navíc je možné jej rozšířit - napište vlastní modul pro další funkce a odešlete jej do Github repo pro kontrolu.

dragsable

Modulátor

The mezery nástroj vám může pomoci pochopit váš systém mřížky a designu. Existují různé vstupy pro jednotky, mezery a šířky plus měřítko typů.

modulátoru

Vnořené symboly a automatické aktualizace stylů pro skici

Uživatelé skici budou milovat tuto "inteligentní" šablonu který používá vnořené symboly. Šablona je výchozím bodem, takže nereprodukujete některé počáteční fáze návrhu s každým novým projektem a můžete se ponořit přímo do drátu. Balíček obsahuje tlačítka, vstupy, rozbalovací nabídky, oznámení, paginace, popisky, kalendář atd. Jako šablonu náčrtu. Stačí načíst a začít přetahovat prvky.

vnořené

Flow.ai

Flow.ai je nástroj pro vytváření konverzací s chatboty pomocí umělé inteligence. Rozhraní drag and drop poskytuje snadný způsob vytváření chatbotů s pokročilými funkcemi.

tok

Untitled Slider

Nathan Taylor je Untitled Slider přináší zábavný nový twist na stejnou starou animaci posuvníku. Rotační posuvník pro změnu barev je dramatický, zajímavý a upoutá pozornost.

posuvník

Sticky boční lišta

Sticky boční lišta je čistý JavaScriptový plugin pro vytváření inteligentních a vysoce výkonných postranních panelů, které jsou integrovány se snímačem velikosti, který automaticky určuje rozměry při změně velikosti kontejneru.

lepicí boční lišta

Kabelové body

Kabelové body je sbírka volných motivů Bootstrap, prvků a komponent. Nový web přidá zdarma freebies.

free-bootstrap

Hodiny

Hodiny je nový (a bezplatný) nástroj pro sledování času pro agentury a nezávislé pracovníky. Můžete udržet krok s projekty a odpracovaným časem pro sebe nebo pro tým. Sledujte podle projektu nebo uvidíte, jak jste produktívní. K dispozici jsou ruční a automatické možnosti sledování času.

ustavení

Moocha

Cítíte, že trvá příliš dlouho, než najdete správný online kurz? Moocha prohledá všechny weby online kurzů, takže vše, co musíte udělat, je například zadat téma - návrh UX - a můžete vidět všechno tam venku z míst jako edX, Coursera, Udacity a další.

moocha

Halloween Vector Toolkit

Je to měsíc všeho strašidelného tento malý vektorový kit je vybaven Halloween themed prvky pro webové stránky a návrhy tisku. (Mohou být trochu náladovější než strašidelný.)

předvečer Všech svatých

Happtizens Character Creator Set

Tato zábavná sada roztomilých znaků poskytuje výchozí bod pro vytváření vektorových bytostí a osob. Každá postava téměř vypadá jako loutka prstů v minimalistickém stylu.

štěstí

iOS 11 Glyfy

Tato velká sada open source glyphs je v novém stylu iOS 11 s novým plněním ikon. (Ty staré ikony osnovy se již na kartě nepoužívají.) Balíček obsahuje 200 ikon, které jsou v souladu s pokyny Apple.

ios-glyphs

Znaky ikony

Znaky ikony je balení 422 pixelů - dokonalé ikony čáry. Je zde vše od webových ikon přes směrové ikony hráčů až po ikony textu a ikony sociálních médií. Sadu ikon můžete použít jako písmo se stylizovanou vrstvou CSS nebo jako nezávislé soubory SVG. (A oni jsou všichni svobodní.)

jam-ikony

TypeStrap

TypeStrap je sestava typu CSS, která používá modulární měřítko, která uživatelům pomáhá řídit typografii. Je postavena na platformě Bootstrap 4.

typestrap

Budoucí písma

Skupina návrhářů typu pracuje na projektu, který nazývá "platformou pro návrháře, kteří používají typ a ty, které ho vytvářejí". Budoucí písma umožní uživatelům licencovat písma v době, kdy ještě probíhají, a poskytne informace, které jim pomohou učinit je lepšími a užitečnějšími. Je to jako beta místo pro typ.

budoucí fonty

Archia

Archia je jednoduchý písmo s převážně jednotnými tahy a drobnými patkami. Zahrnuje šest stylů - jen pravidelné je součástí bezplatného stahování - a mohlo by fungovat i pro aplikace s displejem nebo menší typy. Podporuje více jazyků a přichází s tabulkovými údaji (hlavní bonus, pokud vytváříte tabulky, cenové seznamy nebo finanční zprávy).

atchia

Jullian Script

Jullian je zábavný skript, který má zvláštní a moderní vkus. Tahy mají akvarely a písmo je dodáváno s plnou malou a malou sadu znaků, interpunkci a číslice.

jullian

Mouron

Mouron je krásný, moderní bezpatkový typ písma v plném velkém stylu. Bylo by to skvělý plakát nebo displej písma a zahrnuje čísla a sadu zábavných alternativních znaků.

mouron