NAVIGATION

In this tutorial, I show how to create a navigation menu with staggered animations using CSS variables.💻 Source Code: https://github.com/michaelmov/Dev-Cafe...

A simple Parallax header using vanilla JavaScript....

In this episode of Dev Cafè UI Experiments, we create an animated 3D Navigation with the help of CSS perspective property.💻 Source code: https://github.com/...

Founded in 2009, Codrops is a destination for web design and development enthusiasts. Our team is dedicated to providing high-quality, innovative content that explores the latest trends and techniques in the field, keeping web professionals up-to-date on the latest developments in the industry.

ASRS 2020 coverage: An augmented-reality device provides AMD patients with enhanced reading ability and facial recognition.

...

Squiggly SVG TV

Modal Popup Ink Spilling Effect

Parallax Scroller without JS

17+ Circular menu example’s , In this showcasing, we have pick up beautiful 17+ best circular menu made with Sass and CSS3 transitions, and animations.

coreNavigation is a multi purpose navigation menu for javascript library based on jquery, come with more style and easy to combination.

10 best circle menus implemented in jQuery, vanilla JavaScript, and Pure CSS/CSS3 that helps developers create awesome site/app navigation for better user experience.

Pharrell Williams presents ”Happy” — the world's first 24 hour music video.

It’s time for the big journey! Experience Nomadic Tribe, our interactive tale for this new year. May it bring us many exciting surprises. Happy 2019 from makemepulse.

Filter & sort magical layouts

Shiny button set created by James Kyle. The whole button constists of two div's (one as the main button and another one to render the shine). They are made

Grid Cartogram is a prevalent type of map for showing statistical data based on geographic location. It is a distorted form that each cell of the grid represents one subdivision. The cleanness and simplicity help users understand the information quickly without getting distracted by other elements on a normal map. Below is a US COVID map that visualizes the live data from NYT's repository (transformed into the last N days format). The map demonstrates the main features of the GridMap as well as an

Spiral chart visualizes time-based dataset alone an outward spiral. It is beneficial for displaying a large dataset over a long period in a single visualization. Color can be based on values to emphasize the chart's visual aspect or assigned to each period, which helps as a way of observing periodic patterns. Below is an application of the TimeSpiral in a real use case scenario combined with the GridMap. The TimeSpiral plots the cases/deaths number from day one as you hover over each state. * See the

A few weeks ago, I published D3 Render: Truly Declarative and Reusable D3, introducing an experimental library that tries to simplify D3 with one render function. To test the capabilities of this library, I thought I'd start with a mildly complex example—an interactive bubble chart. Rather than using dummy data, I've utilised live COVID-19 datasets from Our World In Data. Note: This chart has been embedded as an infographic in this article as part of The Conversation's COVID-19 coverage. COVID–19: Cellular

Explore and visualize data. Share and publish your insights. Discover and be inspired.

Click to zoom in or out TODO fork this notebook create a function which convert fynd category csv input csv link to tree JSON output json link on group right click add context menu , which will create a new form with two input box (name, value) on submit button append new node within same group