jaspero/knowledge-base

A curated list of tools, libraries, frameworks and resources we use in our day to day activities.

Jaspero Knowledge Base

This repository is a curated list of tools, libraries, frameworks and resources we use in our day to day activities.

CSS

Optimization

• UnCSS — Removes unused CSS.

Patterns

• CSS Layout — CSS patterns.

Javascript

Useful snippets

• HTML DOM — HTML DOM manipulation.
• 1-lines-of-code — Javascript one-liners.

Fonts

Resources

• Google Fonts — Largest collection of free and open source fonts.
• Adobe Fonts — Quality fonts at your fingertips.
• collletttivo — Several free open-source typefaces.
• The League of Moveable Type — An open-source font foundry.
• Open Foundry — Curated and Open-Source fonts.

Font pairing

• FontPair — Helps you pair Google Fonts together.
• Google font pairings — Google font combinations that look good.
• 25x52 typographic project — Inspiration for using Google’s font library.
• awwwards - 20 best Google web fonts.

Learn

• Typography guide — A pocket guide to master every day’s typographic adventures.
• Pierrick Calvez — A five-minute guide to better typography.

Colors

Resources

• Material UI — Material Design color system.
• Adobe Color — Color schemes from Adobe. You can explore and browse most popular color themes.
• UI Gradients — Beautiful colored gradients.
• colors.lol — Overly descriptive color palettes.
• Coolors — The super fast color schemes generator!
• Mesh Gradients — Free Mesh Gradient Collection

Learn

• Webflow blog — Web design 101: color theory.

Assets

Images

• Burst — Free stock photos.
• Pexels — Free stock photos.
• Unsplash — Free stock photos.
• Foodiesfeed — Free food related stock photos.
• Lorem Picsum — Lorem ipsum, but for pictures.

Images and more

• Mockup World — The biggest source of free photo-realistic mockups online.
• freepik — Free vectors, stock photos, PSDs, icons.
• Pixelbay — Free photos, illustrations, vectors, videos.

Videos

• mixkit — Extraordinary HD videos. For you to use, completely free of charge.

Illustrations

• unDraw — Open-source illustrations for every project you can imagine and create.
• illustrations — Open-source illustrations kit.
• Ouch! — Free illustrations to class up your project.
• Absurd Design — Free surrealist illustrations.
• Mixkit — Free art & illustration stock images.
• ManyPixels — Royalty-free illustrations.

Patterns

• SVG Backgrounds — Customizable SVG backgrounds.
• Subtle Patterns — Free textures for your next web project.
• Tartanify — Tartan patterns.

Icons

• Material Icons — Material Design icons.
• Flaticon — The largest database of free icons.
• Eva Icons — An open-source set of icons.
• Entypo — An open-source set of icons.
• Feather — A collection of simply beautiful open source icons.
• Ikonate — Fully customisable & accessible vector icons.
• Unicons — 1000+ pixel-perfect vector icons and Iconfont for your next project.
• Zwicon — Handcrafted iconset for your next project.
• SystemUIcons — A growing collection of simple and consistent icons specifically designed for systems and products.

Optimization

• SVGOMG — SVG Optimizer is a Nodejs-based tool for optimizing SVG vector graphics files.
• TinyJPG — Smart JPEG and PNG compression.
• Online Convert — Convert images to WebP.

3D models

• Poly — Browse, discover, and download 3D objects and scenes.
• Free3D — Free 3D Models.
• 3D Warehouse — The place to share and download 3D models.
• Kenney — Free game assets. No strings attached.

Text

• Lorem Ipsum — Generic text generator.

Design

Inspiration

• Codrops — Useful resources and inspirations.
• Dribbble — A community of designers sharing screenshots of their work, process, and projects.
• Behance — Showcase and discover the latest work from top online portfolios by creative professionals across industries.
• Prototypr Blog — 50 design system examples.
• Lapa Ninja — A gallery featuring landing page examples.
• Good Web Design — The best landing pages, organized by section.
• siteInspire — Web Design inspirations.
• httpster — Totaly rocking websites.
• Nicely done — Product & patterns designs inspiration.
• Calltoidea — Product & patterns designs inspiration.
• Really Good Emails — Email template designs.
• BTW - Product & patterns designs inspiration.
• Handsome Frank - Home to the world’s greatest illustrators.
• Checklist Design - A collection of the best design practices.

Learn

• Tilda blog — Simple layout and design tips to help you create a stunning webpage.
• YouTube — 5 Website Types & How To Design Them
• Marketing Examples — Step-by-step guide to landing pages that convert

Content

• Hemingway Editor — A spellchecker that makes your writing bold and clear.

Stay updated

• Smashing Magazine — News for web designers and developers.
• CSS Tricks — May or may not contain any actual "CSS" or "Tricks".

Other files like this

• The Vault — Nguyen's Design Resource stash