First full site using Bricks is live and it’s been such a great experience: https://www.nextier.co.za
I’m officially hooked. I used ACSS and it pairs wonderfully with Bricks. I have a good plugin stack but am still looking for the following if anyone has suggestions (I prefer lifetime purchase deals):
• Image optimisation
• SEO
• Security
Thanks to the Bricks team for being so responsive on the Facebook page and here <3
VERY nicely done! Very nice color scheme and elegant animations without being excessive.
As for suggestions, I am a very huge fan of SEOPress Pro - their pricing is fair and it covers all the bases nicely including schema, OpenGraph socials, redirects, analytics tags, etc. Support, if you need it, is quick.
For security, my base is Wordfence (free version) which has done me well for the last few years.
For image optimization, I’m old school using squoosh.app for compression and resizing, then Cloudconvert.com for conversion to WebP. There’s also a code snippet on Imran Siddiq’s Web Squadron FB group, written by Mark Harris, that converts any uploaded image to WebP. It’s very handy if I don’t want to do the Cloudconvert step.
Nice, I like it. Well balanced color scheme. I may suggest one thing: the “Founder manager” section appears too often in the website, and you do not have many pages. Cheers!
I agree! Unfortunately for this project I only built the site and had no say on the content - hopefully in Phase 2 we can tweak the content and flow a bit. Thanks for the feedback
You’re welcome! If you are retroactively converting images that are already on the site to WebP you can “cheat” by using Shortpixel or Optimole. This will serve a WebP version if the browser supports it (obviously it should) and will fall back to jpg as needed.
Aaaah this is awesome, thanks so much!! This snippet along with ASE and Enable Media Replace are the kinds of things that make life infinitely better! Have already updated my blueprint
Thanks! It’s so simple in Bricks - select an element you want to animate and then click on the “Interactions” icon on the top right of the options palette on the left of your screen. It’s next to the “Conditions” icon. Then you just use the dropdown to go crazy! For a lot of these I use" Enter viewport > Start animation > FadeInUp/FadeIn" and made sure to select the “play only once” toggle so they don’t go crazy when users scroll up and down I’m sure there’s also screenshots and better explanations if you search “Interactions” or “Animations” on here or or on Bricks Academy. Enjoy!
Your footer mail and phone contact links are not working; they are showing the ACF dynamic data tags.
The links work properly on your contact page; if you are pulling the info dynamically there, just replicate it in the footer. If you are not pulling the info dynamically there, you are negating the dynamic setup in the footer because they will be out of sync if the info does change.