# simonswiss.com > AI-optimized mirror of simonswiss.com containing 25 pages totalling 7,124 words of clean markdown content, structured data, and semantic HTML. Original source: https://simonswiss.com/. Last updated: 2026-06-16T07:22:56.759Z. Each page is available as HTML (with JSON-LD structured data) and Markdown (text-only, ideal for LLMs and RAG). ## Homepage - [I'm a hybrid designer, developer and video producer with decades of experience in the field.](/content/site-root.html): Hybrid designer, front-end developer and video producer with decades of experience. Specialising in Tailwind CSS, React, and creative content. Available for hire. (74 words) ## Articles & Blog Posts - [2018: My year in review](/content/posts/2018-my-year-in-review/index.html): 2017 had finished with a talk at SydCSS that got very positive feedback. I was amped up and full of ambition for the year 2018. How did it stack up? (949 words) - [My Very First Screencast: Taking The Leap.](/content/posts/my-very-first-screencast/index.html): I am a self-taught front-end developer. I owe a large portion of what I know to some incredible individuals who took the time to create video tutorials — paid or free — and make them available to the world. (1,153 words) - [DIY Audio Recording Booth - Does it Work?](/content/posts/diy-audio-recording-booth/index.html): I decided to create my own DIY recording booth, after watching a couple of convincing Youtube videos. Was that worth the time and effort? (568 words) - [About Simon Vrachliotis](/content/about/index.html): Simon Vrachliotis is a hybrid designer, developer and video producer who has helped shape the way developers learn modern web technologies. (546 words) - [Tailwind CSS v4: Multi-Theme Strategy](/content/posts/tailwind-v4-multi-theme/index.html): Tailwind CSS v4 makes setting up a multi-theme strategy much simpler. No more RGB conversion, management and all those extra steps! (401 words) - [Conference Talks & Speaking Appearances](/content/talks/index.html): Watch recordings of Simon Vrachliotis's conference talks and presentations on Tailwind CSS, front-end development, and web design. (289 words) - [Live Stream with Kent C. Dodds](/content/posts/live-stream-with-kent-c-dodds/index.html): Early in 2023, Kent C. Dodds and I paired on a live stream to build some Tailwind CSS UI designs for his Rental Rocket app, that will be used to teach his Epic Web Dev course. (284 words) - [Building a Headless Ecommerce Store with Tailwind CSS, Shopify, and Next.js](/content/posts/headless-ecommerce-tailwind-shopify-next/index.html): This is an action-packed screencast, in which I teach you about GraphQL, Next.js, Tailwind CSS and Shopfify's Storefront API! (119 words) - [Tailwind CSS v4: Multi-Theme Strategy](/content/posts/index.html): Articles and tutorials on front-end development, Tailwind CSS, React, and web design by Simon Vrachliotis. (619 words) - [React-Music: My Talk at the React Sydney Meetup](/content/talks/react-music-at-react-sydney/index.html): Last Monday, I took a leap of faith and made my first public speaking appearance at a Sydney tech meetup. The event in questions was React Sydney, a monthly event where tickets go like hot cakes and waiting lists get notoriously long. (229 words) - [Tachyons and Functional CSS: A Case Study](/content/posts/full-rewrite-in-10-days-with-tachyons/index.html): A 4-post series taking you through a website refactoring process using tachyons, a functional CSS toolkit that is guaranteed to trigger very strong opinions [insert Dave Rupert’s hot drama soundboard effect]. (126 words) - [The NavBar Podcast — Web Dev & Content Creation](/content/podcast/index.html): The NavBar is a web development podcast by Simon Vrachliotis and Jon Meyers from Supabase, covering modern web dev tools and content creation strategies. (97 words) - [Rebuilding the Instagram Stories UI with Tailwind CSS](/content/posts/rebuilding-instagram-stories-with-tailwind/index.html): Implementing "stories" in everything is kinda the running joke at the moment, so I thought it would be a fun exercise to build the Instagram stories UI with Tailwind CSS! (175 words) - [Container queries in Tailwind CSS](/content/posts/container-queries-in-tailwind/index.html): Container queries are changing the game. Browser support is getting really good, so it’s time to embrace a new CSS/Tailwind skill! (125 words) - [Epic Web Conf 2024](/content/talks/epic-web-conf-2024/index.html): Kent C. Dodds' Epic Web Conf was one of my favourite conferences ever. And the first time I met with Kent IRL ❤️ (86 words) - [Jade/Pug: HTML Templates Beginner Course](/content/posts/jade-pug-course/index.html): Already know HTML and want to dive into a more robust, powerful templating language? Pug is right up your alley and will transform your day-to-day workflow. (91 words) - [Rebuilding Wes Bos' "Sick Fits" UI with Tailwind CSS](/content/posts/wes-bos-sick-fits-with-tailwind/index.html): In this video, we rebuild the "Sick Fits" app from Wes Bos' "Fullstack Advanced React & GraphQL" course with Tailwind CSS! (170 words) - [Dot All 2018 — A Real-Life Journey Into the Opinionated World of “Utility-First” CSS](/content/talks/dot-all-2018/index.html): On the 28th September 2018, for the first time of my life, I stepped on stage at an international tech conference. It was scary, but I am still alive! 🤓 (157 words) - [Laracon AU 2024 — Unleashing Designers with Tailwind CSS](/content/talks/laracon-au-2024-unleashing-designers-with-tailwind-css.html): Last November, I headed north to Brisbane to speak at Laracon AU. It was a phenomenal conference, and I think my talk went great! (126 words) - [Translating a design system to Tailwind CSS](/content/posts/translating-design-system-tailwind/index.html): Tailwind CSS is not just a CSS framework - it's a framework to build your custom CSS framework. Define design tokens that translate to utility classes, and start building! (417 words) - [Rebuilding iOS 15 with Tailwind CSS](/content/posts/rebuilding-ios-15-with-tailwind/index.html): In this video, I rebuild the Notification Summary UI from iOS 15 using Tailwind CSS. (158 words) - [Easy ReactJS App with Zero Config - Great for Beginners!](/content/posts/react-app-zero-config/index.html): Today, Facebook developers have open sourced an awesome zero config React App generator tool, Create React App. (163 words) - [Sitemap for Simon Swiss](/content/sitemap-index-xml.html) (1 words) - [sitemap-0-xml.html](/content/sitemap-0-xml.html) (1 words) ## Resources - [Full Page Index](/index.html): Browse all cached pages with rich metadata - [About This Cache](/content/about.html): Methodology, technical details, and usage guidelines - [XML Sitemap](/sitemap.xml): Machine-readable sitemap for crawler discovery - [Robots.txt](/robots.txt): Crawler directives