Why I Ditched Figma
24:57
Жыл бұрын
PB101: L17 - Pseudo Elements
50:17
Пікірлер
@ameti-filmy
@ameti-filmy 14 сағат бұрын
any chance to get to the etch as a frames and acss ltd member? :D
@aaronalan1279
@aaronalan1279 14 сағат бұрын
You sir are an absolute delight to watch. This and several other videos have sold me on joining your Inner Circle. Take my money! Thank you very much for everything you are doing, Kevin. I can't wait to learn more. Will also be purchasing Bricks, ACSS, and Frames in the near future.
@PswACC
@PswACC 19 сағат бұрын
After watching this video, I realized I need to learn more about SCSS. So far, I’ve only been using basic features like nesting. I’d love to see content that covers topics like loops, maps, and JSON.
@bloggerkickstart9060
@bloggerkickstart9060 19 сағат бұрын
Can you teach create fully review management system with calculation of total reviews for CPT
@OneKingArthur
@OneKingArthur Күн бұрын
Hi Kevin, my ACSS installation is updated to the latest version available however I cannot find the class .inline-form-wrapper? How can I fix this?
@Gearyco
@Gearyco Күн бұрын
It’s not an ACSS class. I made it custom.
@paulburgess4954
@paulburgess4954 Күн бұрын
Fantastic content as always, I'm learning so much from your dynamic content training, thank you so much Kevin!
@fawadalli
@fawadalli Күн бұрын
Thank you! Question: Oftentimes, we need a space between elements in a container. If one element needs larger space can we add 'Spacer Widget' to accomplish that space? Curious to know if you recommend spacer widget?
@Gearyco
@Gearyco Күн бұрын
No to spacers. Gap and margin.
@fatcatdesign
@fatcatdesign 2 күн бұрын
"Prison time" lolol Love it. Shoulda' said Chump Prison Time ;)
@marcom.jaeger7277
@marcom.jaeger7277 2 күн бұрын
super useful, no doubt - however it seems to only work with physical icons elements - how about using pseudo elements and/or base64 encoded svgs?? I try to avoid loading large css and font files like font-awesome for maybe just 20 icons all over the site - do you suggest to upload those icons as svgs into the media library - as to boxed or not boxed I'm not sure whether a default setting makes sense - I e.g. use icons more as a decoration element for e.g. the post date or post tag - don't see me using boxed icons there - however if the icons more serve like a button then a boxed version certainly makes sense.
@Gearyco
@Gearyco 2 күн бұрын
yes, just upload SVGs.
@obito-269
@obito-269 2 күн бұрын
thank you! 🙏
@MegaMaliak
@MegaMaliak 2 күн бұрын
Why is your dashboard so freaking fast?????
@Gearyco
@Gearyco 2 күн бұрын
A lot of it depends on server specs. Running local there's no server to communicate with.
@mayanikolova8353
@mayanikolova8353 2 күн бұрын
Definitely super useful to see the behind the scenes. Frankly sometimes I feel like using ACSS makes me a slacker on css, so looking at the development end is super and inspiring as always with your content. Thanks!
@Gearyco
@Gearyco 2 күн бұрын
Slackers cut corners ... Smart people just work more efficiently.
@mayanikolova8353
@mayanikolova8353 Күн бұрын
@Gearyco Very true...I guess slacker wasn't the most appropriate term. More like "I do amazing stuff with ACSS without understanding what's going on on the back end"...say that in 1 word haha
@philippeboivin8708
@philippeboivin8708 2 күн бұрын
This will be sooooooooo useful. It was impressive seeing you work at *2 speed ;-) Yes, definitely do more videos like this one.
@vaughanprint
@vaughanprint 3 күн бұрын
Commas, commas commas, always the bane of a poet’s and programmer’s life. Impressive stuff. There is a lot more going on under the ACSS hood than I realised. That’s real dedication. I was watching out of the corner of one eye but the other lazy one started to go on strike and started to stare out the window… with all those VS studio windows open.
@LupusDesign
@LupusDesign 3 күн бұрын
A peek into your thought process and ACSS. From time to time would be great! Thanks, Kevin.
@tudorcelstan
@tudorcelstan 3 күн бұрын
The icon framework is incredible, and identified perfectly as a necessary step for the card framework. One idea I tried to get through in the live chat is that maybe ACSS could lean into color relationships more and more in the future. What I mean by that is that as we get more and more Modules like icons, cards, buttons, etc. configuring the framework can get convoluted if there's not a lot of consistency of variations throughout the modules (example: border has light and dark, icon has light and dark, card has light and dark, buttons have light and dark, we have light and dark backgrounds and they're not connected). The idea that dark and light are confusing concepts in most frameworks and contexts is real and I think we all struggle with it. A future where we add a utility class on a section and all our buttons, cards, icons, and links immediately look as we designed them is the future I want to live in rather than style each element individually. I think this is already happening in ACSS, but I cannot yet put my finger on how configuration can get a bit more connected although I think it should.
@idahofreelancer
@idahofreelancer 3 күн бұрын
I had fun watching this and would enjoy more of these.
@ErinHewett
@ErinHewett 3 күн бұрын
I enjoy seeing your thought process and how you fix things when you come up against a roadblock. I think once every month or couple of months would be great for this kind of stream.
@TeddyPetcu
@TeddyPetcu 3 күн бұрын
time to time will be fine... the backend of ACSS
@Mohamed-Eraky
@Mohamed-Eraky 4 күн бұрын
Hi Kevin, I can't find the link for the frames for the Figma plugin. I think it should be available by now, right?
@Gearyco
@Gearyco 4 күн бұрын
Black Friday
@nasmith67
@nasmith67 4 күн бұрын
See, it's comments like your last one that make me not feel bad about throwing out a Roll Tide in a stream. I was quiet until you weren't. It is your channel but you start brining other smoke when you step outside of it. And yeah, I'm not even sure if Bama could beat MTST this year since our team cannot compete on a high school level in the bounds of TN. Either way, still routing for you guys in most any situation with one exception. Go Dawgs!
@Gearyco
@Gearyco 4 күн бұрын
Yeah, bama is in a tough spot this year. I’m not sure deboer is the guy…
@danielamarkova9723
@danielamarkova9723 6 күн бұрын
I absolutely love this, thank you! Columns changed my life. ❤
@Aztunxus
@Aztunxus 7 күн бұрын
Pros: I'm learning ☺ Cons: I'm highly motivated 😅
@GavinDavidson
@GavinDavidson 7 күн бұрын
Thanks again. The lesson on specificity and cascades will solve many issues for me when I inspect CSS in dev tools.
@philippeboivin8708
@philippeboivin8708 7 күн бұрын
Thanks again Kevin for this great session 🙂
@jeremiahhundley6629
@jeremiahhundley6629 8 күн бұрын
Man. For a single a person who is only making a 2-3 websites, having to do everything while on a very tight budget... the rabbit hole just keeps going and going and going..... I went under my frames subscription account. And there is a section for Frames for Figma, but it isn't working. I am actually hitting that decision fatigue these days.
@mr.matt.eastwood
@mr.matt.eastwood 8 күн бұрын
So at 48:18, there's some extra padding below the submit button. Does that come from WSForm? (I have yet to work with that plugin, though I hear your endorsements :-)).
@mackymccormack8446
@mackymccormack8446 8 күн бұрын
So :where is only really useful for default styles? Can't think of any other situation where you'd use it
@Gearyco
@Gearyco 8 күн бұрын
It’s very useful for controlling specificity in certain situations, not just for default styles. Ask me on the next WDD Live and I can show you.
@aaronguzman77
@aaronguzman77 8 күн бұрын
I'm going through this course before I begin a web design gig and I'm so looking forward to having everything be very responsive using these principles. Thanks Kevin!
@SixStringWeb
@SixStringWeb 8 күн бұрын
Wow. Just... WOW! This was an incredible video Kevin! Now I'm off to the IC to study some of your Agency trainings. Thank you for all that you do!
@Gearyco
@Gearyco 8 күн бұрын
💪🏻
@johnklutz1403
@johnklutz1403 9 күн бұрын
The absolute best PB9999 (it's not 101, my power level is now at 9999)! Did the LP build ever get released?
@Gearyco
@Gearyco 8 күн бұрын
I’ve done them separately outside of pb101
@johnklutz1403
@johnklutz1403 3 күн бұрын
@@Gearyco Sorry to ask but do you recall the title of that video? Is it in this channel or ACSS?
@LupusDesign
@LupusDesign 9 күн бұрын
Fantastic session. Thank you, Kevin. I was late because I forgot we have altered the time difference but the US hadn't! 😕
@minaadelibrahim
@minaadelibrahim 9 күн бұрын
Thanks!
@GavinDavidson
@GavinDavidson 9 күн бұрын
That hurt my brain. Onto lesson 11.
@GavinDavidson
@GavinDavidson 9 күн бұрын
Not only have I finally grasped CSS grid, but now every time I develop, I can tell when I’m cutting corners. My inner voice nags: “No, no-taking shortcuts like this is lazy, and it’ll come back to haunt you later!” Thank you for explaining this clearly. Next up: Flexbox.
@johnklutz1403
@johnklutz1403 10 күн бұрын
Kevin, massive thanks! I used to be the guy who built everything in pages, now I slowly start to use CPTs but for the love of G, is there a simpler explanation on when to use pages? Other than the obvious about page, contact page, homepage, and possibly marketing landing pages, where else warrants using pages? The reason why I ask is you mention here that you rarely use pages, but in the accessible navigation bar menu lesson, there's a bunch of pages there. Sure, that's a dummy website, but in the IC, specifically the website builds modules, a bunch of pages were created there too. Can you clarify on when it is absolutely a felonous behaviour to use a page and when it is acceptable to use a page? Also, how do we avoid the extra slug in the URL especially for websites being rebuilt which could affect SEO if we change the URL structure all of a sudden to make some pages CPTs. i.e. /services/kickboxing to just flat out /kickboxing
@Gearyco
@Gearyco 4 күн бұрын
Experience. Practice.
@JohnSheldon1
@JohnSheldon1 10 күн бұрын
Kevin, Since I am using Windows and not a Mac. Do you have a recommendation for a photo bulk alternative that does the same with windows. I have tried Sqoosh but want to do multiple images at a time. Still re watching all these videos. They are great.
@minaadelibrahim
@minaadelibrahim 10 күн бұрын
I really learned a lot from you. I appreciate your effort and time.
@mackymccormack8446
@mackymccormack8446 10 күн бұрын
Do you added BEM classes to a block and its elements even if you might not use them? Say if you have a card and the text uses the default element styles, would you still set up the card__text class and leave with no styles, for future use maybe? Or only set up if it needed for styling?
@Gearyco
@Gearyco 4 күн бұрын
Always add the class. It’s considered half-assed to not do it.
@mackymccormack8446
@mackymccormack8446 10 күн бұрын
In general, do you use grid over flex for single axis layouts (eg a simple card) or is flex still the best tool in those cases?
@Gearyco
@Gearyco 10 күн бұрын
Grid is typically for structure, flex is typically for alignment. Card children get aligned, so flex.
@SigururHolmGunnarsson
@SigururHolmGunnarsson 11 күн бұрын
Do you recommend a recent video for the best ACSS settings for v3 to include in a blueprint?
@Gearyco
@Gearyco 10 күн бұрын
It’s whatever you prefer. ACSS already has sensible defaults out of the box.
@ranmaron
@ranmaron 11 күн бұрын
@kevin Geary, I don't see part 4 did you post it?
@minaadelibrahim
@minaadelibrahim 11 күн бұрын
👍Thanks!
@Gearyco
@Gearyco 11 күн бұрын
Appreciate it!
@russellthompson5181
@russellthompson5181 11 күн бұрын
Found you by searching for "Bricks Blueprint." Now this is my favorite WP channel!
@minaadelibrahim
@minaadelibrahim 11 күн бұрын
Thanks!
@Gearyco
@Gearyco 11 күн бұрын
🙏
@bloggerkickstart9060
@bloggerkickstart9060 11 күн бұрын
Currently, trying to replicate this structure for directories. Therefore, need the 4th episode. That would be crucial moving forward
@Gearyco
@Gearyco 11 күн бұрын
I did a directory tutorial in the inner circle FYI
@OneKingArthur
@OneKingArthur 12 күн бұрын
Hi Kevin, in the following point: kzbin.info/www/bejne/fZXdaKSmjtOdhM0 you say that the backend of submissions is empty because you had deleted all the information from the default form. Assuming you are referring to the form called “New form”, later renamed to “Yoga Signup”; is the deletion of the default form data a consequence of the name change action? Thank you for being there
@Gearyco
@Gearyco 12 күн бұрын
No don’t think so.
@rafidiul-albani4590
@rafidiul-albani4590 12 күн бұрын
Hey Kevin, have you ever heard of dynamic CSS classes that change automatically based on certain conditions? For example, if a title has 20 characters, it should get the class .long-title, and if it has 10 characters, it should get the class .short-title, all done dynamically.
@rafidiul-albani4590
@rafidiul-albani4590 12 күн бұрын
In an Query Loop.
@Gearyco
@Gearyco 12 күн бұрын
Why would the class change?
@davidwalls2304
@davidwalls2304 12 күн бұрын
Great overview of the Bricks faceting with the gallery layout. I always learn AT LEAST one new thing each WDD Live episode.
@davidwalls2304
@davidwalls2304 13 күн бұрын
Great experience to see you work through an example of what your process is like even without all of the prep work that would take place before this stage. I'll need to follow up more closely on sitemaps ... I didn't realize there could be all that junk that would not be wanted.