# Web Dev Resources

> Curated web development resources by Marko Denic — 17 free developer tools, 11 expert articles, and 3 free ebooks.

## Tools

- [CSS Button Generator](https://markodenic.com/tools/buttons-generator/): Generate custom CSS button styles with live preview.
- [Glassmorphism CSS Generator](https://markodenic.com/tools/glassmorphism-css-generator/): Create frosted-glass UI effects with a real-time editor.
- [QR Code Generator](https://markodenic.com/tools/qr-code-generator/): Generate QR codes for any URL or text, download as SVG or PNG.
- [Tech Acronyms Explorer](https://markodenic.com/tools/tech-acronyms-explorer/): Look up what any tech acronym stands for.
- [Markdown Preview](https://freecodetools.org/markdown-preview/): Write and preview Markdown side by side in real time.
- [Open Graph Generator](https://freecodetools.org/ogp/): Generate Open Graph meta tags for richer social sharing previews.
- [Password Generator](https://freecodetools.org/password-generator/): Create strong, cryptographically random passwords.
- [Code Minifier](https://freecodetools.org/minifier/): Minify CSS, HTML, and JavaScript to reduce file size.
- [Code Beautifier](https://freecodetools.org/beautifier/): Beautify and format minified CSS, HTML, and JavaScript.
- [Word Counter](https://freecodetools.org/word-counter/): Count words, characters, and sentences in any text.
- [Twitter Card Generator](https://freecodetools.org/twitter-card-generator/): Generate Twitter Card meta tags for rich link previews.
- [Article Banner Generator](https://articlebanner.com): Design professional article banners and Open Graph images.
- [Snippet Editor](https://snippeteditor.com): Turn code snippets into beautiful, shareable screenshots.
- [HTML/CSS Templates Library](https://htmlrev.com): 2,200+ free HTML and CSS templates across all major frameworks.
- [Website Design Inspiration](https://websitevice.com): 6,400+ real-world website examples organized by industry.
- [HostMap](https://hostmap.io): Compare WordPress, VPS, cloud, and serverless hosting providers side by side with real specs and pricing.
- [JavaScript Quiz](https://javascriptquiz.com): Free interactive quiz testing JavaScript knowledge with 10 random questions. No account required.

## Articles

- [Git Cheat Sheet](https://markodenic.com/git-cheat-sheet/): Essential Git commands reference.
- [CSS Pulse Animation](https://markodenic.com/css-pulse-animation/): Create smooth CSS pulse animations with practical examples.
- [From Zero to Web Developer](https://markodenic.com/from-zero-to-web-developer/): A complete roadmap for beginners.
- [CSS if Statements & Conditional Logic](https://markodenic.com/introduction-to-css-if-statements-and-conditional-logic/): Native conditional styles in CSS.
- [CSS Line Height - The Complete Guide](https://markodenic.com/css-line-height/): Deep dive into the CSS line-height property.
- [Make Three API Calls Finish in the Time it Takes to Make One](https://markodenic.tech/how-to-make-three-api-calls-finish-in-the-time-it-takes-to-make-one/): Parallel async calls with Promise.all.
- [How to Remember Your Users Without a Database](https://markodenic.tech/how-to-remember-your-users-without-a-database/): Store user state in the browser.
- [Your Page Is Freezing Because of This](https://markodenic.tech/your-page-is-freezing-because-of-this-here-is-how-to-fix-it/): Fix UI blocking with Web Workers.
- [How to Add a Native Share Button with 4 Lines of JavaScript](https://markodenic.tech/how-to-add-a-native-share-button-with-four-lines-of-javascript/): Web Share API guide.
- [Stop Tweaking Your User Prompts](https://markodenic.tech/stop-tweaking-your-user-prompts-do-this-instead/): System prompt framework for better AI responses.
- [Make Page Loads Feel Instant - No Framework](https://markodenic.tech/make-page-loads-feel-instant-no-framework/): Prerendering without a framework.

## Free Ebooks

- [HTML Tips - The Hidden Gems](https://markodenic.tech/html-ebook): Hidden HTML features with practical examples. Free download.
- [Modern HTML & CSS](https://markodenic.tech/modern-html-css/): 56 modern HTML and CSS features you're not using but should be. Free download.
- [The Technical Decision Framework](https://dailytips.dev/ebook): A framework for architecture and engineering decisions. Free download.