Useful resources for developers!
Wednesday, September 29 at 5 PM (Edited Tuesday, April 4 at 7 PM)💡
More coming soon!
Here you will find lots of useful resources to me as a developer, everything from font pairing, to regex finding, to tailwind resources is here! If you have any suggestions feel free to suggest them in a comment!
Fonts
- Google webfonts helper
- Nice for getting data about various fonts, pairing them, finding backup fonts, etc.
- Embedded google fonts
- Get one CSS file for a google font
- Font style matcher
- Compare what fonts look like, test what two fonts look like on top of each other, and more.
- Fontjoy - Generate font pairings
- Generate font pairings using deep learning
- FontSpark | Discover Better Fonts
- Discover new fonts.
Preview/code play
- Mermaid live editor
- Make nice graphs using Mermaid
- Tailwind play
- Work on tailwind stuff easily.
- Regex tester
- Test, work on, share, and explain RegExp's easily.
Mockups
- Deviceshots
- Generate mockups for any device
- Figma
- Design and mockups for anything.
Generate code
- [Web App Manifest Generator]
- Generate the manifest.json file,
<head>element code, and more for a beautiful, immersive PWA!
- Generate the manifest.json file,
- Metatags.io
- Generate meta tags easily.
- Smooth Shadow
- Create smooth CSS box-shadows with an interactive tool.
- Animista - CSS Animations on Demand
- Create CSS animations easily.
- pattern.css - Background Patterns in CSS
- Free CSS background patterns
- Get Waves – Create SVG waves for your next design
- Generate SVG waves
- Neumorphism/Soft UI CSS shadow generator
- Generate Neumorphic shadows easily
- CSS scroll shadows
- Create CSS only scroll shadows for overflowing content.
- Markdown Tables generator - TablesGenerator.com
- Generate markdown tables easily.
- cURL to Fetch
- Convert cURL commands to fetch code.
Transform/refactor/alter code
- Beautifier
- Beautify JavaScript, HTML, and CSS
- JavaScript Minifier
- Minify JavaScript code
Code snippets
- CommandLineFu
- Helpful one line bash commands.
- bashoneliners.com
- More one line bash commands
- JavaScript Snippets - 30 seconds of code
- Useful JavaScript snippets.
Productivity
- Appscope - Progressive Web Apps Examples
- Find PWAs that are helpful, useful and fun
- Code search
- Quickly find an answer to any coding question you may have, based on stackoverflow answers.
- Tools for better thinking | Untools
- Learn how to think
- Sidebar | Dev articles every day
- Articles for developers.
- OnDrop
- Share files with anyone nearby.
Resources
- Deep JavaScript
- Deep JavaScript, a free online book about JavaScript
- webgems.io
- Helpful web development resources.
- Learn Git Branching
- Learn git branching and commands.
Tools
- Squoosh Image Compressor
- Compress your images easily
- Pipedream
- Connect APIs to your project easily.
- Carbon | Create and share beautiful images of your source code
- Create beautiful images of your source code, useful for READMEs
- colors.lol - Overly descriptive color palettes
- Color picker + comedy
- Startup Ideas powered by OpenAI
- GPT-3 software idea generator (works amazingly well)
- Top Hunts Time Machine
- Find top Producthunt items from any time
- themer - css vars
- Create a theme for anything, your website, VSCode, wallpapers and more.
- wasteof.money
- Dead simple social media which focuses on interaction.
Libraries/components
- Tailwind UI KIT – 250 components and templates for React, VueJS and Angular.
- Tailwind components
- i Hate Regex - The Regex Cheat Sheet
- Regex library
- Tailblocks — Ready-to-use Tailwind CSS blocks
- More tailwind blocks and components.
- Artify's Figma Plugin - 5000+ Vector Illustrations for Figma
- Free art with generous copyright
I will add more soon!