My Coding Bookmarks
A collection of handy websites, repos, templates, etc. for web development.
Miscellaneous
- UnsplashFree stock images
- Lorem IpsumGenerate topical lorem ipsum text
- HaikeiSVG background generator
- Formito | Favicon MakerCreate favicons from text or emojis
- Color Schemer OnlineFind complementary colors
- SubcolorFind the color in between two colors
- Public-APIsList of free & public APIs
- GitSheetGit command cheat sheet
- Line AwesomeThe best free icon pack
- JSON HeroThe best JSON viewer - beautify, preview, generate demo code, and more
- Mobile PalettePick a color and generate a simple color palette from it
- Hero PatternsA collection of repeatable SVG background patterns for you to use on your web projects
- Transparent TexturesSimple background patterns
- UI Ball LoadersA collection of free loaders & spinners
- Small Dev ToolsA bunch of useful dev tools to format, minify, json decode, etc.
- httpstat.usSuper simple service for generating different HTTP codes
HTML & CSS
- LayoutitUser interface for generating CSS grid
- Non-Boring GradientsCreates much nicer CSS gradients than normal by avoiding the 'gray dead zone'
- GradientaInteresting gradient effects
- CSS Scan | Box ShadowsCollection of CSS box shadows
- uiGradientsCollection of simple UI gradients
- Caleb McGuire Blog10 Useful Google Font Combinations for Your Next Site
- 1LineLayouts10 one-liner CSS layout and sizing techniques
- Hex to CSS FilterGenerate a CSS filter to turn any colour into the specified hex
JavaScript
- 1locJavaScript utilities in single line of code
- DailyJSMore JavaScript one-liners!
- easy-scroll.jsSmooth scrolling / inertia scrolling effect
- Christian Heilmann BlogArticle about using JavaScript with CSS variables
Vue
- Vue CheatsheetCheatsheet for basic Vue commands
- VueUseCollection of Vue composition utilities
Chrome Extensions
- VisBugGeneral purpose tool for changing web page layouts and doing small CSS edits
- SVG GobblerFinds the vector content on the page you're viewing and gives you the option to download, optimize, copy, view the code, or export it as an image
- Fonts NinjaIdentify fonts on any website