I recently had a client who was doing podcasts with each article and wanted people to know they could also listen, so she wanted an icon after the title of each post like shown above. One way to add the icon, would have been to simply put the code after each title, but since it…
Read More
Image Zoom Animation with BeaverBuilder
I am a little disappointed that BeaverBuilder doesn’t offer the image zoom as one of it’s animations. Otherwise I LOVE the page builder. However, with a little CSS, I was able to do it on my own. Here’s what I did: 1) I created each square with the Photo option under Basic Modules leaving the…
Read More
9 Underutilized Features in CSS
Great article by Jason Little. How many of these do you use? https://medium.com/@iamjordanlittle/9-underutilized-features-in-css-90ced6ddbfe7#.g693wdjiu
Responsive Fonts
CSS code for making your font size and line height responsive.
10 CSS Rules to Know
I really enjoyed this article and thought I would pass it on. How many of these do you know and use? http://line25.com/articles/10-css-rules-every-web-designer-should-know I know about transform, but so rarely use it. I’ve put it on my to-do list to use it more often.
Box Shadow Left and Right Only
Just a little CSS code snippet for you: box-shadow: -5px 0 5px -5px #333, 5px 0 5px -5px #333; Thanks to krishna kinnera
Enlarge Image on Hover Effect
You’ve probably seen that effect where if you hover over an image it enlarges. Here’s how to get it: Be sure to give the div that your image is in a class like “enlarge”. That’s what I used below. Then add this to your CSS: .elarge img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition:…
Read More