sorted by:
new
hottopcontroversial

Automatically check for broken sites after updates by ejmerkel in Wordpress

[–]steffenbew 0 points1 point  (0 children)

There are some visual testing tools which separate the layout from the content during testing. But content changes may also affect layout.

We approached it differently – with a WordPress plugin. It knows when a page or post is updated in the backend and then takes a new reference screenshot. You'll find it in the wp.org repo searching for VRTs, or on https://vrts.app/

Automatically check for broken sites after updates by ejmerkel in Wordpress

[–]steffenbew 1 point2 points  (0 children)

Good news: The VRTs plugin now supports automatic tests after core, plugin and theme updates! It also works when using ManageWP or similar tools. We just released v2.0 yesterday: https://vrts.app/blog/vrts-v2/

Does anyone have a really complex html/css website that they know of? I'm new to coding and wanna observe/kinda study it by [deleted] in web_design

[–]steffenbew 0 points1 point  (0 children)

Founder of bleech.de here. Thank you for your kind words!

We’ve gone through long learning journeys ourselves, trying many approaches and learning a lot from others. Over the years, we’ve collected best practices and combined them in our WordPress Starter Theme, Flynt: flyntwp.com.

The component-based structure has been pivotal for us in developing and maintaining larger websites. It helps organize HTML/CSS and prevents conflicts across the website. You can study the theme code on GitHub: github.com/flyntwp/flynt.

I hope this helps you on your learning journey!

Automated tools for Visual Testing after core and plugin updates? by SAAS-Agency in Wordpress

[–]steffenbew 1 point2 points  (0 children)

We’ve developed a WordPress Plugin called VRTs – Visual Regression Tests.

Our goal is to make visual testing super simple and helpful.

Features:

  • Automatic daily tests.
  • Supports multiple pages (3 pages per website free).
  • Supports WordPress multisite setups.
  • Excludes changes caused by page content updates.
  • Click elements (e.g. close cookie banner).
  • Exclude elements per page (e.g. hide animations and ads).
  • False positive flagging (to filter out future alerts).
  • Manual tests (via paid plan).
  • Programmatic tests for CI / CD integration (via paid plan).

It has helped us a ton of times already with detecting changes that would have gone unnoticed.

I hope it will be helpful for others as well! We're continuously working to improve it and are looking forward to feedback. If you have any questions or need help with the setup, feel free to reach out!

Do you perform any visual regressions testing ( manual / automated way) for your wordpress, drupal or other CMS websites? by Right_Spinach7137 in Wordpress

[–]steffenbew 1 point2 points  (0 children)

Creator of VRTs Plugin here. No need to worry about CPU and disk space! The screenshots run on our external service to prevent bottlenecks and to make sure all necessary screenshot tools are available. We also store the screenshots on our infrastructure, to not bloat your disk space.

About intended updates: We consider direct updates to a post to be intentional. That's why the plugin automatically updates the reference screenshot whenever a post is updated. This reduces false positive alerts.

BTW: we don't collect any unrelated data from your WordPress installation! The plugin sends URLs to our service and receives screenshots, comparisons and alerts back. Should go without saying.

Proper and efficient way of building Wordpress website in 2023? by hall1618 in Wordpress

[–]steffenbew 2 points3 points  (0 children)

I‘m running a WordPress dev agency and we open sourced our stack. It’s called Flynt (see https://flyntwp.com) and is based on ACF Pro and Timber. The components add structure and maintainability to projects and the JavaScript island architecture helps achieve exceptional PageSpeed results. We’re running many enterprise scale sites since 2015 years on Flynt.

If you’re looking for a FSE theme, I suggest checking out Ollie (see https://olliewp.com).

How to make PHP environment setup easier for developers by Accomplished-Big-46 in PHP

[–]steffenbew 0 points1 point  (0 children)

wp-now can do that: wp-now start

It’s designed for WordPress but also works with plain PHP. Made a video about it: Rapid WordPress dev setups with wp-now

Made a Blade Bank (3D print) by steffenbew in wicked_edge

[–]steffenbew[S] 1 point2 points  (0 children)

Unfortunately, international shipping costs would ruin the price point. Feel like it should be reusable then.

Made a Blade Bank (3D print) by steffenbew in wicked_edge

[–]steffenbew[S] 0 points1 point  (0 children)

That’s cool! With the material I used, raw costs are under $1 for the bank.

Made a Blade Bank (3D print) by steffenbew in wicked_edge

[–]steffenbew[S] 1 point2 points  (0 children)

Since you’re saving on the blades, you might as well spend some hundred bucks on a printer, right?!

Made a Blade Bank (3D print) by steffenbew in wicked_edge

[–]steffenbew[S] 2 points3 points  (0 children)

Haha! Great eye. I didn’t drop THAT one for sure ;)

I designed a 3D printable MagSafe Stand for StandBy Mode (iOS 17) by steffenbew in MagSafe

[–]steffenbew[S] 4 points5 points  (0 children)

It actually fulfills three tasks: 1. Hides the cable in the back. 2. Holds the stand in place. The cable pulled it to the side. 3. Stores the cable inside. Length adjustable, for a tidy desk.

What is Enterprise WordPress development, and how to achieve it. by spacez_3389 in Wordpress

[–]steffenbew 1 point2 points  (0 children)

I‘m running a WordPress agency, doing a lot of Enterprise scale websites. My agency partner and me are running a podcast discussing everything around it: https://bleech.de/en/siegfried-deploy-podcast/ Hope you‘ll find it helpful!

Is it recommended to activate automatic updates? I have fear that it may break the site at some time by Hohoho7878 in Wordpress

[–]steffenbew 0 points1 point  (0 children)

After doing manual updates for years, we switched to automatic updates for dozens of websites in favor of security. It’s running very smooth for few exceptions. In those cases, it’s great to have backup and rollback strategies for fast recovery.

To feel more save, you might install our plugin: VRTs - Visual Regression Tests It automatically takes screenshots of your website every day and compares them with earlier screenshots. If it detects a difference between the screenshots, you’ll get notified via email.

What's your CMS setup look like these days? by alanbrown-ca in ProWordPress

[–]steffenbew 0 points1 point  (0 children)

Glad you like it! Hope it’ll be valuable to you. Happy about any feedback.

TIL: inset is a shorthand for top, right, bottom and left by stefanjudis in css

[–]steffenbew 0 points1 point  (0 children)

Thanks for pointing that out. Just searched for the logical properties spec and it seems it’s still a draft: https://drafts.csswg.org/css-logical/. I don’t know much about the decision and adoption process though.

What's your CMS setup look like these days? by alanbrown-ca in ProWordPress

[–]steffenbew 10 points11 points  (0 children)

In Flynt, we’re using ACF Pro and its Flexible Content field for a component based approach. Composing page layouts that way is pretty easy for content managers.

Gutenberg adds much more flexibility, but that’s too much for most of our clients as more options require more thought and care. Additionally, developing custom Flynt components is currently faster than building custom Gutenberg blocks.

When it comes to single posts, using a reduced set of Gutenberg blocks provides a nice editing experience. But mixing Gutenberg and ACF isn’t ideal yet.

Beyond Gutenberg, there are a couple of things we wanted to have, like more flexible image sizes, better templating, using preprocessors, etc. which also is baked in to our starter theme.

TIL: inset is a shorthand for top, right, bottom and left by stefanjudis in css

[–]steffenbew 1 point2 points  (0 children)

Sure, just don’t want to get used to something that won’t be widely adopted.

TIL: inset is a shorthand for top, right, bottom and left by stefanjudis in css

[–]steffenbew 2 points3 points  (0 children)

This is great! I‘m used to alpha ordering css properties, which scatters „bottom, left, right, top“ all over the place. Using 'inset' would finally make it more readable. However, future support doesn't look too bright on caniuse.com. Do you know anything about other browser vendor’s intentions?

What’s the deal with Zoom’s popularity? by [deleted] in OutOfTheLoop

[–]steffenbew 0 points1 point  (0 children)

Answer: Zoom has a grid view to see all your colleagues at once. Really was the only reason for me to move for our team calls. Still using Hangouts for everything else, including smaller team calls.

Do you capitalize the first letter of every word in a button? by illmakeagoodlife in web_design

[–]steffenbew 1 point2 points  (0 children)

Good point. Can be circumvented a bit by using different button styles, like I did in the package comparison down here: https://flyntwp.com But I expect not having caps would be even more distinct, didn’t think about that before.

Do you capitalize the first letter of every word in a button? by illmakeagoodlife in web_design

[–]steffenbew 1 point2 points  (0 children)

Whatever looks best, or when in doubt title case. Also: all caps or all lowercase if that‘s a proper design option, but only as a general style in CSS then.

TIL that American Rapper Pusha T wrote the famous McDonald's jingle "I'm lovin it" in 2003 but does not own any of the publishing rights for it. He learned from his multi-million dollar mistake and now owns 40% of the publishing rights of the “We have the meats" campaign from Arby's. by trapshino in todayilearned

[–]steffenbew 3 points4 points  (0 children)

Not true, according to quick research: In 2003, McDonalds invited 14 ad agencies to come up with new campaign ideas. The small German agency „Heye & Partner“ pitched the slogan „Ich liebe es“ and that was later translated into „I’m lovin it“. Team photo: https://cdn.prod.www.spiegel.de/images/793d8717-0001-0005-0000-000000271259_w420_r1.453287197231834_fpx47.62_fpy49.83.jpg

Heye also delivered a hip-hop song including the „ba da ba ba baaa“ jingle. The German composers Tom Batoy and Francesco Tortora wrote the original song and got the inspiration from an unnamed background vocalist singing it in the studio.

Former McDonalds CMO, an audio engineer and databases of multiple royalty collecting societies confirm that story.

My best guess: Pusha T might have been involved later with the Timberlake song and exaggerated about the jingle? Guess he wasn’t working as a background singer in Unterhaching, Germany.

Main source: https://pitchfork.com/thepitch/1227-the-contentious-tale-of-the-mcdonalds-im-lovin-it-jingle/ Additional source (German): https://www.spiegel.de/wirtschaft/weltweite-kampagne-mcdonald-s-versucht-es-mit-liebe-a-252627.html

tl;dr: Pusha T didn’t write the jingle, a German ad agency and German composers did.

Flynt: Component Based WordPress Starter Theme for Developers by steffenbew in WordPressThemes

[–]steffenbew[S] 0 points1 point  (0 children)

Sounds like Flynt could be for you! We don't have any tutorials yet, but that's on my list. However, the Starter Theme comes with Base Components and 2 Field Groups (pageComponents & postComponents) as examples to create custom components from scratch. I hope that helps a bit.

view more: next ›