Cumbia & Coding

A one-page stash of dev + design resources, plus music for shipping websites like your rent depends on it.

No hustle. No call-to-action (CTA). Just links, music, and good taste.
Certified bangers only
Weird internet approved
Debugging candle energy
Cryptid-adjacent

Playlist

The Playlist

Cumbia/Tejano fuel for building and fixing.

If the embed ever breaks: open the playlist on YouTube .

Resources

Tips & Cheatsheets

Quick references and cool docs.

DevDocs

Organized docs for popular web technologies.

Docs

Docs & Learning

Awesome lists, handbooks, and free resources.

Women Made It

Products and projects by women in tech.

Community

Boot Dev

Learn backend development.

Learning

freeCodeCamp

Free coding curriculum and certifications.

Learning

W3Schools

Tutorials and references for web technologies.

Learning

Traversy Media

Web dev tutorial playlists (HTML, CSS, JS, and more).

Learning

Core Dev

MDN, web.dev, a11y, and more.

MDN Web Docs

The home base for web fundamentals.

HTMLCSSJS

web.dev

Performance, UX, and modern web patterns.

PerformanceLighthouse

WebAIM

Contrast, structure, screen reader basics.

A11Y

PHP & WordPress

PHP the right way; WP-CLI and snippets.

Performance & Optimization

Server and front-end performance.

WebPageTest

Speed and performance testing.

Performance

Code & Template Resources

Themes, templates, datasets, and tools.

Theme Wagon

Free and premium HTML templates.

Templates

HTML5 Up

Free responsive HTML5 templates.

Templates

Toffeeshare

Share files peer-to-peer with encryption.

P2P

Onetime Secret

Send passwords and credentials with links that work only once, then disappear.

Security

Toolbox

Generators

Text, favicons, data, mockups, UUIDs, hashes, code.

Mockaroo

Data generator for testing.

Data

Image Resources

Stock photos, placeholders, icons.

Pexels

Free stock images.

Photos

Unsplash

Free stock images with great API.

Photos

Freepik

Vectors, mockups, and more.

Vectors

Image Compression

Compress JPG, PNG, and images for the web.

TinyPNG

Compress PNG and JPEG.

Compress

Squoosh

The ultimate image optimizer that allows you to compress and compare images in your browser.

Compress

Converters & Optimization

Minify, convert, validate.

Can I Use

Browser compatibility tables.

Compatibility

In-Browser Coding & Snippets

CodePen, JSFiddle, Gist, and more.

CodePen

Client-side code playground.

Playground

JSFiddle

Client-side code playground.

Playground

Gist

Snippet manager and sharing.

Snippets

Public APIs

Curated list of public API resources.

API

Editors & IDEs

Code editors and development environments.

CodeSandbox

Online IDE for web development and collaboration.

Online IDE

Notepad++

Free source code editor for Windows.

Editor

Nano

Simple terminal text editor (GNU).

Terminal

JetBrains

IDEs: IntelliJ, WebStorm, PyCharm, and more.

IDE

Color, Responsiveness & Speed

Color tools, device testing, wireframes, speed tests.

Moqups

In-browser wireframing.

Wireframe

No-Code / Page Builders

One-page and simple site builders, no code required.

Carrd

Simple one-page site builder.

No-code

mmm.page

Freeform, no-code page builder.

No-code

Strikingly

One-page and mobile-friendly site builder.

No-code

Pixpa

Portfolio and website builder for creatives.

No-code

Low-Code / Website Builders

Visual site builders with more control and customization.

Wix

Website builder with templates and drag-and-drop.

Low-code

Weebly

Website and e‑commerce builder.

Low-code

Squarespace

Design-focused website and store builder.

Low-code

Webflow

Visual web design and CMS platform.

Low-code

Framer

Design and prototyping tool for web and product.

Low-code

Domains

TLD lists and domain reference.

TLD List

Browse and compare top-level domains and pricing.

Domains

Static Site Hosting

Host static and JAMstack sites for free or cheap.

Neocities

Free static hosting with a throwback vibe.

Static

Netlify

Static hosting, serverless, and deploy previews.

Static

Vercel

Static and serverless hosting, great for Next.js.

Static

GitHub Pages

Free static hosting from your GitHub repos.

Static

surge.sh

Simple CLI static hosting.

Static

Content Management Systems (CMS)

Content management systems and site builders.

WordPress

Open-source CMS powering a huge share of the web.

CMS

Shopify

E‑commerce and online store platform.

CMS

Wix

Website builder with templates and drag-and-drop.

CMS

Squarespace

Design-focused website and store builder.

CMS

Webflow

Visual web design and CMS platform.

CMS

Joomla

Open-source CMS for websites and apps.

CMS

Drupal

Open-source CMS for ambitious sites and apps.

CMS

Jamstack / Static Site Generators

Frameworks and tools for static and hybrid sites.

Next.js

React framework with SSG, SSR, and API routes.

Jamstack

Hugo

Fast static site generator in Go.

Jamstack

Jekyll

Static site generator (Ruby), used by GitHub Pages.

Jamstack

Astro

Content-focused static site builder with islands.

Jamstack

Docusaurus

Documentation sites built with React.

Jamstack

Design

Design Inspiration & Resources

Where to find good web design inspiration and curated design tools.

UX & Design Fundamentals

Research, patterns, typography, color, and accessibility.

Laws of UX

Friendly mental models for designing interfaces that feel natural.

UXPatterns

Typewolf

Typography inspiration that won’t make your site look like a template.

TypeInspo

Coolors

Color palettes fast. Good for getting unstuck.

ColorPalette

Stark

Accessibility tools for designers (contrast checks and more).

A11YDesign

Careers + Fun

Job Boards & Careers

Austin tech list, course lists, and job sites.

Toptal

Freelance developers and designers.

Jobs

Podcasts & Blogs

The CSS Podcast, Suckless, and more.

Suckless

Software that sucks less.

Blog

Videos & Talks

Talks, videos, and YouTube channels worth watching.

Aurooba Makes

Developer Aurooba Ahmed's YouTube channel.

Tutorials

TechWorld with Nana

Helping millions of engineers to advance their careers with DevOps & Cloud education 💙.

Tutorials

The Coding Train

All aboard! The Coding Train is on its way with creative coding video tutorials. Choo choo!

Tutorials

freeCodeCamp.org

Learn math, programming, and computer science for free. A 501(c)(3) tax-exempt charity.

Tutorials

Kevin Powell

Helping you learn how to make the web, and make it look good while you're at it.

Tutorials

Fun Stuff

If you only consume productivity content, you become a LinkedIn post.

JS Console

Browser-based JavaScript console.

Tool

Are.na

Organized inspiration and collage thinking.

Mood

Letterboxd

Movies, lists, and beautiful hot takes.

Film

Engineering Blogs

Meta, Google, AWS, Netflix, Uber, and more.

About

Who made this?

Photo of Leroy

I'm Leroy. I build websites for work and collect ideas for fun.

Cumbia & Coding is my bookmark shrine for dev, design, and culture. It is meant to be curated, not exhaustive. Email me if you have suggestions or just want to say howdy!

Email GitHub LinkedIn