Build with ACSS: Zendesk.com Home Page (Part 6)
HTML-код
- Опубликовано: 10 дек 2023
- The final video!
Mobile optimization is the focus of this episode. I go breakpoint by breakpoint to analyze the site and make necessary adjustments.
Since Automatic.css does most of the mobile optimization for us automatically, all that's needed are adjustments to the slider areas, custom social proof grid, header, and a few other minor corrections.
I hope you got a lot out of this series! We'll be running a new series in 2024 focusing on full workflow starting with wireframing using Frames for Figma, UI design in Figma with ACSS Tokens, and then building the page in Bricks.
Should be fun! Thanks for watching :)
Interested in using Automatic.css on your sites and accessing the private ACSS support and strategy community? Get a license here: automaticcss.com
Interested in using Frames on your sites and accessing the private Frames support and strategy community? Get a license here: getframes.io
Want more helpful dev tutorials and agency-related trainings? Check out Kevin's channel: / @gearyco
![Veeze - F.A.F (ft. Rylo Rodriguez) [Official Music Video]](http://i.ytimg.com/vi/7hlz2S2GmIY/mqdefault.jpg)
Great series Kevin! I learnt a lot of new tricks. Thank you 😊
Enjoyed the series. Really got a lot out of this last episode with making responsive adjustments. I can't wait to see the Figma-Bricks series that you and Tommi are planning.
Brilliant series, Kevin!
0:48 I can't seem to find the infinite logo carousell video on the Kevin Geary channel. Would you mind putting it into the description?
Great series, Kevin. ACSS is going to save tons of time.
@AutomaticCSS, Tnank you Kevin =) An excellent and illustrative example in the tenth minute of the video is how much more convenient it would be to perform manipulations with the grid net in the visual builder. It is for such situations that it will be invaluable ^^,
Yes a visual UI for grid would be very helpful in this particular situation.
still wanting to try this on my 8th Bricks website. Looks super good to use but i fear i'll be lost without knowing what class is for what :D
Hi Kevin,
Great series! Learned a lot of things in this one, like in your other videos. Please correct me if I'm wrong, but you seem to have missed one important thing: you didn't show or optimize the mobile menu itself; only the hamburger icon. Can you do a short follow-up on this one to show and optimize the mobile menu please? Because that can be a bit of a pain for those new to using the nestable Nav by Bricks.
Yeah, it’s probably another one to two hours of work. I will do a menu specific tutorial at some point.
@@AutomaticCSS Thank you. Looking forward!
Fantastic Series! Powerful! Dev tutorials and agency-related trainings ♥♥♥
🙏
Kevin, I noticed that breakpoint previews are not accurate, is that a bug or we are doing something wrong? I already posted in IC about my footer issue, and I see that you have similar problem in the header.
What’s not accurate about them
What a pity for what is actually a pretty good product. With the price increase to 79 $ per year, you have ruined the cost-benefit factor. Paying that much money annually (!) for a CSS framework is simply not worth it. Some partners who wanted to buy it at the beginning of the year have switched to competing products.
If $10 put you over the top, I'd question your pricing model.
I have no problem with 10$. It's about the overall pricing. Starting at 79$ yearly(!) for the use of a CSS framework for three websites is not a good ratio, also because competing products are cheaper (eg. 119$ Lifetime/Unlimited Sites), at least for the functions that are actually used in "real life".
The customer cannot understand these ongoing costs for a CSS framework, sorry. That's my experience over the last few years. No problem if others are happy with it :-)
LTD is actually the better option, even more attractive would be a bundle offer ACSS+Frames. Perhaps such an offer is planned for the future.