The Best Open Source CSS and jQuery Image Captions
The use of image captions within HTML has been a long-standing tradition among web developers. Typically this involves the <figure> and <figcaption> elements, plus some additional CSS...
View ArticleOur 100 Favorite CSS Libraries, Frameworks and Tools for 2019
With all of the changes and rapid advancements CSS has gone through over the last few years, we should not be surprised at the vast volume of open-source resources and tools that are continually being...
View Article15 CSS Image Filter Libraries & Tools
CSS Image Filters are a simple, lightweight method of adding some unique looks to your site’s images. Effects that once were the sole realm of image editors like Photoshop can now be achieved through...
View Article10 Advanced Image Hover Effects with CSS & JavaScript
Hover effects have long been one of the easiest ways to add an element of interactivity to a website. Most commonly, we see them used to highlight text links or buttons. But their use can range far...
View ArticleAdd Cool Effects with CSS Blend Mode
Web design, and particularly CSS, has taken on a predictable pattern in recent years. First, we create special effects that make heavy use of images, outside libraries or both. Then CSS comes along and...
View ArticleUsing Images to Enhance the CSS Hover Effect
Hover is one of the oldest selectors in the CSS family. While we are accustomed to believing that it only pairs up beautifully with a link, in fact it can be used on all elements in the interface such...
View ArticleOur 50 Favorite CSS Libraries, Frameworks and Tools from 2019
With all of the changes and rapid advancements CSS has gone through over the last few years, we should not be surprised at the vast volume of open-source resources and tools that are continually being...
View ArticleOur 50 Favorite CSS Libraries, Frameworks and Tools from 2020
With all of the changes and rapid advancements CSS has gone through over the last few years, we should not be surprised at the vast volume of open-source resources and tools that are continually being...
View Article8 CSS & JavaScript Snippets for Creating Reflection & Refraction Effects
The simple act of light reflecting off of or refracting through a surface can produce stunning visuals. We see it every day in the physical world. It might be the way the sun peeks through your office...
View Article8 CSS Snippets That Demonstrate the Power of Shadow Effects
Where would web designers be without CSS? It wasn’t so long ago that something as simple as a drop shadow required the use of graphics. Now, it’s a matter of writing a line or two of code. That’s great...
View Article8 CSS & JavaScript Snippets for Creating Unique Photo Galleries
Photo galleries are a must-have feature for just about every type of website. Businesses, non-profits, and bloggers alike can use them to inform and entertain visitors. It’s also a feature that...
View Article7 CSS Snippets for Creating Content Excerpts
Article excerpts can significantly impact your website’s user experience. They offer readers a sneak peek into the content, enticing them to click through and read the full post. Most content...
View Article8 CSS & JavaScript Snippets for Creating Blur Effects
Adding blur effects is a surefire way to make a surrounding design element stand out. For example, adding a bit of haziness to a background photo will draw attention to the layered text on top....
View Article
More Pages to Explore .....