stemmlerjs-list

My personal list of design inspiration, tools and developer resources

Design

A list of things related to design.

Articles

• CSS Tricks to Revolutionalise Your Layouts
• Creative Approach To SVG
• Appcues: UX Fundementals
• Appcues: How to design tooltips
• A Developers Guide to Web Design for Non Designers - Actually quite useful, good basic examples and lots of links
• Dropdown Alternatives

Concepts

• Skeuomorph
• Flat Design

Fonts

• velvetyne - Wow. This site and all these fonts, it inspires me to make something weird.
• Paratype Mono - Hacker/tech font.
• Trickster - This is my primary brand font.
• Uses of fonts in Punk Rock Artwork - Amazing site, really awesome to see the way that people utilize the strengths of certain fonts

Free

• 22 free ebooks for designers and artists
• Noshit.xyz - Awesome collection of images and design resources
• Undraw - this is what we used in Univjobs

Inspiration

Animation Heavy

• ortizleon.es

Patterns

• Hero Patterns - Free repeatable patterns
• Flaticon Patterns - Make your own reusable patterns out of icons
• Toptal: Subtle Patterns

Spinners

• http://tobiasahlin.com/spinkit/ - good spinners, ez to use

Brutalist

• Anton & Irene
• Vanholtz (that's a really awesome navigation)
• robinjasani.fr
• rubyrussia
• PW Magazine
• tavanovincent.com
• Codes & Algorithms - This is really something. It's an entire magazine on code and algorithms by multiple authors and divided into different sections/styles. Never really seen anything like this before on the web.
• tennentbrown.co.nz - The skew effects here are top notch.
• chasem.co - Cool site built on Gatsby using a myriad of APIs
• Thisisfoolproof.com - Excellent, bright site. Love the use of color and fonts.
• Life at X - Another brutalist site design. my style.

Design inspiration sites

• Uplabs
• Webdesign Inspiration
• Sitesee
• Creative Bloq - Great articles and resources on design.

Minimal & Clean

• Ueno
• Pixel by Andrew Larin - Clean and bright mobile app design
• Loft./Homepage - Another clean design, heavy on product photography
• Timmyomahony.com
• roybarber.com
• Christopher Wool - Artist portfolio. Unique way of presenting all of his work by year.

Motion

• Material Design on Understanding Transition Anatomy

Music

• Mecca83 - Blog and website
• BUEsic Music Player Design
• GREYHEADS - Very cool brutalist website with a music player

Poppy

• Type & Pixel

Store Design

• MB Locker
• Inner Decay

Tools

Carousels

• Flickity

Graphics & Animation

• Greensock
• PixJS - Unreal 2D WebGL renderer http://www.pixijs.com/

Icons

• Illustrio

Productivity

• Whimsical - Dope flow charts

Development

A list of things related to development.

Architecture

• Nodejs architecture best practices - pays a lot of attention to Uncle Bob, good article.
• The Clean Architecture - the start point for understanding clean architecture.

Articles

• Building Enterprise NodeJS Apps
• Structuring Business Login in Node.js Applications
• Use Render Props instead of HOCs
• RealWorld: Real world apps on any stack

CSS

• Block Element Methodology
• CSS Naming Patterns

Code Sharing

• Carbon - Create beautiful code snippets

Dev Blogs

Freelancing

• Cron Dose: Freelancer Friday
• Mobile app development cost
• How much it costs to build a web application

Docs

• EditorConfig docs
• Eslint Documentation

Interview Prep

• Technical Interview Cheat Sheet
• How to Ace the Technical Interview

JavaScript

• JavaScript Interview Questions
• JavaScript Hiring Guide

Music

• Making Sine, Square, Sawtooth and Triangle Waves
• Querty Hancock - Instant musical keyboard for the Browser.
• Threresa Sound World - Web Audio API Library (made by a sonic youth fan)
• List of Web Audio Resources

Sorting Algorithms

• Sorting algorithms

Testing

• Jest API

Typescript

• JSON to TS - Useful for creating Typescript interfaces out of JSON.

React

• Mozilla Hacks: Testing Strategies for React and Redux
• React Avatar Editor

Redux

• Redux Test Recipes

Other

• Company Culture Questions
• High Scalability: Everything Systems Design for Scale

Web Development

• Dev.to - just an awesome blog, great UI (my kinda shit)

NodeJS

Portfolios

• David Wells

Free stuff

All

• GrowthSupply - Hundreds of free things and resouces. Literally everything.

Books

• Library Genesis
• Fox Ebook
• Mobilism
• Learn D3 - D3Book

Deployment

• Surge.sh - deploy your front end from the cli
• Netlify

Images

• Unsplash
• Burst

Ops

A list of things related to ops, networking and linux.

Node.js Security

• How to scale a Nodejs app based on number of users
• NodeJS Security Checklist
• 9 Security Tips for Express.js

Ngninx

• Lets Encrypt with an nginx reverse proxy
• Fail2Ban on Ubuntu
• How to secure Nginx with Lets Encrypt on Ubuntu 16

SSL

• Getting a Perfect SSL Labs Score

Tools

• StatusPage.io - report the status of your website (medium, twitter, etc other sites use this)
• Latency.io - beautiful tool to see latency of your website around the world

Personal Growth

• Kate Heddleston - Becoming a 10x Developer - Being patient, being a good person, how to work well on a team.

Work

Freelance

• Jobbliss
• PeoplePerHour
• Guru
• UpWork

Resources

• Code Sample Tips for Job Interviews
• Contracting in Canada

Remote

• RemoteOK
• RemotelyAwesomeJobs
• Remote.co
• Rework List
• WorkingNomads
• FlexJobs
• RemoteList.io
• RemoteLeads - find remote leads
• RemoteAge

Reddit Threads

• How to Attain a 100% Remote Job