Build With ACSS: Zendesk.com Home Page Part 5
HTML-код
- Опубликовано: 4 окт 2024
- 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
There's one episode left that'll primarily cover mobile optimization. I'll also include a little segment on how those buttons are done and show you exactly why you should never use a button text effect like that unless your builder has true component functionality (but even then I'm still not a fan of what's required for the effect).
Random keyboard shortcut tip. If you have something selected like a block, any element you add becomes a child of that block, but if you hold down CMD/CTRL and then click to add the element, it will be added to the parent of the current selection, so it becomes a sister element instead of a child element.
Something similar happens if you have a non-container selected. Say you have a heading selected and then add a new element, it would naturally become a sister to the heading, it would go just after it in the structure panel. If you hold CTRL and then add another element, it will become a sister element to the parent of the heading. Basically just goes one level up.
Sadly, it doesn't work for sections, those still get bumped to the end.
That was such a nice course! I can't believe how fast you go! I need full concentration to follow along but it's of high value to learn from a pro, so thanks a lot for making these videos!
Good video
It seems so easy compared to previous episodes ! Thank you Kevin 😁
Yep!
Thank you for this great series! Question I noticed you used "p" tag for the accent heading i.e Return on Investment. Don't we need to use the heading for it since it's the main title of the section and underneath it the marketing title with a "p" tag ? In terms of SEO and accessibility, are there any cases where they might conflict with each other?
They haven’t done a great job of using consistent explicit section headings so some of the accents might make sense and some don’t. In some cases the large headline is more descriptive. If accents are going to be used as real section headings, some of them need to be rewritten.
OMG. You are too good. Do you have a course or something? lol
Page Building 101 - Free on RUclips. And you can join the Inner Circle for much more: geary.co/inner-circle/
“Contact us” in the footer has a period, not an exclamation mark.
It’s okay. We aren’t going live with it ;)
@@AutomaticCSS Phew. That’s good. 😅
I love your videos Kevin, Im cero beginner, question isn't Automatic css and using classes for each element makes your website auto responsive..? I see you have to fix the breakpoints..
Custom things will always need breakpoint work. But it’s relatively minimal. A lot is automatic.
Kevin, also check the logo slider as that doesn't work well it is not continuous
Which extension is used for auto filling the codes? (The cariables or the dividing for example)
ACSS
You are a pro haha! Do you have any web design courses about Bricks and CSS with variables? I am currently working with Elementor and Crocoblocks
ruclips.net/p/PLBpy-YllkBawiMQNVh8ZBXIz8QW_vUjiV&si=y-8xNmPDpaYihsGl
Can you explain how to build the expanded menu on mobile?
Probably content for the geary.co channel instead of ACSS.