![David Waumsley](/img/default-banner.jpg)
- Видео 198
- Просмотров 583 370
David Waumsley
Великобритания
Добавлен 11 окт 2009
Previously about WordPress with a focus on Beaver Builder. Now about Web Standards, Modern CSS and basically owning your own web.
Goodbye WordPress, the Intrinsic Framework and future of web design in 10 minutes.
I’m stepping away from WordPress content to talk about some of the new opportunities we have now as front-end web designers .
If you make websites for a living now is a good time to start looking at “Modern” CSS. It is nothing like it used to be.
Links:
intrinsicframework.here24.co/
No Script Show RUclips Channel
www.youtube.com/@NoScriptShow?sub_confirmation=1
Talks:
Web Design Engineering With the New CSS | Matthias Ott | CSS Day 2024:
ruclips.net/video/su6WA0kUUJE/видео.html
“Everything You Know About Web Design Just Changed” by Jen Simmons-An Event Apart video:
ruclips.net/video/jBwBACbRuGY/видео.html
Mentioned
www.w3.org/
beaverjunction.here24.co/ (only for reference now)
If you make websites for a living now is a good time to start looking at “Modern” CSS. It is nothing like it used to be.
Links:
intrinsicframework.here24.co/
No Script Show RUclips Channel
www.youtube.com/@NoScriptShow?sub_confirmation=1
Talks:
Web Design Engineering With the New CSS | Matthias Ott | CSS Day 2024:
ruclips.net/video/su6WA0kUUJE/видео.html
“Everything You Know About Web Design Just Changed” by Jen Simmons-An Event Apart video:
ruclips.net/video/jBwBACbRuGY/видео.html
Mentioned
www.w3.org/
beaverjunction.here24.co/ (only for reference now)
Просмотров: 399
Видео
Static WordPress. How WP Code Box helped me go “serverless”.
Просмотров 1,8 тыс.Год назад
Update: I've mostly stopped using WordPress. If you are interesting making sites with HTML, CSS and a smidge of JS I'm posting video here: www.youtube.com/@NoScriptShow . Other similar videos will come to this channel later. The post is here: simplerevolutions.design/static-wordpress-with-wp-code-box/
Faster WordPress Websites (with and without plugins)
Просмотров 8892 года назад
It's often easy to improve our WordPress page loads and general performances. Here, I cover things that WordPress loads that is not always needed and how to remove them. It is part of my series on use WPCodeBox: wpcodebox.com/ simplerevolutions.design/making-wordpress-faster-with-and-without-plugins/
A Better Way To Disable Gutenberg (With And Without A Plugin)
Просмотров 9052 года назад
Here we look at a code snippet to disable Gutenberg and all it's styles for performance. I also mention an excellent plugin by Jeff Starr called Disable Gutenberg. Post: simplerevolutions.design/a-better-way-to-disable-gutenberg-with-and-without-a-plugin/ wordpress.org/plugins/disable-gutenberg/
Coming Soon Pages for Beaver Builder
Просмотров 2812 года назад
Coming soon pages with and without plugins. The post is here: beaverjunction.here24.co/coming-soon-pages-for-beaver-builder/ and follows on from a post here: simplerevolutions.design/5-snippets-for-replacing-wordpress-coming-soon-maintenance-plugins/
WordPress coming soon & maintenance pages without plugins
Просмотров 3992 года назад
Following my last post on WPCodebox and my aim to reduce dependencies on WordPress plugins. Here 5 that can be used to replace WordPress coming soon & maintenance plugins: simplerevolutions.design/5-snippets-for-replacing-wordpress-coming-soon-maintenance-plugins/
WPCodeBox. Why It’s Becoming The Most Useful Addition To My Toolbox In 5 Years.
Просмотров 3,3 тыс.2 года назад
Update: I've mostly stopped using WordPress. If you are interesting making sites with HTML, CSS and a smidge of JS I'm posting video here: www.youtube.com/@NoScriptShow . Other similar videos will come to this channel later.
UX made simple & free with Clarity by Microsoft
Просмотров 2,1 тыс.2 года назад
Update: I've mostly stopped using WordPress. If you are interesting making sites with HTML, CSS and a smidge of JS I'm posting video here: www.youtube.com/@NoScriptShow . Other similar videos will come to this channel later. Post: simplerevolutions.design/clarity-ux-made-simple-free/ Clarity (by Microsoft) is a free web analytics tool that helps you see what’s working on your site and where peo...
When do web design contracts do more harm than good?
Просмотров 1872 года назад
This looks at web design contracts generally issued to client by freelancers and small agencies. It questions where they help to: - Produce better work rather than restrict it. - Improve communication rather than strain relationships. - Mitigate risks rather than introduce them. Written article here: simplerevolutions.design/when-do-web-design-contracts-do-more-harm-than-good/ This video is spo...
Data-driven web design. Is this a better name for what we do?
Просмотров 2142 года назад
Recently I decided to use the term "Data-Driven Web Design" to try and distinguish me from those selling websites as a more templated commodity. It's not the most exciting term, but I think might encourage more website clients to give us the problem rather than the solution. Also to see what we do goes far beyond making things look pretty. Blog post: simplerevolutions.design/data-driven-web-des...
Slim SEO - Keeping WordPress SEO Simple And Easy
Просмотров 9662 года назад
Last year we moved the client sites we manage over to Slim SEO. (wordpress.org/plugins/slim-seo/) It’s a lightweight SEO plugin for WordPress. Needs no configuration. Yet, you can turn off options and customise with it documented code snippets Although it’s been around for 3 years and has over 10,000 active installs, it seems less well known to the web professionals who might most appreciate it...
A Custom WordPress Dashboard Without a Plugin
Просмотров 2,6 тыс.2 года назад
Update: I've mostly stopped using WordPress. If you are interesting making sites with HTML, CSS and a smidge of JS I'm posting video here: www.youtube.com/@NoScriptShow . Other similar videos will come to this channel later. I’ve been using a plugin to set up clients' resources in the admin side of their own sites. It looked impressive, but as I'm rebuilding my business to be more Simple and Ag...
How Agile has helped me price web projects - Agile project costs
Просмотров 3562 года назад
Article: simplerevolutions.design/pricing-agile-web-projects/ One of the benefits of moving to an Agile approach, for me, has been the confidence it’s given me with pricing projects. That might sound paradoxical as Agile is about letting the process determine the cost, rather than fixing them upfront. But that does not mean we have to be suspiciously vague or evasive when asked “how much?”. We’...
Are We Losing Web Design Clients? Agile Approaches to Getting and Keeping Clients.
Просмотров 2552 года назад
For this first post on getting wed design clients I’m revisiting one of my favourite books. It’s a long time bestseller called Watertight Marketing. I will be using one of its concepts to highlight how agile approaches might help with obstacles a potential client may have on their journey to finding us. This will be the first of a number of post on Agile approaches to getting and keeping client...
Are you a Traditional or an Agile web designer?
Просмотров 2842 года назад
Recently, on the WP Builds Podcast, we put out a discussion called “Realistically defining our business model”. What became clear to us was just how important it is to pick an approach that best fits our personalities. I thought it was a topic worth exploring further. In order to do this I’ve invented four web design characters: The entrepreneur The artist The fixer The enabler I’m looking to s...
Using Scrum to make our web design businesses Agile. An overview.
Просмотров 1,2 тыс.2 года назад
Using Scrum to make our web design businesses Agile. An overview.
Simple Revolutions in Web Design - A new blog for freelancers and agencies
Просмотров 6142 года назад
Simple Revolutions in Web Design - A new blog for freelancers and agencies
Self-hosting Google Fonts (and new variable fonts) without a plugin.
Просмотров 2,5 тыс.2 года назад
Self-hosting Google Fonts (and new variable fonts) without a plugin.
Host Google Fonts Locally With The OMGF WordPress Plugin - FREE
Просмотров 6 тыс.2 года назад
Host Google Fonts Locally With The OMGF WordPress Plugin - FREE
Should we self-host Google fonts (locally loading Google fonts)?
Просмотров 6313 года назад
Should we self-host Google fonts (locally loading Google fonts)?
Styled Beaver Builder Contact Forms and a guide for styling more.
Просмотров 1,1 тыс.3 года назад
Styled Beaver Builder Contact Forms and a guide for styling more.
Faster Image Loading with Beaver Builder. Preloading Images and More
Просмотров 9763 года назад
Faster Image Loading with Beaver Builder. Preloading Images and More
An early look at Beaver Themer v 1.4. Spoiler: Beaver Builder will work in a Themer template soon
Просмотров 7623 года назад
An early look at Beaver Themer v 1.4. Spoiler: Beaver Builder will work in a Themer template soon
A sneak preview of Assistant Pro. Store and manage your WordPress website assets.
Просмотров 1,1 тыс.3 года назад
A sneak preview of Assistant Pro. Store and manage your WordPress website assets.
Approaching WordPress Website Optimisation for Core Web Vitals (Page Builders)
Просмотров 7703 года назад
Approaching WordPress Website Optimisation for Core Web Vitals (Page Builders)
How Fast is Beaver Builder? (Something for speed performance testers)
Просмотров 6913 года назад
How Fast is Beaver Builder? (Something for speed performance testers)
Migrate Or Clone A WordPress Site To Any Host With Migrate Guru
Просмотров 17 тыс.3 года назад
Migrate Or Clone A WordPress Site To Any Host With Migrate Guru
Google Core Web Vitals & Beaver Builder's Page Speed - 2021
Просмотров 1,1 тыс.3 года назад
Google Core Web Vitals & Beaver Builder's Page Speed - 2021
What's coming to Beaver Builder version 2.5 (a look at Alpha version1)
Просмотров 1,2 тыс.3 года назад
What's coming to Beaver Builder version 2.5 (a look at Alpha version1)
Responsive Grids with Columns in Beaver Builder
Просмотров 2,6 тыс.3 года назад
Responsive Grids with Columns in Beaver Builder
I'm ALL IN on css, and COMPLETELY OUT on html 😂 How can we avoid it completely? 😂
Ha ha. Nice to see you Kyle. I know it's got us completely by the balls! Even Flash had to be wrapped in it. I think Canva's Website Builder is making some headway on that. Honestly that HTML is just making us lazy. I mean why write <button> when we can individually program the states for the browser with JS? Maybe with Tailwind's "separation of concerns" we can add 50 of it's utility classes to style it. We should start a movement. HTML lovers. Just a bunch of lefties.
Hello David, What a suprise to see you pop up this afternoon here in the UK. I hope you have kept well, and I look forward to seeing what you come up with. All the very best. John
Hi John how fabulous to hear from you. It's been ages. All is good with me and I hope it's the same with you..
I don't get to RUclips very often anymore. I don't know what made me pop over this morning, but there you were, and I am glad I did. I look forward to seeing some more content.
Ah, so you did get my telepathic message then. I thought of you as I was uploading this. Nice to see you mate.
Making those pages is more work, less flexibel, and pretty static.
What would you suggest for static sites under 50 pages?
@@DavidWaumsley Wordpress ... and dont use a bad page builder.. Beverbuilder is clearly not the fastes.... ( if you care. ) and then it comes to safty use good plugins. If you have a good wordpress pipeline you can make a good website in 2 days... That you can give a client. A website thats Ranks! What if the client wants a new section or page... or wants to edit some text ... he will always need get back to you. Their is a good reason why 60% of the web runs with Wordpress
Happy to see you back. I look forward to your new direction!
Cheers Matt. This is very much appreciated.
David, why would you get at 2:53 the text blok while on mine I don't ?
This is quite old and is showing the WordPress classic editor rather than the newer (Gutenberg) block editor. I don't use WordPress as much, but I still go back to the classic editor with this plugin wordpress.org/plugins/disable-gutenberg/
I'm looking for a way to configure a search bar for a membership site for a client that uses Beaver Builder, Beaver Themer with Access Ally. I'd wondering if you think WP Facet may be good to use? Right now they several courses but their biggest thing is they want mastermind clients to be able to use a search bar and search within the Mastermind content pages to find text on the page with the content they are looking for. I'm wondering if I could use WP Facet to categorize / tag the mastermind pages so the search would only pull up content from the mastermind? I'm going to start researching Facet but I'm love your insight thank you!
I don’t get it. 😢
fyi, they now have a migration key to help speed up the migration process...
1. The link doesn't display in the bottom left corner like a normal link does. 2. Any ideas on how you could make the <a href> text</a> change color on hover no matter where you are hovering over the column?
@@natebanker1263 Oh I see. This shows the HTML title attribute that is in the element being pointed at i.e title=" this is my hover-over text". I'm not building with WordPress and BB anymore so I'm not sure how you could add this to a clickable column. I think there was an attribute plugin for BB on GitHub somewhere that allowed to to insert these any any module. I don't think it is an option by default on anything that is not a link in BB.
I dont see my fonts listed on that web page. Does than mean they offer no variable fonts ? UniversalSans
Universal Sans is not a Google fonts. I think it is a commercial font, but I have no idea if they have made a variable version. I would guess not.
Anyone know how I’d do this
Anyone used this recently?
David, you've long been my first choice as a resource for when I have been in search of solution to a WordPress/Beaver Builder/other things quandary (I've made many a Google search where I type in the subject of my question and add, hopefully, "Walmsley" to the end of it), mainly because you both figure things out and have a knack for explaining it with clarity. So of course I'm quite interested in whatever it is that you're undertaking here, and I can already see that whatever free time I might have had available next weekend is rapidly being spoken for. However, my piqued interest is tempered by a slight degree of bafflement. Clearly there are some web trends I've not kept up with. Help me catch up here... Is a static WordPress one without a database?
Many thanks for this! Just into this industry, but will go for this as a part of my toolbox.
much more confusing
Hi David, while the goal of not using any plugin, we have made a more convenience way to self-hosting Google Fonts (and new variable fonts), with the help of Yabe Webfont
This is a fantastic deep dive into this topic. I really appreciate the work you put in here, David!
Thanks so much 🙂
my columns are not placed side by side but on top of eachother can anyone help?
The first link is dead. Is that content still available somewhere?
I'm sorry it's gone for good.
Thank you for this great and helpful video. Very well explained!
I am doing my first Woo store and Googled WooPack. Guess what came up? Thanks for the overview. It doesn't look like the basic features in WooPack have changed very much since release.
Hi David, I use Breeze on my website but this morning this came up not sure how to rectify it. Status: Not connected Drop-in: Valid Disable An object cache error has occurred: Failed to initialize object cache: Connection refused Have tried trouble shooting but cant find any thing. Thank you
3 minutes spent and no solution about the google fonts :/
Menu building with beaver builder is an absolute chore, I don't know why they don't work on a better way to make these.
Your Demo website doesn't seem to be working anymore 😞
I'm sorry. I had to take my demos down as it was too much to maintain with false accounts being set up. This video is quite old and I'm not not using a page builder any more.
That is understandable. I only wish the code was saved via github or something so that the information would still be usable because this is exactly the type of thing I was looking for.@@DavidWaumsley
Perfect - thank you David! One issue that I've found comes with the Astra Theme (Maybe with other themes too). You need to check if a parent container has an overflow property set. If so "sticky" won't work. For instance, with the Astra theme, there is an "overflow:hidden" for the HTML Tag in the default CSS of the theme. Simply unset the overflow property and it will work fine.
Thanks for your video. Am just wondering if this is also possible with linked images too because the theme I am using doesn't allow image selection with Beaver Builder.
Hi Julian. Thanks for watching. I see no reason why not. One thing that was not around when I did this was fetch priority (web.dev/fetch-priority ). Worth checking out - although this is probably even harder to implement via WordPress. I am out of touch now as I decided scrap using a builder. With all the cool new stuff browsers are supporting hand coding started to appeal.
Thank you worked 100%!
Great, Thank you too.
Stunning progress you've made David. You should be very proud of yourself. His was very inspiring. And also made me laugh out loud a few times with some of the comments and rationale... I'm talking about things like "learning CSS was easier than learning Gutenberg" and the React being a mistake, and JS Devs trying to figure out how to output html Lol. Hearing you joke about these things shows you've moved on from all the Gutenberg trauma and can make light of it all now with it firmly in the rearview mirror. Looking forward to more videos!👏
That is another excellent video, David. I appreciate your effort in creating this video. 🙏🏻 I don't mind paying you a fee if you were to start a detailed step-by-step course on how you converted an entire WP site to a static site. PS: And thanks for introducing WPCodebox. I've been using it daily ever since I got it through your link a few months ago.
Hi Melvin thank you so much. That is great to hear, I was wondering if it might be worth setting up some kind of life membership where I shared everything I did with on going tutorials. I think I would have to provide a version that did it all via the theme so folk did not have to use WP Code Box. It is just a thought. at this moment I have 5 projects running now to learn from so I don't think I will get anything done quickly.. I would like to get to the point where I know what I have is solid and faster then using a page builder.. Thank you again.
Admin Page Spider is another way to get wp working faster
I used to use it, and did a video on it ages back. This video is about page load.
Loving this setup.I like how you think about the stack in terms of it being resiliant to unforseen changes. I also like how the entire github setup works and the fact you can end up having free hosting for clients. Moving site edits to you also opens up a wass horizon as well. All this is a real food for taught. Though at the moment manz of my clients really fo update the sites on their own. So will have to think of this. Love the classless (or low class component drive coding approach) too. I want more of this.
I really appreciate this comment. Thank you. Clients needing to change their own content is a real weakness in this. Presently, I would be the bottleneck in the situation where the client needed to quickly up date content for visitors. So far, for me that type of content has just been booking or calendar stuff which is done via a 3rd party. I thought I would end up limiting my type of work. Which was fine me me. I passed on a WP membership site that was broken, but luckily found out that it was only a directory and that updates were not often. Users struggled with the complexity and restriction of fields and some had to be banned for messing up the site (I think funky copy and paste text). Before going this route I would have looked to rethinking the fields and adding safeguards. After I just asked could they just not do it via Google docs or via a feedback overlay (Userback or Project Huddle). That was preferred. I am not done, but it has got me really thinking about where and when a client really needs a CMS. Anyway there still is a route either the Jamstack way or reverting some things and putting the WordPress site live. I think we are in the middle of quite a division of approaches. I think I will be some months learning from some new projects before I could come back with more detail, but wanted to see if there was any interest in this.
@@DavidWaumsley this video inspired me to show some of the things I keep thinking about in regards to approach we have with Builderius site builder. Specifically HTML first approach. You control all the html and css, so you build it all as if its a static html site, and then we simply pull dynamic data where we need it. This makes it really easy to create stuff using modern css and html approaches without the complexity of blocks and other simiar stuff. The entire thing becomes so much simpler. I want to try and make a video about this to communicate some of excitement I have about it. :)
@@thisweblabvideos That sounds fabulous. I will be really interested in that. I was always interesting in what you were doing with Builderius, but it was only today that I followed your RUclips channel. I'm amazed this video has got good views. It looks totally mad from serious developers point of view, but I perhaps I'm not the only WordPress person who feels first they need to level their CSS and HTML skills first in familiar surrounding in bite sizes pieces. Still, even if I was a wiz kid with npm, right now I have a few jobs to do with 100's of WP pages and posts on the existing sites.
Thanks David, very interesting stuff - I too have looked at Astro - but I've not found the time to investigate fully yet! One question - how does this affect client editing, and client pushing updates ?
Nice to see you Dave. There's is no CMS with this WP approach so clients give me what needs to be updated. One advantage of Astro (and other SSG's) is that you can add editable areas (to their "front matter") and use Netlify's CMS option to give client access. Most JamStack CMSs are really expensive! I could talk about this a lot. It took me a long while to realize that a CMS was not what my clients actually wanted for the HTML type content. Actually, either they never used it or really got into it and started messing things up. I have had jobs where the original dev restricted what the client can edit (with ACF) and that client has come to me to get the restrictions removed. Much later after a proper chat with the person behind one of those those jobs it was not as I thought. The restriction were just too much, but they would rather someone else was altering the site for them. With new clients it is easier as over the build time we are working with shared Google docs so this is how they tell to make changes. For one site with many people needing to give feed back on what needs altering I am considering using UserBack or Project Huddle for it. Things like taking payment and bookings are all coming via other API so they have their own accounts to manage that. I can't do a full ecommerce site, because I don't have the skills to connect the Stripe API to the HTML, but it would be that way would go if needed.
@@DavidWaumsley Thanks for the replies David - trust all is well with you?
What do you do for backend database...email, forms processing...?
Hi Steven, sorry I need to get this out as a blog post as I don't show everything I mention. I use Formspark which actually still is on a deal: www.dealify.com/formspark/
Sorry, what do you mean by database? Local WP provide MySQL for WordPress.
@@stevendavis7628 Ah yes I see what you are saying. I have a new client who relies on a CRM, but luckily it is 3rd party and so I will have to connect FormSpark to Zapier to his CRM. I don't know yet as I have not started that job.
Very interesting...I'm going to have to dig into this further. Big move from your Beaver builder stuff!
Blog post is here: simplerevolutions.design/static-wordpress-with-wp-code-box/ Special 25% off coupon: “beaverjunction” for the best discount available for wpcodebox.com/
Oh man! Finally a video that helped me understand how this works. Thank you so much!
Thank you. That is so kind of you and appreciated. All the best David
Awesome...!!! Thank you very much!
Thanks Maria.
2:30 - Good general info on why exporting generated code to a plugin is useful, but this is for #GenerateWP, not #Elementor or #CPTUI native
Thanks for the discount code, David. It worked! I bought the Agency plan via your affiliate link. :)
Thanks very much Melvin. I saw it come in. This video is a bit dated, but I actually love WPCB even more now. I'll do more content soonish.
Ftp noy showing
Such a great explanation. Thanks David.
Do you still have this code somewhere? I noticed the old site is gone.
WYSIWHYG = "What You See Is What You HOPE You Get"? LOL. Great video David. I'm infatuated with REMs but I can understand that the average punter only knows PX, from their experiences with Word Doc editing, mostly.
Pathetic as it sounds, for some reason the process for inserting child columns will not stay in my memory and I have to watch this video twice a month. I hope you never take it offline, David!
Very nice! Been digging around and knew something like this was possible... Finally found it. Thanks a bunch for the simple tutorial.
Thanks Pete.
It doesn't keep property customisation on infinite scroll. If you check "hide short description", it's only going to work for the first batch of posts, try scrolling and it will display "short description" regardless. Not. Cool.
Are you sure this still works if there are multiple modules in the sidebar?