Episoder
-
Congratulations! Youâve got yourself a nice little World-Wide Web site. Now itâs time to deploy it for everyone to enjoy through their World-Wide Web browser. Easy, right? WRONG! Deploying web apps today is the portal to madness and pain, with many levels of misery awaiting as you descend into the depths of Hades. OrâŠif you play it right, itâs little more than the press of a button. Letâs talk about that in this our Season 2 finale of Just a Spec.
Follow Just a Spec on MastodonThe Spicy Web & That HTML BlogHaggis Ruby, 24th October 2024 (Ayush is a speaker)Social Web FoundationRender (hosting)âPremature optimization isâŠâ
Hosted by Jared White & Ayush and produced by Intuitive Future
Links & Show Notes: -
It's time for some acronym soup: SSG SSR CSR SPA MPAâŠMEAN? SSI?? PERL??? (Officially not an acronymâŠ) If you're coming down with a headache already, trust us, you're not alone. It'sâŠa lot. Thankfully, Ayush and Jared are here to break it all down for you, as well as talk about some of the history behind the many different rendering modes to be found on the web and when you might reach for one or the otherâŠor on so many projects these days, both!
Follow Just a Spec on MastodonThe Spicy Web & That HTML BlogHaggis Ruby, 24th October 2024 (Ayush is a speaker)Follow up: i-htmlHear also Episode 9 (âserver componentsâ, âislandsâ, etc.)Blast from the 2003 past: Review of Blosxom blogging toolMovable Type (Wikipedia)Bulma 1.0 CSS frameworkAyush: Rails and Hotwire Codex updated
Hosted by Jared White & Ayush and produced by Intuitive Future
Links & Show Notes: -
Manglende episoder?
-
What if your backend could drive reactive UI changes on your frontend? Without dependencies? Without relying on any particular framework? What if your HTML could gain full-stack programming superpowers?
Follow Just a Spec on MastodonThe Spicy Web & That HTML BlogHaggis Ruby, 24th October 2024 (Ayush is a speaker)Bridgetown 2.0 Beta is out!Action Web Components Which Span the the Server-Client Divide (article)DemoRepo
Introducing Action Web Componentsâinspired by clever Ajax techniques of the past & present and ready to march boldly into the future.
Hosted by Jared White & Ayush and produced by Intuitive Future
Links & Show Notes: -
How did the Internet first begin? Why was it developed at the Advanced Research Projects Agency? Where was it initially launched at the end of the 1960s? Is it pronounced r-OO-ter or r-OW-ter?? These and other hard-hitting questions are answered as Jared & Ayush take a deep dive into the birth of humanityâs global computer networkâŠwith a dash of 90s nostalgia thrown in for good measure.
Follow Just a Spec on MastodonThe Spicy Web & That HTML BlogEpisode 15: The Plumbing That Makes the Web MovePacket switching (Wikipedia)The first Internet connection, with UCLA's Leonard Kleinrock (YouTube)How the Internet Was Invented: Part 1 (YouTube)How the Internet Came to Be | Part 2 (YouTube)Did the U.S. Government Invent the Internet? | History (YouTube)How the Internet was born: The network begins to take shape (The Conversation)The Internet Review (born in 1996, reborn in 2024)1989 Networking Poems!
Hosted by Jared White & Ayush and produced by Intuitive Future
Links & Show Notes: -
Itâs been a wild, wild ride getting from the anything goes origin story of the mainstream webâanyone still remember âNetscape Navigatorâ and âTrumpet Winsockâ?âto todayâs carefully-curated experience in the age of Interop and using GitHub to achieve spec consensus.
Follow Just a Spec on MastodonThe Spicy Web & That HTML BlogWikipedia Links:Netscape NavigatorInternet ExplorerIE for MacDHTMLFirefoxSafariChromeResponsive DesignSir Tim Berners-Lee on threats to the open web (as reported by The Internet Review)
But the relative calm we enjoy today when it comes to progress and feature parity across browser engines perhaps doesnât quite tell the whole storyâŠthere are still threats to an open web which works well for all, protects our privacy, and guards us from bad actors.
In this episode, we look back at the history of the web browserâtouching on such memorable moments as the <blink> & <marquee> tags, DHTML with the launch of JavaScript, and the arrival of responsive design for mobile as well as desktopâwhile attempting to learn from history so that weâre not doomed to repeat it.
Hosted by Jared White & Ayush and produced by Intuitive Future
Links & Show Notes: -
Whoa, there was one more âState ofâ survey from 2023 to mine for content! Who knew? Yes, the results are in, and we talk about themâŠbut more broadly, our feelings about the state of web frameworks in our industry and the much-ballyhooed pendulum swing back to server-side rendering and HTML-first techniques (though the rate of change is perhaps not what we might wish for).
Hosted by Jared White & Ayush and produced by Intuitive Future
Follow Just a Spec on MastodonThe Spicy Web & That HTML BlogState of JavaScript Survey 2023Our past "State of" episodes:State of HTML Episode 17State of CSS Episode 10
Links & Show Notes: -
What if you could take HTML & CSS, package them up in a file, and publish that file as a singular artifact? That's essentially what ePub is. (ePUB? EPUB?) With Ayush's real-world experience publishing e-books, we are guided through understanding more about this important (and sometimes overlooked) spec. Alas, the devil's in the details, and we get into many of those details here on today's episode of Just a Spec.
Follow Just a Spec on MastodonThe Spicy Web & That HTML BlogEPUB file format (Wikipedia)Asciidoctor publishing toolchain
Hosted by Jared White & Ayush and produced by Intuitive Future
Links & Show Notes: -
When you've spent a good portion of your career as a web developer utilizing CSS processors & frameworks, what would lead you to embrace vanilla techniques and modern CSS features? This is the question in the air as we welcome our first ever guest to the show, Elise Shaffer. Elise walks us through her journey learning full-stack development via frameworks like Rails and Tailwind, and then more recently enjoying the freedom and simplicity of web platform features on the frontend. It's a celebration of doing more with less with Just a Spec.
Follow Just a Spec on MastodonThe Spicy Web (vanilla CSS course) & That HTML BlogElise Shaffer: Website / Ruby on Rails PodcastEpisode 513: Modern Rails Apps with Ayush NewatiaOpen PropsTailwind v4's CSS-first configCUBE CSSVideo tutorial by Kevin Powell
Hosted by Jared White & Ayush and produced by Intuitive Future
Links & Show Notes: -
The results of the State of HTML 2023 survey are in! Itâs an exciting time for HTML which has seen a lot of growth and expansion of capability in a welcome break with the past (when typically CSS and especially JavaScript would leapfrog the rate of change of the Webâs foundational markup language). Still, some might say we need a lot more progress on this front, which is why these survey resultsâwhile exhibiting some pressing issues around diversity and broad industry awarenessâoffer vital insight into the needs of todayâs Web developers. Letâs break it all down right here on Just a Spec!
Follow Just a Spec on MastodonThe Spicy Web & That HTML BlogBook a 1:1 coaching session with JaredState of HTML 2023
Hosted by Jared White & Ayush and produced by Intuitive Future
Links & Show Notes: -
Where data lives, how to retrieve data, how to change data, how to track updates to data and provide feedback accordingly to the userâŠin other words, state. Web application development can necessitate a wide range of possible options for how you manage state, and in this episode we look at many of the ways this may work from the server to the client and back again. You may be surprised at some of the âold-schoolâ techniques we end up cheering on in our conversation. AlsoâŠhow the blazes do you pronounce JWT?! đ
Follow Just a Spec on MastodonThe Spicy Web & That HTML BlogWhitefusion web studio (ready for hire!)Binary Solo â Ayush's new blogJust a Spec Episode 11 (Storage APIs)Signals are Eating the Web (video at The Spicy Web)
Hosted by Jared White & Ayush and produced by Intuitive Future
Links & Show Notes: -
Join us for a meaty conversation all about the various levels of specifications and conventions which make the World-Wide Web go: from TCP/IP to HTTP to WebSockets and beyond. We also talk about conventions in various languages and frameworks to enable building web applications servers in a straightforward and portable manner, as well as building a personal knowledge base wiki out of Markdown files and an SSG (Static-Site Generator). Letâs fly!
Follow Just a Spec on MastodonThe Spicy Web & That HTML BlogWhitefusion web studio (ready for hire!)The Rails and Hotwire Codex, updated!
Hosted by Jared White & Ayush and produced by Intuitive Future
Links & Show Notes:Internet Specs:
TCP/IPHTTPWebSocketServer-Sent Events (SSE)Old-school: CometOld-school: CGI (Common Gateway Interface)Ruby: RackJavaScript: H3 & NitroBook: Where Wizards Stay Up LateICANN and the 7 Keys to the InternetEpisode 6: TIL About gTLDs, FTW!IANA Key Signing Ceremonies -
Oh yes, weâre back! In this first Just a Spec episode of the year, the lads speculate on the grand conspiracy behind the results publication delay of State of HTML 2023 (not really!), catch up on personal news from during the podcastâs year-end hiatus, and run through a very entertaining list of all the goodies being worked on by browser vendors as part of Interop 2024. And is the complexity of the web platform just too damn high? (At least for anyone wanting to author a new browser engine?) Letâs discuss!
Follow Just a Spec on MastodonThe Spicy Web & That HTML BlogFullstack Ruby rebootedWhitefusion web studio (ready for hire!)The Rails and Hotwire Codex, updated!
Hosted by Jared White & Ayush and produced by Intuitive Future
Links & Show Notes:Interop 2024:
ReadmeProgress DashboardIgalia Chats episodeAccessibilityCSS NestingCustom PropertiesPopoverRelative Color Syntax@starting-styletext-wrap: balance -
Thanksgivingâs coming up here in the U.S. and we thought itâd be fun to talk about of our favorite aspects of the modern web (and how it compares to the âdark daysâ of old). In addition, Jaredâs launched a brand-new course platform over at The Spicy Web with the first offering being a deep-dive into crafting vanilla CSS architectures and formulating design systems. We talk about that and a bunch of the technical details of the underlying DIY platform. Enjoy this special edition of Just a Spec!
Modern web hosting like Render.comThe fetch and pushState APIsCSS Flexbox & GridA brief history of web layoutOld-school framesets/frames â they still work! đ€Ż
Hosted by Jared White & Ayush
Links & Show Notes
Follow Just a Spec on Mastodon
Ayushâs thankful for:Jaredâs thankful for:
Mobile touchscreens, HTML5 (bye Flash!), and Responsive/Intrinsic DesignCSS3 (rounded corners! gradients! shadows! animations!)Introducing CSS Nouveau: a vanilla CSS architecture course Jared has published on The Spicy Web
Technical details:Built with Bridgetown & RodaTurbo Streams with custom actionsHeartml fullstack web components (library coming soon!) Shoelace & Open Props Media Chrome audio player RhinoEditor (covered on That HTML Blog) Playground Elements -
Ah yes, that notorious hard problem in computer science. Time to name some things as we talk abut the philosophy undergirding software development, why ânaming thingsâ is hard but also a core aspect of the job, the sometimes reluctance to name things in as disciplined a fashion on the frontend as on the backend, how to communicate across teams and stakeholders via Ubiquitous Language, the importance of embracing modern HTML & CSS semantics when naming things, and so much more.
Follow up: Playwright E2E testingTwoHardThingsUbiquitousLanguageClassnames (Naming things neednât be hard)How to Think Like a Framework DeveloperAdam Wathan on "vanilla" CSSVanilla BreezeThe Design System Ecosystem
Hosted by Jared White & Ayush
Links: -
A whole grab bag of topics today! We talk about some of the well-known storage APIs like localStorage and sessionStorage, as well as the newer IndexedDB API which pairs well with Service Workers. We also talk about the three Observer APIs to help with reacting to DOM mutations, scrolling, and size changes. Apparently fetch DID happen (!), and testing against three headless browsers at once in a fast and reliable manner is easier than ever. All that and more in todayâs episode of Just a Spec.
The Spicy Web & That HTML Blog (Jared)Radioactive Toy (Ayush)Web Storage APIIndexedDBService WorkersObserver APIs:MutationObserverIntersectionObserverResizeObserverXMLHTTPRequest superseded by fetchTesting web components in headless browsers with web-test-runnerGist to aid in setting everything upUsing theme-color meta tagLarge, small, and dynamic viewport units
Hosted by Jared White & Ayush
Links: -
The results of the 2023 State of CSS survey are in, and we're here to break it all down and uncover the most interesting nuggets and opportunities as we look ahead to the future of CSS and the web platform. But not before some spicy meta chat on open source governance and how frequent contributors are treated in light of the recent Hotwire Turbo / TypeScript debacle.
That HTML Blog (Jared)Radioactive Toy (Ayush)Turbo:Remove DHH for CoC Violations - Issue #977âOpen Source is Not About YouâCSS:State of CSS 2023AwardsConferences Ayush is speaking at:wroclove.rbFriendly.rb
Hosted by Jared White & Ayush
Links: -
The lads are back with an action-packed episode full of juicy details about âbuildlessâ architecture & âTurboâ architecture, server components, tools & techniques which encourage server-rendered HTML pages and fragments sent over the wire, making websites which work without JavaScript, the huge pendulum shift we see in the industry back to coupled fullstack DX, and so much more. Grab your notepad because thereâs a lot of ground to cover!
That HTML Blog (Jared)Fresh Fusion Podcast (Jared)Radioactive Toy (Ayush)HTML over the wire tooling:HotwirehtmxAlpine.jsUnpolyRails World: website / repoView Transitions APIAstro riffing off itTurbo PermanentRyan Carniato stream on MPAs vs. SPAsA haiku on React Server ComponentsRedwood.jsâŠwhoops, our bad!
Hosted by Jared White & Ayush
Links: -
Gather âround the accessibility tree, dear listeners, and hear a grand tale about roles and attributes, screen readers and DOM inspectors, and how to be a good A11Y. We also touch on why accessibility isnât something you bolt on after you design a website but is part of the process from the very beginning.
Want to keep the discussion going?Join the The Spicy Web Discord ServerFollow @[email protected] on MastodonHTML Design Principles: Priority of ConstituenciesWAI (Web Accessibility Initiative)The Accessibility TreeARIA Resources for DevelopersARIA Attributes (MDN Docs)ARIA Roles (MDN Docs)
Hosted by Jared White & Ayush
Links:Additional resources:
Adrian RoselliCommon ARIA mistakes and how to avoid them(No ARIA is better than bad ARIA!)WebAIM - web accessibility in mindBasecamp Accessibility GuidelinesThe Patchability of the Open Web(aka the âRight to Inspectâ) -
We're here to deep dive into the technical underpinnings of everyone's FAVORITE internet technology: email. ;-P
From Ayush:ScattergunThe Rails and Hotwire CodexScary weather đ Rhodes wildfires - Andy BellHistory of email - WikipediaCompuServe - WikipediaThe Unknown Story of How Hotmail Grew to 12 Million Users in 1.5 YearsDo all email clients use "In-Reply-To" field in email header?What are DMARC, DKIM, and SPF?Want to keep the discussion going?Join the The Spicy Web Discord Server
Amaze your nerd friends with all the exciting trivia you will learn in this action-packed episode!
Hosted by Jared White & Ayush
Links: -
Itâs hard to imagine in this current world of any dot-something you could possibly imagine when looking to register a domain name, but there was once a past era of the internet when all we had was .com, .net, and .org. A dark time. A sad time. How did we get there in the first place? And how did we eventually arrive here at todayâs promised land? Join us for this rousing episode all about: gTLDs! (and IANA, and ICANN, and IETF, andâŠ)
ICANN Archives: Top-level DomainsGeneric top-level domain (Wikipedia)scattergun.emailwhitefusion.studioradioactivetoy.techbridgetownconf.rocksyoudontneedreact.comyoudontneedtailwindcss.com
Hosted by Jared White & Ayush
Links - Vis mere