Bricks Builder: Building the Sharefable Website with my Bricks stack
#bricksbuilder #bricks #webdesign #wordpress #webdevelopment #automaticcss #acss
00:00 - Intro and Setup Explanation
05:55 - Homepage Hero
07:30 - Tweak ACSS Colors
09:30 - Logo Slider
12:00 - Stacking Cards
19:00 - Feature Cards
22:00 Card Hover Effect
26:50 - Testimonial Section
30:30 - Styling Testimonial with nthchild
37:17 - Add fade in/out effect to Logo Slider with Pseudo before/after elements
41:25 - Header and Mega Menu (sorry, it's not responsive)
51:50 - Footer
56:00 - Adjust Primary Colors in ACSS
58:50 - Solutions CPT Single Template
01:04:00 - Add logo slider as template
01:06:00 - Resource Archive
01:13:00 - Testimonial Archive
Greetings!
In this video I recorded a demo of me building and designing the www.sharefable.com/ website. There are timestamps below that take you to each section. I used ACSS and some Frames & Bricksmaven templates, because that is how I build - I don't build every section from scratch if I already have a template that takes me 80% of the way there. I made some CPTs before recording to speed up the video and I organized my media into folders for easy queries.
If you enjoyed this, let me know. If you didn't like it, let me know what you didn't like so I can improve!
Brendan
-----------------------------------
🌟 Brendan O’Connell 🌟
🎨 WordPress | Design | Development | Automation | Tech 🖥️
Want to connect or work together?
🌐 Website: brendan-oconnell.com
🐦 Twitter: / brendanocwp
🔗 LinkedIn: / brendan-o-connell1
☕ Buy Me a Coffee (or Tacos): buymeacoffee.com/brendanoconnell
----------------
Aff Links:
Get Bricksforge: bricksforge.io?aff=d768d61b
Get ACSS: automaticcss.com/ref/138/
Get Frames: getframes.io/ref/11/
Пікірлер: 24
I totally agree that we need a form of design system and library of reusable patterns to speed up our workflow
@BrendanOConnellWP
6 күн бұрын
Helps so much!
Good stuff!
@BrendanOConnellWP
6 күн бұрын
Thanks! 3.0 makes it even easier
Let me grab a cup of coffee, settle into the cozy backroom of my gallery, and open the funnel to my brain as you pour the much-needed knowledge into it. Thanks, Brendan ☕🙏
@BrendanOConnellWP
7 күн бұрын
Love that! I take it you aren't in California if you're settling into your coffee right now? Enjoy
@california_ray
7 күн бұрын
@@BrendanOConnellWP Currently soaking up Central European vibes in Budapest. Thanks again!
@BrendanOConnellWP
7 күн бұрын
wonderful city, from what people tell me. Haven't been yet. Enjoy it!
@california_ray
7 күн бұрын
@@BrendanOConnellWP I highly recommend visiting the city, country, and region. It's my second home. Hit me up when you do; Coffee on me ☕
This shows how powerful CSS frameworks and premade sections are. They allow you to create a three-page website within 1.5 hours (that should be in the video's title, by the way). It gets me excited to do more in bricks but also to create a framework for Greenshift. Amazing stuff!
@BrendanOConnellWP
5 күн бұрын
Really speeds it up and gives you consistency. A framework in greenshift would be nice. It might work with ACSS/CF in that you can activate plugin and enter the variable values in the builders (no right click in Greenshfit, but if you ask in ACSS community, maybe they add that functionality with more users.
@techiesreviews
5 күн бұрын
@@BrendanOConnellWP I just saw they acss could work with Gutenberg so I wonder how the integration is like, the same for core framework
A ton to learn for a beginner, but good to see the thought process, big picture and whittle down to smaller pieces...
@BrendanOConnellWP
6 күн бұрын
Yes, I definitely was going fast to get thru it. Hope theres useful stuff. Let me know if you've got questions.
I realize how little I know watching you blow through this...awesome stuff
@BrendanOConnellWP
6 күн бұрын
hopefully theres something useful in there.
Very Helpful Tutorials!~ please share more vids like this~
@BrendanOConnellWP
19 сағат бұрын
More to come!
Learnt a lot
@BrendanOConnellWP
6 күн бұрын
Thx for watching 😊
Very cool, thanks for making this!
@BrendanOConnellWP
6 күн бұрын
Thanks hope its useful
Great content!
@BrendanOConnellWP
6 күн бұрын
Thanks for watching!