Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/stemmlerjs/developer-list

My personal list of developer and designer links and tools.
https://github.com/stemmlerjs/developer-list

Last synced: 9 months ago
JSON representation

My personal list of developer and designer links and tools.

Awesome Lists containing this project

README 

          
# 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](https://www.creativebloq.com/features/css-tricks-to-revolutionise-your-layouts)

- [Creative Approach To SVG](http://aganaplocha.com/cssconf-oslo/#/)

- [Appcues: UX Fundementals](https://www.appcues.com/blog/ux-fundamentals)

- [Appcues: How to design tooltips](https://www.appcues.com/blog/tooltips)

- [A Developers Guide to Web Design for Non Designers](https://medium.freecodecamp.org/a-developers-guide-to-web-design-for-non-designers-1f64ce28c38d) - Actually quite useful, good basic examples and lots of links

- [Dropdown Alternatives](https://medium.com/@kollinz/dropdown-alternatives-for-better-mobile-forms-53e40d641b53)



### Concepts

- [Skeuomorph](https://en.wikipedia.org/wiki/Skeuomorph)

- [Flat Design](https://en.wikipedia.org/wiki/Flat_design)



### Fonts

- [velvetyne](https://velvetyne.fr/) - Wow. This site and all these fonts, it inspires me to make something weird.

- [Paratype Mono](https://fonts.google.com/specimen/PT+Mono) - Hacker/tech font.

- [Trickster](https://fontsinuse.com/typefaces/76001/trickster) - This is my primary brand font.

- [Uses of fonts in Punk Rock Artwork](https://fontsinuse.com/tags/779/punk-rock) - Amazing site, really awesome to see the way that people utilize the strengths of certain fonts



### Free 

- [22 free ebooks for designers and artists](https://www.creativebloq.com/design/free-ebooks-designers-7133700)

- [Noshit.xyz](https://noshit.xyz/?ref=producthunt) - Awesome collection of images and design resources

- [Undraw](https://undraw.co/illustrations) - this is what we used in Univjobs



### Inspiration

#### Animation Heavy

- [ortizleon.es](http://www.ortizleon.es/projects)



### Patterns

- [Hero Patterns](https://www.heropatterns.com/) - Free repeatable patterns

- [Flaticon Patterns](https://pattern.flaticon.com/) - Make your own reusable patterns out of icons

- [Toptal: Subtle Patterns](https://www.toptal.com/designers/subtlepatterns/)



### Spinners

- [http://tobiasahlin.com/spinkit/](http://tobiasahlin.com/spinkit/) - good spinners, ez to use



#### Brutalist

- [Anton & Irene](http://work.antonandirene.com/silasveta/)

- [Vanholtz](https://vanholtz.co/) (that's a really awesome navigation)

- [robinjasani.fr](http://robinjasani.fr/)

- [rubyrussia](https://rubyrussia.club/)

- [PW Magazine](https://www.pw-magazine.com/)

- [tavanovincent.com](https://tavanovincent.com/)

- [Codes & Algorithms](http://codes-algorithms.keenonmag.com/multidimensionalrelations/) - 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](http://tennentbrown.co.nz/) - The skew effects here are top notch.

- [chasem.co](https://chasem.co/) - Cool site built on Gatsby using a myriad of APIs

- [Thisisfoolproof.com](https://www.thisisfoolproof.com/) - Excellent, bright site. Love the use of color and fonts.

- [Life at X](https://x.company/life-at-x/) - Another brutalist site design. my style.



#### Design inspiration sites

- [Uplabs](https://www.uplabs.com/)

- [Webdesign Inspiration](https://www.webdesign-inspiration.com/)

- [Sitesee](https://sitesee.co/)

- [Creative Bloq](https://www.creativebloq.com/) - Great articles and resources on design.



#### Minimal & Clean

- [Ueno](https://ueno.co/work/jelly)

- [Pixel by Andrew Larin](https://dribbble.com/shots/3993741-Pixel) - Clean and bright mobile app design

- [Loft./Homepage](https://dribbble.com/shots/3441078-Loft-Homepage) - Another clean design, heavy on product photography

- [Timmyomahony.com](https://timmyomahony.com/)

- [roybarber.com](https://roybarber.com/)

- [Christopher Wool](http://wool735.com/) - Artist portfolio. Unique way of presenting all of his work by year.



#### Motion

- [Material Design on Understanding Transition Anatomy](https://material.io/design/motion/understanding-motion.html#transition-anatomy)



#### Music

- [Mecca83](http://mecca83.com/) - Blog and website 

- [BUEsic Music Player Design](http://erikbue.com/buesic)

- [GREYHEADS](http://www.greyheads.eu/gigs) - Very cool brutalist website with a music player



#### Poppy

- [Type & Pixel](http://typeandpixel.com.au/)



#### Store Design

- [MB Locker](https://mb-locker-room.com/)

- [Inner Decay](https://innerdecay.com/)



### Tools

#### Carousels

- [Flickity](https://flickity.metafizzy.co/)



#### Graphics & Animation

- [Greensock](https://greensock.com/get-started-js)

- [PixJS](https://pixijs.io/examples/#/basics/custom-filter.js) - Unreal 2D WebGL renderer http://www.pixijs.com/



#### Icons

- [Illustrio](https://illustrio.com/)



#### Productivity

- [Whimsical - Dope flow charts](https://whimsical.co/)



## Development

A list of things related to development.



### Architecture

- [Nodejs architecture best practices](https://blog.codeminer42.com/nodejs-and-good-practices-354e7d763626) - pays a lot of attention to Uncle Bob, good article.

- [The Clean Architecture](http://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html) - the start point for understanding clean architecture.



### Articles

- [Building Enterprise NodeJS Apps](https://stackoverflow.com/questions/41875617/building-enterprise-app-with-node-express)

- [Structuring Business Login in Node.js Applications](https://codeburst.io/structuring-business-logic-in-node-js-application-326ba4dec658)

- [Use Render Props instead of HOCs](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce)

- [RealWorld: Real world apps on any stack](https://github.com/gothinkster/realworld)



### CSS

- [Block Element Methodology](https://en.bem.info/methodology/quick-start/)

- [CSS Naming Patterns](https://blog.toughbyte.com/blabla-9fd86eae4e6c)



### Code Sharing

- [Carbon](https://carbon.now.sh) - Create beautiful code snippets



### Dev Blogs

#### Freelancing

- [Cron Dose: Freelancer Friday](https://www.crondose.com/category/freelancer-friday/)

- [Mobile app development cost](https://www.comentum.com/mobile-app-development-cost.html)

- [How much it costs to build a web application](https://djangostars.com/blog/how-much-it-costs-to-build-a-web-application/)



### Docs

- [EditorConfig docs](https://editorconfig.org/)

- [Eslint Documentation](https://eslint.org/docs/rules/)



### Interview Prep

- [Technical Interview Cheat Sheet](https://gist.github.com/TSiege/cbb0507082bb18ff7e4b)

- [How to Ace the Technical Interview](https://www.cio.com/article/2383000/careers-staffing/careers-staffing-how-to-prepare-for-and-ace-the-technical-interview.html)



#### JavaScript

- [JavaScript Interview Questions](https://www.toptal.com/javascript/interview-questions)

- [JavaScript Hiring Guide](https://www.toptal.com/javascript#hiring-guide)



### Music

- [Making Sine, Square, Sawtooth and Triangle Waves](https://blog.stuartmemo.com/making-sine-square-sawtooth-and-triangle-waves/)

- [Querty Hancock](https://github.com/stuartmemo/qwerty-hancock) - Instant musical keyboard for the Browser.

- [Threresa Sound World](http://theresassoundworld.com/) - Web Audio API Library (made by a sonic youth fan)

- [List of Web Audio Resources](https://github.com/alemangui/web-audio-resources)



#### Sorting Algorithms

- [Sorting algorithms](https://www.toptal.com/developers/sorting-algorithms)



#### Testing

- [Jest API](https://jestjs.io/docs/en/expect.html#not)



#### Typescript

- [JSON to TS](http://www.jsontots.com/) - Useful for creating Typescript interfaces out of JSON.



##### React

- [Mozilla Hacks: Testing Strategies for React and Redux](https://hacks.mozilla.org/2018/04/testing-strategies-for-react-and-redux/)

- [React Avatar Editor](https://www.npmjs.com/package/react-avatar-editor)



##### Redux

- [Redux Test Recipes](https://redux.js.org/recipes/writingtests)



#### Other

- [Company Culture Questions](https://www.thebalancecareers.com/company-culture-interview-questions-2061194)

- [High Scalability: Everything Systems Design for Scale](http://highscalability.com/)



#### Web Development

- [Dev.to](https://dev.to/) - just an awesome blog, great UI (my kinda shit)



### NodeJS



### Portfolios

- [David Wells](https://davidwells.io/work/)



## Free stuff

### All

- [GrowthSupply](http://growthsupply.com/free/all/) - Hundreds of free things and resouces. Literally everything. 



### Books

- [Library Genesis](http://libgen.io/)

- [Fox Ebook](http://www.foxebook.net/)

- [Mobilism](https://forum.mobilism.org/index.php)

- [Learn D3 - D3Book](https://github.com/alignedleft/d3-book)



### Deployment

- [Surge.sh](https://surge.sh/tour) - deploy your front end from the cli

- [Netlify](https://www.netlify.com/)



### Images

- [Unsplash](https://unsplash.com/)

- [Burst](https://burst.shopify.com)



## 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](https://adrianmejia.com/blog/2016/03/23/how-to-scale-a-nodejs-app-based-on-number-of-users/)

- [NodeJS Security Checklist](https://blog.risingstack.com/node-js-security-checklist/)

- [9 Security Tips for Express.js](https://nodesource.com/blog/nine-security-tips-to-keep-express-from-getting-pwned/)



### Ngninx

- [Lets Encrypt with an nginx reverse proxy](https://serverfault.com/questions/768509/lets-encrypt-with-an-nginx-reverse-proxy)

- [Fail2Ban on Ubuntu](https://www.digitalocean.com/community/tutorials/how-to-protect-an-nginx-server-with-fail2ban-on-ubuntu-14-04)

- [How to secure Nginx with Lets Encrypt on Ubuntu 16](https://www.digitalocean.com/community/tutorials/how-to-secure-nginx-with-let-s-encrypt-on-ubuntu-16-04)



### SSL

- [Getting a Perfect SSL Labs Score](https://michael.lustfield.net/nginx/getting-a-perfect-ssl-labs-score)



### Tools

- [StatusPage.io](https://www.statuspage.io/) - report the status of your website (medium, twitter, etc other sites use this)

- [Latency.io](https://latency.apex.sh/?url=https%3A%2F%2Fkhalilstemmler.com&compare=) - beautiful tool to see latency of your website around the world



## Personal Growth

- [Kate Heddleston - Becoming a 10x Developer](https://kateheddleston.com/blog/becoming-a-10x-developer) - Being patient, being a good person, how to work well on a team.



## Work

### Freelance

- [Jobbliss](https://www.gojobbliss.com/about/freelancers)

- [PeoplePerHour](https://www.peopleperhour.com/site/register?rfrd=1225467.1)

- [Guru](https://www.guru.com/)

- [UpWork](https://www.upwork.com/ab/account-security/login?redir=/ab/find-work/)



### Resources

- [Code Sample Tips for Job Interviews](https://spin.atomicobject.com/2016/04/10/job-application-code-sample/)

- [Contracting in Canada](https://www.cameronhuff.com/blog/becoming-a-contract-programmer-in-canada/index.html)



### Remote

- [RemoteOK](https://remoteok.io)

- [RemotelyAwesomeJobs](https://www.remotelyawesomejobs.com)

- [Remote.co](https://remote.co/remote-jobs/)

- [Rework List](https://www.reworklist.com/)

- [WorkingNomads](https://www.workingnomads.co/jobs)

- [FlexJobs](https://www.flexjobs.com/)

- [RemoteList.io](https://remotelist.io/)

- [RemoteLeads](https://remoteleads.io/premium) - find remote leads

- [RemoteAge](https://www.remoteage.com/remote-jobs/#s=1)



### Reddit Threads

- [How to Attain a 100% Remote Job](https://www.reddit.com/r/cscareerquestions/comments/3yetp9/how_hard_is_it_to_attain_a_100_remote_fulltime/)