Just a bunch of my favorite resources for stuff.
- A-B Testing
- Accessibility
- Animation
- Apprenticeships & Bootcamps
- Branding
- Business Development
- Client Feedback
- Coding
- Color
- Content Marketing
- Design Systems
- Email Marketing
- Figma
- Frameworks
- Icons
- Image Optimization
- Inspiration
- Logos
- Project Management
- Proposals & Briefs
- Remote Work
- SEO
- Shipping
- Sketch
- Social Media
- Specs
- Squarespace
- Stacks
- Stock Photos & Videos
- Style Guides
- Talks
- Traffic & Engagement
- Troubleshooting
- Typography
- UI-UX
- Webflow
- Wireframing
- aria design patterns - great resource for figuring out what kind of keyboard support complex components should implement
- aria in html - web developer requirements for use of ARIA in HTML
- aria relationship attributes- lists attributes that indicate relationships or associations between elements
- the accessibility cheatsheet - practical examples of accessibility guidelines implementation
- web content accessibility guidelines - a wide range of recommendations for making Web content more accessible
- WebAIM's WCAG 2 Checklist - checklist of recommendations for implementing accessibility principles and techniques for those seeking WCAG conformance
- animate css - just-add-water css animations
- tuesday - a quirky CSS Animation Library
- app academy - software development (no tuition cost until you’re hired)
- apprentice.io - ideal for intermediate developers and designers looking to build upon their already strong foundation
- careerfoundry - online mentored courses to transform your career
- firehose - your path to a software career
- udacity nanodegree - master in-demand skills
- whitespace - selective design program connecting designers with rising tech startups
- responsive logos - an exploration into scalable logos for the modern web.
- the directory - discover design agencies and get a job!
- out of office hours - creating dialog between newcomers and people working in the tech industry
- logomakr - make logos easily with icons
- resume.io - build your job-winning resume in three simple steps
- cycles - makes it super easy for clients to give feedback on your web projects
- juntoo - collect and deliver feedback direcly on live web pages
- track duck - communicate on websites and designs
- boilrplate - a curated directory of boilerplates to help you start your projects!
- bulma - A modern CSS framework based on Flexbox
- can i use - up-to-date browser support tables for support of front-end web technologies
- get credit card numbers - Valid Credit Card Numbers for Testing Purposes!
- embed responsively - creates a responsive iframe for videos
- front-end checklist - an exhaustive list of all elements you need to have / to test before launching your site / HTML page to production.
- glitch - glitch is the friendly community where you'll build the app of your dreams
- hacker rank - Practice coding. Compete. Find jobs.
- html reference - a free guide to HTML
- json placeholder - fake Online REST API for Testing and Prototyping
- keycode - press any key to get the keycode
- list - a gallery of real data ready to be placed in your design.
- mailtrap - email testing for dev teams
- micron.js - a [μ] microInteraction library built with css animations and controlled by javaScript power
- pramp - the leading mock interview practice platform for frontend developers
- programmable web - leading source of news and information about Internet-based application programming interfaces (APIs)
- writemaps - WriteMaps helps you make sitemaps and gather content
- devhints - best collection of cheatsheets. must use.
- css - adam marsden css cheatsheet
- css reference - visual guide to CSS
- rhythm in web typography - a cheat sheet to set up horizontal & vertical rhythm for type
- sass - devhints sass cheatsheet
- chrome devtools
- emmett cheatsheet - the essential tool for web developers
- visual studio code
- visual studio code
- css tricks - a complete guide to flexbox
- flexbox cheatsheet - interactive flexbox tool
- flexbox froggy - a game where you help Froggy and friends by writing CSS code
- atlassian - git cheatsheet from the folks at atlassian
- get the simple guide - just a simple guide for getting started with git.
- github - git cheatsheet from the folks at github
- github cheatsheet - the most important and commonly used Git commands for easy reference
- async javascript - deepen your understanding of promises, async and await
- javascript
- javascript es6+
- javascript regex
- jQuery
- vanilla javascript toolkit - A collection of JavaScript methods, helper functions, plugins, boilerplates, polyfills, and learning resources.
- es7 react/redux/graphql/react native snippets - react snippets used in vscode
- react
- redux
- anime.js - lightweight JavaScript animation library
- codrops - inspirational code snippets
- css effects snippets - collection of animations
- css media queries - a list of media queries for devices
- free frontend - collection of frontend code snippets
- graph js - Make any website social with just a few lines of code.
- form storage - A JavaScript library stores the form-data to the localstorage so you don't have to fill the form again.
- vapid - an intentionally simple content management system built on the idea that you can create a custom dashboard without ever leaving the HTML
- css grid 12 column layout - 12-column grid framework using display:grid. includes the necessary prefixes to work in internet explorer.
- CSS Gridish - Introducing CSS Gridish: An Open Source Tool to Help Your Team Adapt CSS Grid Today
- Grid - A Visual Cheatsheet for CSS Grid Layout
- VSCode Themes - A collection of some of the most popular themes for Visual Studio Code grouped by categories (Trending, Dark & Light)
- How to become a Git expert - helpful article on git commands in real world situations
- code path - 8-week course covering all the most frequently asked interview questions from data structures to system design
- cracking the code interview - book on passing code interviews
- Grokking the System Design Interview - explanations of the tradeoffs involved in common system design questions, such as how to design Instagram
- interview cake - a guide that explains the most common patterns found in algorithmic thinking
- leetcode - endless practice problems
- pramp - practice frontend interviews for free
- awesome remote job - a curated list of awesome remote jobs and resources
- dynamite jobs - Find 100% remote + paid jobs from great companies
- hired - hired matches outstanding people with the world's most innovative companies
- hiring without whiteboards - companies that don't have a broken hiring process
- huntr - Save jobs from any website and view them anytime in your Huntr dashboard.
- key values - find engineering teams that share your values
- browser stack - test on the right mobile devices
- media queries for standard devices - css tricks exhaustive list of media queries
- my device - exhaustive list of breakpoints and pixel ratios
- ux week - four days of community, inspiration and skills building.
- brand colors - official color codes of the world's biggest brands
- colors - the new default - a nicer palette for the web
- color management - a three part series by bjango on how to best set up color management profiles in sketch, photoshop and illustrator.
- colorwise - the wise choice of colors.
- colourcode - pick colours based on hsl
- material palette - a google material design color palette
- pigment shape factory - cool color picking tool with a bunch of pigments
- swiss colors - swiss style color picker
- transparent textures - easy to download transparent textures
- color contrast checker - color tester for accessibility
- color safe - Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.
- open color - ui color theme perceptible by the color blind
- computer vision - generate alt txt for images using machine learning
- duotone shape factory - quickly create duotone photos
- 0 to 255 - color tool to find lighter and darker colors
- ambience - color palette generator
- color converter - convert colors and create a range palette
- color mind - color scheme generator that uses deep learning
- culrs - colors that work together are curated and fashioned into quality palettes that you can incorporate
- my color space - find the perfect color palette
- paletton - versatile color palette generator
- palx - automatic color palette generator
- scale - a small tool to help you generate color scales in an instant
- cool hue - coolest handpicked Gradient Hues
- css gradient generator - create gradients for the web
- grabient - UI to generate linear-gradients
- gradients.io - showcase of some beautiful gradient color combinations
- gradient hunt - free and open platform for color inspiration with thousands of trendy hand-made color gradients
- gradient shape factory - quickly make gradients
- itmeo - free collection of 180 linear gradients
- ui gradients - beautiful color gradients
- web gradients - free collection of 180 linear gradients that you can use as content backdrops in any part of your website
- the colorbook - the latest & most popular color palettes trending on dribbble right now
- color hunt - a place to discover and share beautiful color palettes
- design seeds - daily dose of color inspiration
- hue snap - color inspirations for creatives around the world
- picular - google, but for colors
- veerle - grid of color palette inspiration based on images (must use)
- write maps - make sitemaps and gather content
- buzz sumo - trending topics
- copyscape - search for copies of your page on the web
- headline analyzer - write headlines that drive traffice
- hemingway editor - hemingway app makes your writing bold and clear
- paperr - minimalist web based writing tool
- carbon design system - a versioned, comprehensive kit of the Carbon Design System visual assets (components, iconography, color palettes, grids, templates).
- uniform - hudl's design/code system
- html email - responsive HTML Email Templates
- litmus responsive email resources - a collection of responsive resources from the folks at Litmus
- responsive email patterns - a collection of patterns & modules for responsive emails
- email hunter - direct access to all the web's email addresses
- postmark app - postmark makes it easy to send time-sensitive transactional email to your customers.
- figma crush - figma templates, ui kits & freebies
- figma sources - simple way for the you a designer in the Figma community to find or share free resources to inspire your next masterpiece
- figma templates - huge components-based UI kits to complete your tasks faster
- bulma - a free and open source CSS framework based on Flexbox
- evie - a production-ready theme for your projects
- html5 boilerplate - the web’s most popular front-end template
- milligram - A minimalist CSS framework
- semantic ui - a development framework that helps create beautiful, responsive layouts using human-friendly HTML
- skeleton - A dead simple, responsive boilerplate
- spectre - a Lightweight, Responsive and Modern CSS Framework
- tachyons - Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible
- tailwind css - A Utility-First CSS Framework for Rapid UI Development
- box icons - Carefully crafted premium vector icons, perfect for use in your next project, as a web component, font or as SVG.
- google material - material design icons
- grumpicon - Drag & Drop ur SVGs on the Grumpicon plz
- feather icons - simply beautiful open source svg icons
- font famous - vector logo font for media logos
- font awesome - scalable vector icons that can instantly be customized
- ionicons - free open source icons with CDN
- icon jar - organize, search and use icons the easy way
- instant logo search - search & download thousands of logos instantly
- noun project - 150,000 icons built by creators
- simple icons - SVG icons for popular brands
- spritesh - a node.js script to build a SVG sprite from a folder of SVG files
- streamline icons - 5000 vector icons organized in 97 categories
- super tiny icons - Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos
- svg4everybody - use external SVG spritemaps today
- svgo - nodejs-based tool for optimizing SVG vector graphics files
- svgomg - graphical interface for svgo
- ui faces - a collection if diverse avatars
- we love svg - google fonts for icons
- imageAlpha - reduces file sizes of 24-bit PNG files (including alpha transparency)
- imageKit - analyze the images on your website and get suggestions on how to correct
- imageOptim - make images take up less disk space and load faster, without sacrificing quality
- jpeg.io - convert any major image format into a highly optimized JPEG
- kraken - free online image optimizer
- pngquant - command-line utility and a library for lossy compression of PNG images
- remove.bg - remove image background - 100% automatically in 5 seconds without a single click
- responsive image breakpoints generator - easily generate the optimal responsive image dimensions
- shrink me - online image optimiser. works offline too.
- tinypng - advanced lossy compression for PNG images that preserves full alpha transparency
- nishi - Copywriting matters: Boring brands, take note
- just good copy - email copy from great companies
- beautiful stores - inspiring e-comm stores
- cart craze - ecommerce website inspiration
- commerce cream - the most beautiful commerce experiences on Shopify
- ecomm design - eCommerce Website Design Gallery & Tech Inspiration
- land book - product landing page gallery
- pages xyz - a curated list of the best pricing, app, store, product and checkout pages
- product pages - listing the best product, price, and store pages out there
- beautiful email newsletters - the #1 html email gallery showcase in the world
- email gallery - find inspiration in the collection of emails from various companies and individuals
- just good copy - email copy from great companies
- html email gallery - help locate the emails and resources that suit your needs
- really good emails - the best email designs in the universe
- awwwards - the awards of design, creativity and innovation on the internet*
- best folios - the best portfolio websites and resumes from ui/ux designers, graphic designers and motion designers
- beta list - discover new start ups early
- crayon - collection of inspirational websites
- designspiration - the best design inspiration
- design revision - blog of the latest design resources and tools
- foundation sites - gallery of websites built on foundation
- little big details - Your daily dose of design inspiration.
- logojoy - Logojoy makes it easy and fun to create a logo that you’ll be proud of
- pages xyz - the place to curate and discover the best web pages
- pinterest - discover style inspiration
- siteinspire - showcase of the finest web and interactive design*
- ui movement - place to find some really nice animations
- upLabs - daily ui inspiration & downloads
- wave guide - showcase of website inspiration w/ a random button
- web design inspiration - we help web designers to get inspired
- good web design - the best landing pages, organized by section
- land book - product landing page gallery
- lapa - landing page design inspiration
- one page love - gallery of one page websites
- politics and design - a collection of every campaign logo from the 2018 election for United States Congress
- milanote - the notes app for creatives
- the project brief toolkit - project brief templates
- awesome remote job - a curated list of awesome remote jobs and resources
- pangian - the fastest-growing remote community
- remote ok - find a job where you can work anywhere
- we work remotely - the best place to find and list jobs that aren’t restricted by commutes or a particular geographic area
- working nomads - we curate the best digital jobs for those looking to start their telecommuting career.
- seo dashboard - list of tons of SEO tools
- lumi - better packaging supplies at the press of a button.
- sketch app sources - catalog of free resources for web ui ux designers
- sketch repo- find free, high-quality sketch resources for your next project
- sketch shortcuts - all of sketch's shortcuts listed
- sketch talk - sketch forum & user community
- zeplin - nice specing tool available for sketch only
- adJelly - The ultimate social & digital ad size guide!
- prepopulate tweets tool - add your tweet and pop out the code
- quuu - hand-curated content suggestions for social media
- built with - list all of the components a site is built with
- markly app - create beautiful specs with ease
- case studies - amazing collection of case studies
- content marketing stack - curated directory of content marketing resources & tutorials
- design notes - a free resource library for product designers
- design resources - select websites, tools, assets, and readings for working in and learning about design.
- marketing stack - curated directory of marketing resources & tools
- resource cards - free resources aimed to help creatives
- stacks of stacks - hand curated list of the best curated lists
- start up resources - great list of tools, resources, tips and tricks
- bucketlisty - free creative common collection of over 5000+ travel photos from all over the world
- burst - free photography for entrepreneurs
- color stock - we're changing the hue of stock photos with simply priced, royalty-free images for brands, marketers, and content creators.
- coverr - beautiful stock video delivered daily
- death to stock photos - stock photography doesn't have to suck
- every pixel - stock image search engine that filters out trash
- foodiesfeed - free food pictures
- gratisography - Free high-resolution pictures you can use on your personal and commercial projects
- iso republic - free stock photography for creatives
- jopwell - free Stock Images Of Our Community At Work
- libre stock - search the best 30 free stock photo websites in one place
- lists - real content for all your designs.
- mmt - free photos for commercial use
- nappy - free beautiful, high-res photos of black and brown people
- pexels - all the free stock photography in one place
- picography - free images to use however you like.
- raumrot - stunning lifestyle imagery for modern creatives
- splitshire - free stock photos and images for commercial use.
- start up stock - start up stock photography
- stok pic - free Stock Photos For Commercial Use
- stocksy - break the mold and make something beautiful with stocksy's curated collection
- stock snap - hundreds of free high resolution images added weekly
- the stocks - collection of free stock photography sites
- tonl - culturally diverse photo stock
- ui faces - stock faces for ui elements
- bonsai (typography) - model for how to set up type and spacing
- brand style guide examples - hand-picked collection of brand style guides
- frontify brand style guide - software for brand style guides, design workflows & visual collaboration
- intercom style guide - intercom core styles
- style guide guide - A boilerplate for creating superb style guides
- web style guides resources - includes pattern libraries and tool resources for RWD
- uideo - 275 talks for designers from 39 ui/ux conferences
- exit monitor - turn your abandoning visitors into customers
- get site control - visitor engagement tools for your startup
- kingsumo - grow your traffic by viral giveaways
- sumo me - website traffic growth tool
- what's my browser - creates a url with all the info about the client's browser
- blokk - font for quick mock-ups and wireframing
- flow - typeface built for wireframing
- typo guide - a pocket guide to master every day’s typographic adventures
- fonts in use - An independent archive of typography
- fonts that people actually use - fonts and fonts pairs are used on real websites
- google fonts combinations v1
- google fonts combinations v2
- incredible types - a curated collection and showcase of outstanding typography and design from around the world.
- just my type - A collection of font pairings from Typekit and H&FJ.
- typeinspiration - free inspirational web font combinations with color palettes and ready-to-use HTML/CSS code.
- typeinspire - typography inspiration and design gallery
- typewolf - what’s trending in type
- ultimate google font pairing - Collection of Google Font Pairings (Displayed Beautifully with Classic Art)
- etcetera type co. - three typefaces
- florian karsten - two typefaces. one being a new grotesk.
- general type studio - three typefaces
- font joy - generate font combinations with deep learning
- font pair - a tool showing a variety of suggested font pairings
- mixfont - A modern font generator
- typo scan - a designer tool which can help you to scan typography of your favorite website
- 7 practical tips for cheating at design - improving your designs with tactics instead of talent
- 10 cheat codes for designing user interfaces - a list of ui design tips with the actual values included
- good ui - a running idea list of highly effective conversion patterns
- good to great ui animation tips - practical suggestions to improve your ui micro-interactions
- top ten typography tips - a few easy tips on how to improve typography
- ui names - simple tool to generate fake names for use in designs and mockups.
- ux methods & deliverables - a list of the most common methods and deliverables produced by UX Designers
- ux myths - the most frequent user experience misconceptions and explains why they don't hold true
- ux project checklist - a checklist for your ux
- cards 2.0 - framework and ui kit
- digital bake - free webflow copy and paste components
- flowbase - curated clonables & guides from the webflow community
- flowxo - add a chatbot to any site
- rocket bots - chat automation for all your messaging apps
- story chief - content marketing hub
- blokk - font for quick mock-ups and wireframing
- flow - typeface built for wireframing
- justinmind - interactive wireframing
- Sneakpeekit - printable grids for design wireframing