quick-resources-for-developers
quick-resources-for-developers copied to clipboard
Published
20 hours ago •
jeannienguyen
jeannienguyen
Curated list of shortcuts, tools, resources, and much more
Please read Contributing Guidelines before submitting new resources.
Table of Contents
- APIs
- Chrome Extensions
- CLI
- Design
- Editors and IDEs
- Frontend Cheatsheets
- Interview Prep
- Optimization
- Sandboxes
- Templates
- UI Inspiration
APIs
APIs
| Resources | Description |
|---|---|
| AmiiboAPI | A RESTful API for Amiibo |
| COVID 19 API | A free API for data on the Coronavirus |
| FOAAS | Fuck Off As A Service |
| Pokémon TCG API | Pokémon Trading Card Game API |
| REST Countries | Get information about countries via a RESTful API |
| Trefle | A global plants API |
| Financial Modeling Prep API | Stock, financial data and statements API |
↥ Back To Top
Chrome Extensions
Chrome extensions helpful for developers
| Resources | Description |
|---|---|
| Web Developer | Adds web developer tools |
| CSS Viewer | Simple CSS property viewer |
| Wappalyzer | Identify web technologies |
| JSONView | Validate and view JSON documents |
| Lorem Ipsum Generator | Create default text |
| The Great Suspender | Suspends useless tabs |
| Talend API Tester | Visually interact with REST, SOAP and HTTP APIs. |
| Clear Cache | Clear caches |
| WhatFont | Hover and see which font is used |
| PerfectPixel | Create website with pixel perfect accuracy |
↥ Back To Top
CLI
Useful CLI resources
| Resources | Description |
|---|---|
| Github | Github Cheatsheet |
↥ Back To Top
Design
Design resources
| Resources | Description |
|---|---|
| unDraw | Open-source illustrations and SVG images |
| FontPair | Font pairs and other typography resources |
| Make Wave SVGs | Wave SVG generator |
| Make Blob SVGs | Blob SVG generator |
| Buttons | A CSS button library built with Sass & Compass |
| Animate.css | CSS animations |
| CSShake | CSS shake graphics |
| Hero Patterns | SVG background patterns for web projects |
| Subtle Patterns | Free tilable textured patterns |
| CSS Specificty Calculator | A visual way to understand CSS specificity |
| Randoma11y | Random generated color pattern with high contrast |
| HTML Color Codes | Colors in Hex, RGBA, and HSL |
| Color Hex | A color tool that provides info about any color |
| Color Safe | Accessible color palettes based on WCAG Guidelines |
| UI Gradients | Colored gradients |
| Color Schemes Generator | Create or get inspired by color schemes |
| CSS Gradient | CSS generator, maker, and background |
| Copy & Paste Emojis | Copy and paste emojis, no apps required |
| Emojipedia | Emoji library |
| Radix Icons | 15×15 icons |
↥ Back To Top
Editors and IDEs
Editor + IDE shortcuts for higher productivity
| Resources | Description |
|---|---|
| 20 VS Code Shortcuts | VS Code shortcuts |
| VS Code Windows Keyboard Shortcuts | VS Code shortcuts for Windows |
| IntelliJ IDEA Keyboard Shortcuts | IntelliJ IDEA keyboard shortcuts |
| Top 15 IntelliJ IDEA Shortcuts | Top 15 IntelliJ IDEA shortcuts |
↥ Back To Top
Frontend Cheatsheets and References
Cheatsheets and references
| Resources | Description |
|---|---|
| JavaScript ES2015 | Cheatsheet for JavaScript ES2015 |
| JavaScript | Cheatsheet for JavaScript |
| JavaScript Regular Expression | Cheatsheet for JavaScript RegEx |
| Emmet | Cheatsheet for Emmet |
| React | Cheatsheet for React |
| Redux | Cheatsheet for Redux |
| Vue.js | Cheatsheet for Vue.js |
| Vuex | Cheatsheet for Vuex |
| Angular 4 | Cheatsheet for Angular 4 |
| Flexbox | Cheatsheet for Flexbox |
| SCSS | Cheatsheet for SCSS |
| Stylus | Cheatsheet for Stylus |
| GraphQL | Cheatsheet for GraphQL |
| Webpack | Cheatsheet for Webpack |
| CSS Specificity | CSS specificty cheatsheet |
| HTML Reference | A Guide to All Elements and Attributes |
| CSS Reference | A Visual Guide to CSS |
| Codrops CSS Reference | An Extensive CSS Reference |
↥ Back To Top
Interview Prep
Resources to help you with your upcoming interviews
| Resources | Description |
|---|---|
| Back-End Developer Interview Questions | Back-end interview questions |
| Front-End Developer Interview Questions | Front-end interview questions |
↥ Back To Top
Optimization
Optimization
| Resources | Description |
|---|---|
| Pingdom Website Speed Test | Test & analyze the load time of a live page |
| WebPagetest | Speed test from multiple locations around the globe |
| PageSpeed Insights | Analyze website speed performance |
| TinyPNG | Image compression |
↥ Back To Top
Sandboxes
Sandboxes and playgrounds
| Resources | Description |
|---|---|
| Codepen | Online editor - build & test front-end code |
| Devtools Playground | Firefox Devtools Playground |
↥ Back To Top
Templates
Free HTML templates for developers
| Resources | Description |
|---|---|
| UI deck | Landing page templates |
| Creative Tim | UI kits, tools ,resources etc. |
| HTML 5 UP | Spiffy HTML5 site templates |
| Free Html 5 | HTML5 bootstrap templates |
| One Page Website | One page websites templates |
| Grey Grids | Dashboard and business templates |
| Landing Page Template | Free landing page templates |
| UI Cookies | Responsive web templates |
| W3Layouts | Free HTML 3000+ templates |
↥ Back To Top
UI Inspiration
List of inspirational UI
| Resources | Description |
|---|---|
| Dribble | UI creation platform |
| Evernote | All in the one bookmarks |
| Page Flows | Better user flow from products |
| UI Designs | UI inspirational designs for devs |
| UI Garage | Hand picked UI |
| Collectt UI | Daily updated UI |
↥ Back To Top
Metadata
32
Stars
9
Forks
Watchers
Owner
jeannienguyen
Metadata
Curated list of shortcuts, tools, resources, and much more