• Gradient Playground

  Customize a CSS gradient through the magic of CSS variables.

• Sticky Image Effect

  How to Create a Sticky Image Effect with Three.js.

• Smooth scrolling

  Smooth scrolling and inner image animation.

• Tab Bar

  Cool transition between tabs.

• Download button

  Download button animation.

• Hybrid Lazy Loading

  You can progressively replace your JavaScript-driven lazy loading with its native alternative.

• No JS Parallax

  Prallax effect without JS?.

• Menu concept (hot corners)

  Corner Based Interactive Menu.

• CSS only 3D switch

  Toy Toggle Switch.

• Robust Layouts Container Units CSS

  CSS variables and how you can start building with container units.

• Animated Menu Panel

  animated menu indicator — week 27/52.

• CSS Upload Window

  Upload Play & Pause animation.

• Animated 3D Bar Chart with CSS3

  Inspiration for bar charts.

• CSS Path Animations

  Unleash The Power Of Path Animations With SVGator.

• Simple Drop Down Effects

  Inspiration for various drop down effects.

• 3D Book Showcase

  Inspiration for book showcases.

• Interactive SVG Infographic

  Animation & interaction using CSS and JavaScript.

• Caption Hover Effects

  Inspiration for caption hover effects.

• Nifty Modal Window Effects

  Some inspiration for different modal window appearances.

• Image Captions with Pseudo-Elements

  (Ab)using data attributes and pseudo-elements to create captions.

• Better Search UX Through Microcopy

  For large-scale and e-commerce sites, the search experience is an increasingly critical tool. You can vastly improve the experience for user

• The world needs a tech diet

  It’s time we bridge the gap between feel-good Design & Ethics panels and the work we do every day as digital product designers.

• Creating a Staggered Animation

  We need something a little more complex to get the right “feel" for the way things move.

• UX Dark Patterns: Manipulinks and Confirmshaming

  These subscriber retention practices are known as a negative opt-out. Negative opt-outs are rooted in user guilt.

• Drawing Realistic Clouds with SVG and CSS

  Clouds are achievable through the use of CSS box-shadow with a element containing two SVG filters as its complement.

• Airline Website UX Mistakes and Best Practices

  Learnings from different Airline websites.

• Draggable Menu with Image Grid Previews

  The idea is to show a large inline menu with some scattered thumbnails. The menu can be dragged and while doing so, the thumbnails get moved

• Pull-Down, Square, or Pie?

  Expandable Menus: list of options exposed when a menu handle is clicked or tapped.

• Tables Responsive With Minimal CSS

  How to optimize table HTML for mobile devices using a minimal amount of CSS.

• The Twig for Timber Cheatsheet

  Concepts and snippets particularly useful when working with Timber and Advanced Custom Fields.