Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities. The team of Codrops is dedicated to provide useful, inspiring and innovative content that is free of charge.
Chen Hui Jing explains a variety of modern CSS layout techniques through live demonstrations via DevTools, and provides real-world use cases of how such techniques allow designs to better adapt across a broad range of viewports.
Today we’d like to share a little draggable experiment with you. The idea is to show a strip of differently sized images that can be dragged. When clicking and holding to drag, a title element appears and the images get scaled. This separates the images and gives the whole thing an interesting look. When a number gets clicked, the same separation happens and then the images fly up. Another larger version of the images slides in from the bottom.
By giving Pipe Dream a minimum of input in form of a sketch/entity list, it will predict your application schema and feed it into a set of pipes. These pipes will generate all the files needed to get started with a new web project really quick.
Fascinating things have been made in this past month: magic cubes and glorious planets, beautiful flowers and delightful distortions. Dave DeSandro’s pseudo-3D engine for canvas and SVG, Zdog, gave birth to a new, performant way to create awesome 3D animations, a must-try!
Another wonderful month has passed and the level of web design goodness leaves nothing to be desired: bold typography and artistic details are the expressive means of many. Creative uniqueness is wanted more than ever these days and its reflected in details like custom cursors and distinctive WebGL-powered distortion animations.
We hope you enjoy this month’s collection and get inspired!