Player FM - Internet Radio Done Right
Checked 12d ago
Added one year ago
Content provided by Lazarus. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Lazarus or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://ppacc.player.fm/legal.
Player FM - Podcast App
Go offline with the Player FM app!
Go offline with the Player FM app!
Podcasts Worth a Listen
SPONSORED
S
Squid Game: The Official Podcast


Squid Game is back—and this time, the knives are out. In the thrilling Season 3 premiere, Player 456 is spiraling and a brutal round of hide-and-seek forces players to kill or be killed. Hosts Phil Yu and Kiera Please break down Gi-hun’s descent into vengeance, Guard 011’s daring betrayal of the Game, and the shocking moment players are forced to choose between murdering their friends… or dying. Then, Carlos Juico and Gavin Ruta from the Jumpers Jump podcast join us to unpack their wild theories for the season. Plus, Phil and Kiera face off in a high-stakes round of “Hot Sweet Potato.” SPOILER ALERT! Make sure you watch Squid Game Season 3 Episode 1 before listening on. Play one last time. IG - @SquidGameNetflix X (f.k.a. Twitter) - @SquidGame Check out more from Phil Yu @angryasianman , Kiera Please @kieraplease and the Jumpers Jump podcast Listen to more from Netflix Podcasts . Squid Game: The Official Podcast is produced by Netflix and The Mash-Up Americans.…
The basics of css specificity
Manage episode 462154743 series 3550795
Content provided by Lazarus. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Lazarus or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://ppacc.player.fm/legal.
#my-id -> 1 0 0
.my-class -> 0 1 0
button -> 0 0 1
#my-id .my-class -> 1 1 0
id | class | type
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
112 episodes
Manage episode 462154743 series 3550795
Content provided by Lazarus. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Lazarus or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://ppacc.player.fm/legal.
#my-id -> 1 0 0
.my-class -> 0 1 0
button -> 0 0 1
#my-id .my-class -> 1 1 0
id | class | type
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
112 episodes
All episodes
×hx-trigger="every 2s" hx-swap="outerHTML"> Sending...
Is it ok? Can you make "real" apps without npm? Original X post: "we are now at a point that we can ditch build systems for many projects & many people underestimate the amount weight doing so would lift off their burdened shoulders" - htmx_org https://x.com/htmx_org/status/1928819921376395580 Chapters: 0:14 What is no-build? 1:35 The X arguments 4:25 Why the build process is (was) good 5:26 Build process in practice 6:31 Got money to burn? 8:25 Do your own thing 9:12 Tailwind CSS and Remix 3 (!!!) are introducing no-build setups 11:00 There's always new ways to build great things 11:20 (but learn build steps and React to get a job)…
h
hx-pod

1 Ronan Berder: Basecoat UI (ShadCN without React) 1:14:19
1:14:19
Play Later
Play Later
Lists
Like
Liked1:14:19
I talk to Ronan Berder, the creator of Basecoat UI, a tailwind-based version of ShadCN for non-React projects. Built specifically for use with server-rendered templates, htmx, vanilla js, alpine, and other hypermedia-based solutions. Basecoat UI: https://basecoatui.com/ Basecoat Repo: https://github.com/hunvreus/basecoat Ronan on X: https://x.com/hunvreus I ask him how he built it, why he built, and what he has in store for it. Chapters (from AI) 00:00 Introduction to Basecoat UI 06:51 The Journey of Building Basecoat UI 11:09 Understanding Theming and Customization 18:57 Complexity in UI Libraries 24:01 Design Principles and Aesthetics 30:06 Future of Basecoat UI and Community Engagement 38:24 Navigating Browser Compatibility Challenges 41:49 The Evolution of Web Technologies 45:25 Performance Optimization in Web Development 51:14 The Aesthetic Appeal of Modern Web Applications 54:29 Generative UI and the Future of Development 01:01:21 Simplifying Complexity in Web Development 01:11:42 Open Source Contributions and Community Engagement…
h
hx-pod

1 Carson Gross: The Grug Brained Developer (the book) 1:29:52
1:29:52
Play Later
Play Later
Lists
Like
Liked1:29:52
https://grugbrain.dev read the essay. buy the book. it's so good 00:00 Intro 01:00 What is the Grug Brained Developer? 06:13 Carson's dev cred 12:12 Web dev is hard! 13:08 The Eternal Enemy: Complexity 17:27 Saying No 19:07 Saying ok 22:28 Factoring Your Code 26:45 Testing 32:56 Agile 35:04 Refactoring 38:42 Chesterton's Fence 41:03 Microservices 45:12 Tools Type Systems 53:58 Expression Complexity 57:07 DRY 1:00:22 Separation of Concerns (SoC) 1:04:28 Closures 1:07:57 Logging 1:08:14 Concurrency 1:09:44 Optimizing 1:11:31 APIs 1:18:17 Parsing 1:19:44 The Visitor Pattern 1:19:55 Front End Development 1:22:55 Fear Of Looking Dumb 1:28:20 The Essay vs. The Book…
Codin' Dirty essay: https://htmx.org/essays/codin-dirty/ One of many in the htmx/uncle bob twitter feud: https://x.com/unclebobmartin/status/1917306604267135311
h
hx-pod

Answer: Yes. But its different, because htmx is not a framework
Datastar signals let you do front end stuff like alpine & hyperscript Demo: https://hypecp.com/demos/datastar-signals Video: https://youtu.be/csPFLpm8OYI Bad Apple: https://data-star.dev/examples/bad_apple
h
hx-pod

1 hx-pod behind the scenes (cross-posted from the CST podcast) 1:19:29
1:19:29
Play Later
Play Later
Lists
Like
Liked1:19:29
Is Laz doing too many things at once?
h
hx-pod

This might be the fastest, easiest way possible to make your dashboard live! Basically just do polling with an hx-get, hx-select, and an hx-trigger The visual version of this episode: https://www.youtube.com/watch?v=NU3FEHJRMEs
Any Back-end. How html is generated doesn’t matter HATEOAS - No virtual DOM No build step, No Node or npm Don’t care about package size - as long as no dependency chain Load things as you need them (page and assets) Nothing is faster or more efficient than html
yes my first one was a technical debacle, and that's ok
Universal Studios in Orlando is a master class in efficiency.
h
hx-pod

1 Brock Benson - From vuejs to htmx: the good, the bad, and the ugly 2:03:56
2:03:56
Play Later
Play Later
Lists
Like
Liked2:03:56
Mayples on Twitter: https://x.com/mayples_co In this episode I talk to Brock Benson, creator of Mayples, a business valuation SaaS. Last year, Brock made the decision to rewrite his large-scale, Live VueJS production app into an htmx app. During this rebuild, Brock went on a journey into the internals of htmx, built his own extensions, embraced _hyperscript, and pushed against the limits of htmx. Does it scale? What were the pain points? What tricks did he come up? How does it compare with his earlier Vue version of the same app? I hope you enjoy this in-depth conversation with premiere htmx application developer Brock Benson.…
h
hx-pod

1 Introducing Fixi, the minimalist hypermedia library by Jason Cross 55:54
55:54
Play Later
Play Later
Lists
Like
Liked55:54
Fixi: https://github.com/bigskysoftware/fixi Fixi is a new hyper-minimalist javascript library. At less than 4kb, it gives much of the power of similar hypermedia libraries like htmx, with a new stream-lined approach. Use attributes like fx-action, fx-method, fx-trigger, and fx-swap to perform ajax requests to work with html from your server. In this episode Lazarus talks to its creator, Jason Cross. Chapters (from AI) 00:00 Introduction to Hypermedia Frameworks 02:49 Exploring HTMX and HTMZ 05:58 The Philosophy Behind Fixi 09:03 The Lean Software Approach 11:59 Minimalism in Fixi 15:06 Attributes and Functionality of Fixi 17:55 Comparing Fixi and HTMX 21:03 Copy and Paste Philosophy in Development 23:51 Debugging and Size Considerations 26:57 Future of Fixi 29:45 The Philosophy of Open Source and Simplicity 31:33 View Transitions and User Experience 36:32 Design Decisions in Fixi vs HTMX 38:27 Collaboration and Maintenance of Open Source Projects 41:11 Attribute Inheritance and Locality of Behavior 42:07 Event Handling and Extensions in Fixi 46:32 JavaScript and the Future of Web Development…
h
hx-pod

1 The core difference between htmx and datastar (correction) 7:52
7:52
Play Later
Play Later
Lists
Like
Liked7:52
Datastar experiment: https://hypecp.com/wave Youtube: https://www.youtube.com/watch?v=UXPD3LblwVA
h
hx-pod

datastar fills some gaps in htmx
h
hx-pod

The 100-year modal https://hypecp.com/#htmx-hx-essentials-examples
h
hx-pod

1 Speedify your site by dumbening your browser 10:48
10:48
Play Later
Play Later
Lists
Like
Liked10:48
The original tweet with the tweet that breaks your browser: https://x.com/defnotbeka/status/1878009000161407021 Hypermedia shines when the data on the page gets big
#my-id -> 1 0 0 .my-class -> 0 1 0 button -> 0 0 1 #my-id .my-class -> 1 1 0 id | class | type https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
2 things > 1 thing
Building hypecp.com What are the htmx "essential" attributes?
https://www.youtube.com/watch?v=QSCiNKWC24c
h
hx-pod

1 Exploring Unpoly JS with creator Henning Koch 1:23:56
1:23:56
Play Later
Play Later
Lists
Like
Liked1:23:56
Henning Koch, creator of Unpoly, discusses where his hypermedia framework sits in the ecosystem, why he built it, and why he favors Convention over Configuration. https://unpoly.com Unpoly has been around for a decade and is used in production by companies all around the world, including Bosch, Volkswagen, Audi, and Siemens. https://github.com/unpoly/unpoly/discussions/666…
hypecp.com https://www.youtube.com/watch?v=QZipE9zn-Og
h
hx-pod

New season of building in public! Want to upvote or downvote people's suggestions?
h
hx-pod

1 Server-driven web apps w/ R. Mark Volkmann 1:08:16
1:08:16
Play Later
Play Later
Lists
Like
Liked1:08:16
The exceptionally prolific R. Mark Volkmann talks about his book "Server-Driven Web Apps with htmx", along with his approach to learning, writing, teaching, hx-swapping, and much more! The book: https://pragprog.com/titles/mvhtmx/server-driven-web-apps-with-htmx/ A talk on htmx: https://www.youtube.com/watch?v=U3CYrD2ry-U A blog on EVERYTHING: https://mvolkmann.github.io/blog/topics/ The Notes directory: https://github.com/mvolkmann/MyUnixEnv/tree/master/notes…
h
hx-pod

1 Hyperview: Server-driven mobile app development 1:21:31
1:21:31
Play Later
Play Later
Lists
Like
Liked1:21:31
Adam Stepinski, creator of Hyperview and co-author of Hypermedia Systems, explains how and why developed Hyperview. Hyperview lets you create a shell for your iOS/Android app, then populate it using XML and hypermedia, htmx-style inspired concepts. Hyperview is extensible, so you can find or build your own plugins. Links discussed: Website: https://hyperview.org Hyperview Github Repo (best place to ask questions): https://github.com/instawork/hyperview Discussion about client-side validation: https://github.com/Instawork/hyperview/discussions/332 Examples of defining multiple behaviors: https://hyperview.org/docs/reference_behavior…
h
hx-pod

1 hypecp.com, the hypermedia copy and paste site 31:08
31:08
Play Later
Play Later
Lists
Like
Liked31:08
Lazarus is joined by guest Lazarus to talk about his new project, hypecp.com, which bears a striking resemblance to his old project, htmxlabs.com
h
hx-pod

1 I rewrote my entire product in a weekend with htmx 1:17:54
1:17:54
Play Later
Play Later
Lists
Like
Liked1:17:54
Eric Harrison, MakeStartups Original twitter post: https://twitter.com/blister/status/1752357600547545356 For-Profit: https://makestartups.com Non-Profit (school): https://makestartups.org Personal website: https://ericharrison.info
Welcome to Player FM!
Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.