• Weaving One Element Over and Under Another Element

  Visual effect where two elements overlap and weave together.

• "Random" color harmonies

  Nice color palettes.

• Check mark desing

  Css only .

• Futuristic Button Styles

  Fire & Ice.

• Easy Scroll Snapping Carousel

  Flexbox Layout / Grid Layout.

• Water Distortion Effect

  Creating a Water-like Distortion Effect with Three.js.

• Navigation Animation

  Transition from icon to text animation.

• Voting app

  Simple Voting App.

• Css Rock-Paper-Scissors

  Play the classic 'Rock-Papers-Scissor' game, made entirely with CSS.

• Calendar Widget

  Interesting calendar widget solution.

• Tabs Navigation UI

  Tabs navigation.

• 12 Pagination Ideas

  Awesome pagination solutions.

• Split Slick Slideshow

  Very unusual slider.

• Distorted Gallery

  Nice slider effect.

• CSS Accordion

  Accordion without JS.

• 3D Accordion

  Paper folding accordion.

• Simple Animated Progress Bar

  Smooth progress bar.

• CSS Minesweeper

  Pure CSS Minesweeper for the browser.

• Touch device jelly menu

  Concept with jelly animation.

• Image with zoom

  Magnifiying image with zoom.

• Netflix Mobile Navigation

  Example for the mobile Navigation of Netflix.

• Simple Weather App Design

  Location Based.

• Flipping card effect

  Flipping card effect with gradient background.

• Stars rating animation

  Small stars rating animation.

• CSS - Frosted Glass

  Create a glass effect with CSS.

• Two Browsers Walked Into a Scrollbar

  The scrollbar is under attack.

• How Web Content Can Affect Power Usage

  Factors that affect battery life, and how you, as a web developer, can make your pages more power efficient so that users can spend more tim

• How to Add Smooth Scrolling with Inner Image Anima

  A tutorial on how to add a smooth scrolling effect to a website and also animate the images that enter the viewport.

• The Gradual Design System: How We Built Slack Kit

  We never encountered a single breaking point in our user interface, but rather a slowly cascading series of inconsistencies, quirks, and dis

• [ad] Hiring: Customer Support Engineer (m/w/x)!

  Excited about monitoring and optimizing websites for security, speed and experience? Join us at bleech in Berlin.