How to get your Genesis Child Theme to load style.css with a cache busting ver URL parameter based on the version defined in the header of style.css.
Warning!
This is a draft, not a finalized post. See full draft disclosure.
CSS
Warning!
This is a draft, not a finalized post. See full draft disclosure.
CSS Pulse Animation
Sometimes it amazes me the powerful things we can do with CSS. Recently, I needed to make an element pulse (i.e. grow and shrink repeatedly). I was able to do this with a few lines of CSS without using any JavaScript.
Warning!
This is a draft, not a finalized post. See full draft disclosure.
Image Opacity Transition Bug
Working on a project, I had an image which faded on hover. a:hover img.fader { transition: opacity 0.5s ease-out; } a:hover img.fader { opacity: 0.5; } I was getting a weird bug where the image would jiggle during the fade. Thanks to this CSS Tricks thread, I learned the problem was that since this image […]
Full Screen Width Image Inside Container
Images that appear wider than the text around them are a cool design technique. I do a lot of work with Bootstrap and unfortunately, I’ve found that getting this to work usually ends up with markup that leaves me unsatisfied – at least until now. Using this technique, we can get a full width image without first closing the container element.