I absolutely refuse to touch it. I watched your Gutenberg video last night while wrapping kids presents and I was cringing the entire time. I really want to see a Gutenberg advocate attempt it.
Really like it. But i have a small suggestion for you to simplify it. Just get clientX and clientY and set the variables to the document body. Then use it with background-attachement: fixed. This way you can use it everywhere and only have one event listener that's generally very useful :)
A good tutorial with a good outro. Thanks! Learn something new. 🙂
9 месяцев назад
Your Tutorials are realy good to understand. 20min and you got yourself a realy cool layout for services or features. Perfect. Keep it going and Happy holidays to you and your fam
You have a new subscriber, that was really good. I just got Bricks and went for Core Framework not ACSS so I'm learning those. This was really helpful, thank you and have a great Christmas holidays.
I use both! I use automatic.css for the CSS framework then advanced themer for the bricks tweaks. I turn off all CSS framework features from AT. I've also enjoyed using ACSS BEM class tool more than the advanced themer one however they have minor differences so I leave them both turned on. For instance I can style on ID first then move those styles to classes with AT class converter which I cant do that with ACSS. Just depends. Love them both
I followed this video and I ran into some issues regarding the hover effect picking up on the grid with the padding - it still just looks for the cards themselves, so it doesn't start "further out" like in your example. Also, the local variables don't seem to work. I go to the Card (not the class), and try using different colors and can't get them to work. I don't have a plugin and effectively the only things installed at the moment are Bricks and ACSS, so it's not a "conflict" per se. Not sure what the deal is, a little bummed, since I can easily change the OG border and card colors, but not subsequent cards. Oh well, I guess the overall effect is nice, it would just be nice if it worked exactly as outlined here. And now the footer is broken and the code running in the section above this card grid section is broken now too... sooooo...effectively this entire video just broke all of the work I had done beforehand. looks like nice, but if it breaks everything, it's a waste of time unfortunately.
Not quite sure what could be the issue. It sounds like a step was missed somewhere. It also sounds like a var() was not closed. When that happens it can mess up the styling of a page
you could nest the same variables in the .card_content::after with difference value. No need to make double variables with different names and different values
You absolutely could! I don’t just because it’s much easier for me 5 months later to come back and immediately understand what I was doing and what affects what when I separate the two
With more than 90% of traffic on mobile, where we have NO coursor, just touch ... all these efects are useless, and only bloat the code ? Who are you making these efects for on a website ? Just to show off ? How about some efects for mobile, touch, etc. Like a animated scroll, or a smart carousel effect, something useful for real live web ?
Awesome Tutorial! I see you are using Automatic.css, any reason you are not using the context menus? (right-click menus on inputs and colors) (I assume to make the tutorial more general?)
Great video, again! I've not tried to recreate this yet but it I have a new site in dev that it would be perfectly suited to. Do you see any problems building this for looped cards? Thanks for all your hard work...I'm off now to install your Mega Menu! 🙏
HI! I followed this tutorial 3 times and nothing seems to work. There's like no effect at all, just still sitting boxes. I don't know what is wrong but I really need this effect! Can you please help me?
few things come to mind 1. with the newer bricks releases make sure you sign the JS code so it can run on the front end. 2. make sure the JS is after the cards. In order for the js to select the classes the code has to run after the elements its selecting 3. make sure you have the variables and classes setup correctly with no misspellings
@@nickarceco Thank you very much! It was with the class names... However I got a new problem, when I want to make a new set of card in the same page but elsewhere, the effect only works on one container
@@adambak11 You would need to select each instance of the grid. Here is a method you could use. You would have to specify each grid you are using it in: pastebin.com/Pzjafin9
@@nickarceco Thank you very much, bacground glow seems to work, but the border glow isn't . Can you help me please what could be wrong? (I've checked the calss names)