Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo

    Create CSS Glitch Effect with CSS

    Create CSS Glitch Effect with CSS

    In this tutorial we will recreate a simple glitch hover effect using pure CSS.

    Hierarchy view component with pure CSS

    Hierarchy view component with pure CSS

    Zviad Sichinava writes his very first tutorial where he shows how to build a component that displays relational data with HTML/CSS only.

    CSSCO : Photographic Filters made with CSS

    CSSCO : Photographic Filters made with CSS

    CSSCO is a photographic filters made with CSS, inspired by VSCO and CSSgram.

    Lace Patterns in CSS

    Lace Patterns in CSS

    I’ve recently decided to surprise my friends with a web page dedicated to their upcoming wedding — quite a beneficial topic in terms of experiments with various decorative elements like ribbons, frames, and lace. At the same time, I’m up to implement the maximum of such decorations in pure CSS for my own pleasure.

    In this article, I want to share the way I managed to “weave” lace patterns for the future website with the help of radial and linear gradients.

    Tilt Hover Effects with CSS & JavaScript

    Tilt Hover Effects with CSS & JavaScript

    Some ideas for hover animations with a fancy tilt effect. Inspired by the hover effect seen on the Kikk 2015 website.We want to animate an image (which could be a link or simply a normal grid item) with a tilt effect on its parts. Having several elements in the item (that we call “tilter”), we can achieve a variety of effects that look very interesting. There’s the image, the “shine” element, the semi-transparent overlay with a colorful gradient, a border element and the caption.

    Timeline Framework with HTML5 & CSS

    Timeline Framework with HTML5 & CSS

    AWSM Timeline’ is a pack of super cool and interactive timeline layouts for your website. It is rather a basic framework which you can use to build your own style of timeline layouts by making some basic CSS changes. This documentation will help you to integrate the layout easily into your existing HTML files.

    Surf Report Template with SVG & CSS Flexbox

    Surf Report Template with SVG & CSS Flexbox

    A simple template of a weekly surf report with an animated SVG graph and a sliding content panel. The layout is powered by flexbox and viewport units. Highly experimental.

    Schedule Template in CSS and jQuery

    Schedule Template in CSS and jQuery

    A simple template that lets you display events on a timeline, as well as organize them in groups (week days, conference rooms etc…).From a web designer perspective, it is handy to have a simple, responsive template to use if you ever need to create a schedule table.

    Cubes Advent Calendar with CSS & JavaScript

    Cubes Advent Calendar with CSS & JavaScript

    A 3D cubes Advent calendar with fun hover effects and background color animations. Clicking the boxes opens another content level with different element animations.

    Artsy Media Pop Up Effect with CSS3

    Artsy Media Pop Up Effect with CSS3

    day we’d like to share some artsy fun with you! We created some proof-of-concepts for simple media pop ups. The idea comes mainly from Forward Festival’s website and Tim Holman’s rad GifLinks project. We adventured ourselves with mix-blend-mode, masks and clip-path.