They said my design would be too difficult to build... 🤷 Even called it "abusive" to developers...

Подписаться 11 тыс.

Просмотров 3,3 тыс.

50% 1

In my last video, I shared a few tips for avoiding "stripey" layouts in your designs. A few people mentioned that it would be too difficult - or even "abusive" - to actually build.
But, if you know your way around pseudo-elements, or aren't afraid of learning something new, I think all the techniques I showed are actually pretty simple.
So today, I'm going to show you how to go from stripey to streamlined using GenerateBlocks!
💻 Visit Our Website: theadmin.bar/y...
🗨 Join Our Free Community: theadmin.bar/y...
📨 Get the Best of The Admin Bar Delivered: theadmin.bar/y...
🔁 Sell More Care Plans: theadmin.bar/y...
🧮 Use My Website Price Calculator: theadmin.bar/y...
📜 Get My Proposal Template: theadmin.bar/y...
☑️ Get More Done with My Checklists: theadmin.bar/y...
🔴 Live Event Schedule: theadmin.bar/y...
🔧 The Tools I Use: theadmin.bar/y...
⚡ My Agency, OGAL Web Design: theadmin.bar/y...

Опубликовано:

20 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 37

@TheAdminBar 2 месяца назад

Thank you for the support - I am getting sooo close to 10K subs 🙏 If you haven't already, consider helping me get there!

@bennysh 2 месяца назад

Thanks for the clear and informative explanation. You addressed many of the issues raised, including mine, and also showed the nice builder you're using, which I will study. However, I didn't think the design was difficult. I have been building sites for over a decade, and it's easy when the design is yours. My issue was actually with designers who forget about the mobile version, leaving you to struggle with the mobile adaptation of their design. This often leads to back and forth and time wasted. Sometimes I feel like I need to be not just the builder/programmer but also do the designer's job when it comes to different screens and mobile optimization. It gets worse when the client or the designer is OCD (true story). Anyway, thanks for the video!

@TheAdminBar 2 месяца назад

Yeah, I hear ya. I have the advantage of doing design AND development. I've had those nightmares when other designers send me work too 😅. It's unfortunate not all designers realize that the web is squishy and not percise.

@allisonkessler17 Месяц назад

Hi Kyle, I learned something. I got the offset borders working with CSS and they look great. Thank you for this amazing tutorial!

@janhenry4855 2 месяца назад

I work for a company where the design team hands me the desktop versions of the designs, and it's up to me to build them out and adapt on the fly for mobile. They certainly put me through my paces some projects - your layout in the other video would be on the easy side of what I do 😆

@aranchin-yo6wy 2 месяца назад

Awesome video! This is something i was looking for since regular background colors like egg shell white seem a little to boring and doesnt provide much depth

@TheAdminBar 2 месяца назад

Really glad it was helpful 🙏 thank you!

@steffox6362 2 месяца назад

Really good video, as always! Would you tell us which clamp function you use to determine the padding for the Hero section?

@TheAdminBar 2 месяца назад

I have a clamp function I use as a default on all my sections, but you'll need to use whatever matches your design. Here's what I use: clamp(1rem, 0.848rem + 0.758vw, 1.5rem)

@kevinroberts3789 2 месяца назад

Excellent. Love the clear explanation and the usefulness for my preferred builder (Bricks). Thanks.

@TheAdminBar 2 месяца назад

Should be a breeze with Bricks!

@MarkWilliams77 2 месяца назад

Hi mate - thanks for all your work you do on these tutes - subbed. I'm a bricks user but I'll always have GP + GB in my toolkit.

@leonardo_iann 2 месяца назад

Super video, Thanks! Took lots of notes :))

@StardustDNA 2 месяца назад

You’re a really good designer and storyteller for your RU-vid videos so I’m surprised you didn’t have more subscribers. It may be your thumbnails and video titles actually (the first click and the hook are the most important). Or there is a RU-vid setting that may be holding you back.

@TheAdminBar 2 месяца назад

That feels like a pitch 😂 Just waiting for it 😂

@StardustDNA 2 месяца назад

@@TheAdminBar No, just a fellow designer helping another out 😂

@garylorrainestone4616 2 месяца назад

Great video, thanks Kyle!

@TheAdminBar 2 месяца назад

Thank you! Glad you enjoyed it!

@whatznext28 2 месяца назад

Thanks Kyle. As a Bricks user I appreciate you showing how to do this regardless of the builder we use. How did you create the color fade effect in the header and footer CTA section? I like how they tie the brand colors in.

@TheAdminBar 2 месяца назад

I did a section with a solid background color. I add a background image set to "contain" and positioned it to the center right. I then added a pseudo-element the same size of the image (using aspect ratio) and gave it a background color of a gradient that fades from the background color of the section to transparent and sits on top of the image. Does that make sense?

@catalinim4227 2 месяца назад

good job buddy

@Neo--X 2 месяца назад

Customizing everything is an excellent way to lock your customers into your own ecosystem. This is perfect. Thanks!

@TheAdminBar 2 месяца назад

😅 I'm not doing it to lock anyone in... Just to make custom - not cookie-cutter - sites!

@AyDeeSandra 2 месяца назад

Earned a sub

@ArpLaszlo 2 месяца назад

Wow. How un-self-aware do you have to be to publicly state that you are not skilled enough to do something? Folks are trying so hard to pretend to know their stuff yet they go out of their way to complain about something and reveal their limitations in the process.

@TheAdminBar 2 месяца назад

😂

@sameerpatelxyz 2 месяца назад

This is simplest design layout to build in wordpress page builder and if develop can't do that with page builder i think they should stop calling themselves developer 😂😂

@TheAdminBar 2 месяца назад

Everybody starts somewhere :)