Resources

Free tools, articles and ebooksfor developers who ship.

20 free tools, 11 articles and 3 free ebooks, handpicked by Marko Denic. Nothing here needs a sign-up or a credit card.

20free tools
11articles
3free ebooks

All 34 resources.

Tools

20 tools. All free.

Generators, editors and references you can open in a tab and use right away.

Tool ยท Free ยท markodenic.com

CSS Button Generator

Generate beautiful, custom CSS button styles with live preview. Tweak colors, borders, shadows, and hover effects - then copy the ready-to-use CSS code instantly.

CSS ยท Generator ยท UI Design ยท No-Code

Tool ยท Free ยท markodenic.com

Glassmorphism CSS Generator

Create the stunning frosted-glass UI effect with a real-time visual editor. Adjust blur, transparency, border, and background - get copy-ready CSS in seconds.

CSS ยท Glassmorphism ยท UI Trend ยท Generator

Tool ยท Free ยท markodenic.com

QR Code Generator

Instantly generate QR codes for any URL, text, or content. Download as SVG or PNG, no signup needed. Perfect for linking to your projects or portfolio.

QR Code ยท Generator ยท Marketing

Tool ยท Free ยท markodenic.com

Tech Acronyms Explorer

Instantly look up what any tech acronym stands for. A handy reference for developers navigating jargon-heavy documentation, PRs, or job descriptions.

Reference ยท Glossary ยท Productivity

Tool ยท Free ยท freecodetools.org

Markdown Preview

Write Markdown in real time and see the rendered output instantly side by side. Great for drafting READMEs, blog posts, or documentation with a live preview.

Markdown ยท Editor ยท Writing ยท Docs

Tool ยท Free ยท freecodetools.org

Open Graph Generator

Generate advanced Open Graph meta tags for richer social sharing previews on Facebook, LinkedIn, and more. Fill in the form, copy the generated HTML - done.

SEO ยท Open Graph ยท Meta Tags ยท Social

Tool ยท Free ยท freecodetools.org

Password Generator

Create strong, cryptographically random passwords with customizable length, symbols, numbers, and casing. Stop using weak passwords on your dev accounts.

Security ยท Password ยท Generator

Tool ยท Free ยท freecodetools.org

Code Minifier

Minify CSS, HTML, and JavaScript code to reduce file size and improve page load speed. Paste your code, click minify, copy the compressed output.

Performance ยท CSS ยท JavaScript ยท HTML

Tool ยท Free ยท freecodetools.org

Code Beautifier

Beautify and format messy CSS, HTML, and JavaScript code for readability. Useful when working with minified third-party code you need to debug or understand.

Formatting ยท CSS ยท JavaScript ยท HTML

Tool ยท Free ยท freecodetools.org

Word Counter

Count words, characters, and sentences in any text. Handy when writing blog posts, meta descriptions, tweet threads, or any content with character limits.

Writing ยท Content ยท Productivity

Tool ยท Free ยท freecodetools.org

Twitter Card Generator

Generate Twitter Card meta tags for richer link previews when your content is shared on X (Twitter). Supports summary, summary with large image, and app cards.

SEO ยท Twitter ยท Meta Tags ยท Social

Tool ยท Free ยท articlebanner.com

Article Banner Generator

Design professional article banners and Open Graph images without a designer or Figma. Create stunning OG images and blog covers that get more clicks on social media - for free.

OG Image ยท Blog Cover ยท Design ยท Social Media

Tool ยท Free ยท snippeteditor.com

Snippet Editor - Beautiful Code Screenshots

Turn your code snippets into stunning, shareable screenshots in seconds. Customize the theme, font, background, and padding - then share on social media or embed in blog posts.

Code Screenshots ยท Social Media ยท Design ยท Sharing

Tool ยท Free ยท htmlrev.com

HTML/CSS Templates Library

Browse 2,200+ free HTML and CSS templates across all major frameworks - Bootstrap, Tailwind, React, Vue, Next.js, Astro, and more. Filter by stack, style, or category and find the perfect starter for your next project.

Templates ยท HTML ยท CSS ยท Free

Tool ยท Free ยท websitevice.com

Website Design Inspiration

6,400+ real-world website examples organized by industry and business type. A practical design reference for developers and designers who want to see how modern sites look in specific niches before they start building.

Design Inspiration ยท UI Design ยท Templates ยท Reference

Tool ยท Free ยท hostmap.io

HostMap - Hosting Comparison

Compare WordPress, VPS, cloud, serverless, and dedicated hosting providers side by side - real specs, pricing, and reviews. Filter by type, budget, or feature to find the right host for your next project.

Hosting ยท Comparison ยท VPS ยท Cloud

Tool ยท Free ยท javascriptquiz.com

JavaScript Quiz

Free interactive quiz that tests your JavaScript knowledge with 10 random questions per round. Covers type coercion, closures, the event loop, and async/await. No account or sign-up required.

JavaScript ยท Quiz ยท Learning ยท Interview Prep

Tool ยท Free ยท sslradar.io

SSL Radar

Free SSL certificate checker and monitor. Instantly inspect any domain's expiry date, issuer, and trust chain, then set up continuous monitoring for up to 100 domains with email alerts before certificates expire.

SSL ยท Security ยท Monitoring ยท DevOps

Tool ยท Free ยท minitestrails.com

Minitest Rails

Free comprehensive guide to testing Rails applications with Minitest. Covers everything from basic unit tests to system tests, authentication, and CI/CD integration. No sign-up required.

Ruby on Rails ยท Testing ยท Minitest ยท Learning

Tool ยท Free ยท remocn.dev

Remocn

Free, open-source component library for building product demo videos in Remotion. Copy-paste typography, shaders, transitions, and animated icons, then describe the video you want and let an AI agent assemble it. MIT licensed, and runs entirely on your machine.

Remotion ยท React ยท Video ยท Animation

Articles

11 articles worth your time.

Guides and newsletter issues on CSS, JavaScript, performance and shipping without a framework.

Article ยท markodenic.com ยท Trending guide

Git Cheat Sheet

A comprehensive Git cheat sheet covering the most essential commands - from initializing repos and managing branches to rebasing, stashing, and resolving conflicts. A must-bookmark reference.

Git ยท Cheat Sheet ยท Reference ยท Version Control

Article ยท markodenic.com ยท Trending guide

CSS Pulse Animation

Learn how to create smooth, eye-catching CSS pulse animations with practical examples. Covers keyframes, timing functions, and real-world use cases like notification badges and loading indicators.

CSS ยท Animation ยท UI ยท Keyframes

Article ยท markodenic.com ยท Trending guide

From Zero to Web Developer

A complete roadmap for absolute beginners who want to become professional web developers. Covers what to learn, in what order, how long it takes, and how to land your first job - no fluff.

Beginner ยท Career ยท Roadmap ยท Web Dev

Article ยท markodenic.com ยท Trending guide

CSS if Statements & Conditional Logic

An introduction to CSS if statements and conditional logic - one of the most exciting new CSS features. Learn how to write conditional styles natively in CSS without JavaScript or preprocessors.

CSS ยท Modern CSS ยท Conditional ยท New Feature

Article ยท markodenic.com ยท Trending guide

CSS Line Height - The Complete Guide

A deep dive into the CSS line-height property - how it works, its relationship to font-size, unitless vs. fixed values, and how to use it correctly for optimal readability in any UI.

CSS ยท Typography ยท Line Height ยท Readability

Newsletter ยท markodenic.tech

Make Three API Calls Finish in the Time it Takes to Make One

Running async calls sequentially wastes time. Learn how Promise.all executes them in parallel, reducing total wait time to just the slowest request - with practical examples.

JavaScript ยท Async ยท Promise.all ยท Performance

Jun 5, 2026

Newsletter ยท markodenic.tech

How to Remember Your Users Without a Database

Store user preferences and UI state directly in the browser using three different methods - eliminating backend infrastructure for many common use cases. No database required.

JavaScript ยท localStorage ยท Browser APIs ยท State

May 29, 2026

Newsletter ยท markodenic.tech

How to Add a Native Share Button with 4 Lines of JavaScript

Replace multiple social share buttons with a single native share sheet using the Web Share API - minimal code that integrates directly with users' installed apps and OS-level sharing.

JavaScript ยท Web Share API ยท Mobile ยท UX

May 16, 2026

Newsletter ยท markodenic.tech

Stop Tweaking Your User Prompts - Do This Instead

A system prompt framework that produces clearer, more concise AI responses - without endlessly fiddling with user prompts. A practical approach for developers building AI-powered features.

AI ยท Prompting ยท LLM ยท Productivity

May 9, 2026

Newsletter ยท markodenic.tech

Make Page Loads Feel Instant - No Framework

Using a JSON script tag for prerendering enables instant-feeling page navigation without React, Next.js, or any framework. A lightweight technique that works on any stack.

JavaScript ยท Performance ยท No Framework ยท Prerendering

May 1, 2026

Ebooks

3 ebooks. No paywall.

Longer reads on HTML, CSS and technical decision-making. Download and keep.

Ebook ยท Free ยท markodenic.tech

HTML Tips - The Hidden Gems

Focused on hidden HTML features with plenty of practical examples and beautiful graphics. While detailed docs make it easy to miss useful lesser-known features, this free ebook puts a spotlight on them - covering what thousands of developers wish they'd known sooner.

HTML ยท Hidden Features ยท Free Download ยท Web Dev

Ebook ยท Free ยท markodenic.tech

Modern HTML & CSS

56 modern HTML and CSS features you're not using but should be. Built-in elements, powerful selectors, and techniques that eliminate entire libraries and unnecessary JavaScript - with production-ready code snippets and browser compatibility guidance.

HTML ยท CSS ยท Modern Web ยท Free Download

Ebook ยท Free ยท dailytips.dev

The Technical Decision Framework

A framework for the architectural choices that shape your codebase. Stop second-guessing decisions about architecture, tech stack, and scope - use this structured guide to make engineering decisions you won't regret. Free download, no spam.

Architecture ยท Decision Making ยท Engineering ยท Free Download

Suggest

Know something that belongs here?

Send a link. If it's free and genuinely useful, it gets listed and credited to your account. Every suggestion gets read.

What is it

Opens X with the post written for you. Nothing is sent until you hit post.

Active Builders

Stop building alone.

Active Builders is a private, vetted community for developers, founders and makers who are launching real products. Pay once, stay for good.

  • Up to 50% off dev tools
  • Feedback from people who actually ship
  • Templates and components
  • Vetted members only
  • A private community, no public feed
Join the community. $49 $49 one time. No subscription. No spam, ever.