Making of the Breaking Bad logo (CSS/SVG/JavaScript) as a Codecast

In plain words

This is a Codecast tutorial showing how to recreate the Breaking Bad logo using CSS, SVG, and JavaScript. It's designed for web developers and designers interested in learning front-end techniques through practical example projects. The tutorial walks through building a recognizable pop culture graphic using web technologies, making it useful for those wanting to improve their CSS and SVG skills.

written from the facts on this page · September 2026

• 
  SVG Porn2015 · svglogos.dev · ▲333

  A collection of SVG Logos for developers

• 
  The Simpsons in CSS2020 · pattle.github.io · ▲140

  Get The Simpsons in all their glory as pure CSS

• 
  CSSeffectsSnippets.2019 · emilkowalski.github.io · ▲292

  A collection of CSS effects with a click to copy.

• 
  Transformicons2015 · transformicons.com · ▲155

  Animated icons, symbols and buttons using SVG and CSS

• 
  The Simpsons in CSS2014 · pattle.github.io · ▲95

  CSS for d'oh!

• RJ
  Rune.js – Graphic design systems with SVG in the browser or Node.js2015 · runemadsen.github.io · ▲92

  A JavaScript library for programming graphic design systems with SVG

• 
  SimCity, but with Permits▲926

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 2d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 14d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 15d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 9d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 13d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 23d ago · space.bl2.net

• 
  We got tired of asking 'What browser are you using?' and created this▲521

  Instantly detect your browser, operating system, screen resolution, and more. Get a shareable link with your browser details for support agents.

  Life & fun · 2012 · aboutmybrowser.com

• MG
  My Github résumé▲301

  Dev tools · 2012 · resume.github.com

• 
  Enterface, a UI design app concept I'm designing▲234

  Surprisingly useful apps for Mac. Made by one developer.

  Dev tools · 2012 · bendansby.com

• MM
  Mixest, my summer project that crawls the web for new indie music▲219

  Work · 2012 · mixest.com

• 
  Ejecta, A Fast, Open Source JavaScript, Canvas Implementation for iOS▲190

  Dev tools · 2012 · impactjs.com

• 
  Bubbles - my unfinished HTML5 Particle Game▲188

  Life & fun · 2012 · fullstackoptimization.com