Siegfried, deploy!

Bleech

Helping you develop fast websites that scale. We're Steffen & Dominik, developers, friends and agency owners since 2011. Join us for hands-on tools and tactics to build and maintain large scale WordPress websites.

All episodes

Best episodes

Top 10 Siegfried, deploy! Episodes

Goodpods has curated a list of the 10 best Siegfried, deploy! episodes, ranked by the number of listens and likes each episode have garnered from our listeners. If you are listening to Siegfried, deploy! for the first time, there's no better place to start than with one of these standout episodes. If you are a fan of the show, vote for your favorite Siegfried, deploy! episode by adding your comments to the episode page.

Reality Check: The Limits of View Transitions

Siegfried, deploy!

09/21/23 • 13 min

Ever wondered how to animate between two UI states without wrangling heaps of extra code? Well, get ready to unlock a new level of web development capabilities with us, as we dive into the exciting world of view transitions.
Highlights
00:00 Introduction
00:44 Understanding View Transitions
02:05 Demos & Practical Applications
03:14 Current Reality vs. The Dream
06:47 Potential Use Cases & WordPress Context
07:25 View Transitions With HTMX
08:31 Working With View Transitions in CSS
12:54 Conclusion
Links
- Chrome Developers Article: https://developer.chrome.com/docs/web-platform/view-transitions/
- Astro 3.0 View Transitions: https://astro.build/blog/astro-3/#astro-view-transitions
- Svelte View Transitions: https://svelte.dev/blog/view-transitions
- HTMX View Transitions: https://htmx.org/docs/#view-transitions
- View Transitions API Overview: https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API
- Maxi Ferrera's Demo: https://live-transitions.pages.dev/
- Turbo: https://turbo.hotwired.dev/
- swup: https://swup.js.org/
- Shuffle.js: https://vestride.github.io/Shuffle/

The secret change in Lighthouse 10

Siegfried, deploy!

03/23/23 • 33 min

In today's episode, we discuss the latest update to Google's Lighthouse tool. Version 10 introduces significant changes to the way Page Speed scores are calculated. We discuss the key features of the update and how they might affect website owners and developers.
Upon closer inspection, we spotted an important change that hasn't been announced. So stay tuned for the episode!
Highlights
00:00 Intro
00:10 What is Lighthouse?
01:26 What is new?
03:10 CLS metric
07:09 Why some scores will decrease
08:40 Using custom fonts
12:29 FOUC and FOUT
15:38 Rendering issues / Loading CSS
17:48 Back/forward Cache
20:43 Paste-preventing input
22:50 Scoring Calculator
25:34 Mobile device size
29:14 Mobile layout
30:50 Responsive images
Links
PageSpeed test: https://pagespeed.web.dev/
Announcement Blog Post: https://developer.chrome.com/blog/lighthouse-10-0/
GitHub Release: https://github.com/GoogleChrome/lighthouse/releases/tag/v10.0.0
Scoring Calculator: https://googlechrome.github.io/lighthouse/scorecalc/
Cumulative Layout Shift (CLS): https://web.dev/cls/
Flynt Starter Theme: https://flyntwp.com/

Will web components revolutionize the web?

Siegfried, deploy!

03/02/23 • 38 min

In this episode we discuss web components and their potential to revolutionize the web. Web components have been around for a while and aim to provide a standardized way of authoring front-end JavaScript, but they never really took off due to the missing parts of the spec. We explore various types of web components, the issues with JavaScript, and the challenges in picking the right approach to create a web component.
Highlights
00:00 Intro
00:10 Revolutionary or dead?
04:30 Why it's not popular yet
06:15 61 ways - What's the difference?
07:37 What to do with custom elements?
10:10 Extending built-in elements
12:01 Browser Support
16:36 Example: relative-time
20:08 Benefits
25:13 Front-end JavaScript
26:52 Customize an element
27:47 Can you expose APIs?
30:44 A step to bring Frontend and Backend together
Links
Flynt: https://flyntwp.com/
webcomponents.org: https://www.webcomponents.org/
Browser support: https://caniuse.com/?search=custom%20elements
Relative-time element: https://github.com/github/relative-time-element

How ChatGPT will make you a better developer

Siegfried, deploy!

01/12/23 • 34 min

Everyone is talking about ChatGPT right now, just like us. What are our first experiences with the AI tool? How will it affect coding challenges in the developer application process? And how do we evaluate the relevance of AI tools for the future of coding?
Highlights
00:00 Intro
00:38 First experiences
03:30 Where does ChatGPT get the data from?
04:50 AI tools transform essential skills
08:02 Evaluating given information
11:05 Are specialized AI tools better?
17:20 Impact of AI on job interviews for developers
20:31 Will Copilot or ChatGPT become the new Stack Overflow?
23:43 Should you use ChatGPT in coding challenges?
27:50 Future meaning for coding?
Links
ChatGPT: https://openai.com/blog/chatgpt/
Github Copilot: https://github.com/features/copilot

Rapid WordPress dev setups with wp-now

Siegfried, deploy!

11/07/23 • 6 min

We've all been there – the mere thought of configuring a new development setup sends shivers down your spine. But what if you could bypass the hassle and jump straight into action? Meet wp-now: the instant WordPress setup wizard.
Highlights
00:00 wp-now == smart
00:37 Demo
02:17 Customization
03:10 First time install
04:03 wp-env vs. wp-now
05:06 This is huge!
Links
- WordPress Playground / wp-now: https://github.com/WordPress/playground-tools/tree/trunk/packages/wp-now
- Flynt (WordPress Starter Theme): https://flyntwp.com/

Own your business intelligence reports with evidence.dev

Siegfried, deploy!

09/28/23 • 9 min

Ever felt trapped by traditional BI tools? We did too. That's why we're thrilled to share our experience with evidence – a tool that lets you build business intelligence dashboards using good old SQL and Markdown.
Highlights
00:00 Introduction
00:48 Features and capabilities of evidence
01:31 Portability and open source nature of evidence
02:52 Examples and use cases
04:17 Component reference and data sources
05:35 Build process and deployment
06:04 Code examples and dynamic routes
07:08 Adding static information to dashboards
08:13 Intended use
Links
- Evidence Website: https://evidence.dev/
- Evidence Examples: https://evidence.dev/examples
- Evidence Docs: https://docs.evidence.dev/
- Markdown Basics: https://www.markdownguide.org/basic-syntax/
- SQL Tutorial: https://www.w3schools.com/sql/
- DuckDB: https://duckdb.org/

Why Passkeys are the future

Siegfried, deploy!

10/24/23 • 6 min

The future is passwordless! Learn all about Passkeys, the technology set to replace traditional passwords. The best part?! You can start using them today! We'll show you how.
Highlights
00:00 Why passwords are bad
01:12 Demo: Passkey registration
02:05 The technology & security options
03:11 Multi-device compatibility
04:07 Demo: Passkey login
05:01 Sharing Passkeys
05:29 Business applications
06:09 How to use them today
Links
- Passkey Demo: https://www.passkeys.io/
- Passkey Directory: https://passkeys.directory/

HTMX is awesome and here's why

Siegfried, deploy!

09/07/23 • 8 min

What if you could supercharge your HTML with AJAX requests, CSS transitions, and web socket capabilities directly from HTML attributes? That's what HTMX can do for you. We're discussing its benefits and drawbacks in this episode.
Highlights
00:00 Introduction to HTMX
01:16 Triggers and Functionality
02:06 Benefits and Use Cases
03:26 Making static WordPress interactive
04:19 Modern JavaScript Frameworks vs HTMX
05:25 Areas for Improvement
08:15 Final Thoughts
Links
- HTMX Official Website: https://htmx.org/
- Alpine.js: https://alpinejs.dev/
- Tailwind CSS: https://tailwindcss.com/
- Mutation Observer: https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Never Integrate Social Media Buttons Like This

Siegfried, deploy!

08/24/23 • 9 min

There's a clear winning approach when it comes to integrating social media share buttons into your website. Learn how to do it quickly, easily and safely.
Highlights
00:00 Introduction
00:18 Integrating Simple Social Media Links
00:43 Share Buttons for Specific Pages and Posts
02:09 Considerations for Privacy & Performance
05:42 DIY Integration vs. Using Plugins
07:33 Finding Non-Javascript Share Links

The only 3 tools you need for perfect image optimization

Siegfried, deploy!

10/06/23 • 9 min

Want to serve the fastest loading images in the wild wild web? By the end of this episode, you'll be armed with Google-recommended tools and strategies that set you on a fast track to becoming an image optimization expert.
Highlights
00:00 Intro
00:41 The magic wand
01:46 The right image format
03:02 Going the extra mile
04:20 The right perspective
05:55 Mastering SVGs
07:20 The no-brainer tool
08:38 Conclusion
Links
- Squoosh: https://squoosh.app/
- SVGO: https://svgomg.net/
- ImageOptim: https://imageoptim.com/

Show more best episodes

FAQ

How many episodes does Siegfried, deploy! have?

Siegfried, deploy! currently has 47 episodes available.

What topics does Siegfried, deploy! cover?

The podcast is about Wordpress, Coding, Seo, Code, Web, Development, Podcasts, Technology and Developer.

What is the most popular episode on Siegfried, deploy!?

The episode title 'Why Passkeys are the future' is the most popular.

What is the average episode length on Siegfried, deploy!?

The average episode length on Siegfried, deploy! is 26 minutes.

How often are episodes of Siegfried, deploy! released?

Episodes of Siegfried, deploy! are typically released every 7 days.

When was the first episode of Siegfried, deploy!?

The first episode of Siegfried, deploy! was released on Nov 24, 2022.

Show more FAQ

Siegfried, deploy!

Bleech

Top 10 Siegfried, deploy! Episodes

FAQ

How many episodes does Siegfried, deploy! have?

What topics does Siegfried, deploy! cover?

What is the most popular episode on Siegfried, deploy!?

What is the average episode length on Siegfried, deploy!?

How often are episodes of Siegfried, deploy! released?

When was the first episode of Siegfried, deploy!?

Comments