🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. CSS Plugins
  3. Try it! - Design my day

Try it! - Design my day

I wanted to visualise my day and here is the result. You will see two axis. The top is for the hours of the day and the left is the thing that is a part of your time. Each hour is divided by three so 20 minutes each hour.

Divider
Demo Tutorial

See the Pen by joacimnilsson (@joacimnilsson) on CodePen.

This awesome script developed by joacimnilsson. Visit their official repository for more information and follow for future updates.

You May Also Like

005_convertArrayToObject3.js

HR Alert

Happy switches

002_convertObjectToList1.js

Faux Uploader

MapleTracker

Fullwidth hr's

Text Based HR (Horizontal Rule)

Pseudo-elements on a Horizontal Rule (<hr> element)

The humble hr

Fancy HR divider

<hr> effect on menu hover

fancy hr

HR styling for forums

hr restyled with pseudo-element

Style an <hr> tag

CSS gradient zigzag hr

The humble hr

Gradient <hr>

Subtle Rainbow <hr>

hr line transitions

Animated hr tags

Animate Hr

Bootstrap Top navbar and Sidebar

Slinky

Search text highlight example with material.angular

scrollNav.js: for automatic, awesome sticky sidebars

Nano Material Design

Try it! - Design my day

Vertical image slider

Ionic list css

Example of Bootstrap on CodePen

angular.bootstrap.contextMenu

Divinding circle

Dividing a Large SVG for Printing

Material design for Bootstrap 3

Another intro

Image file-based non-rectangular header

Animated “x” icon for the Bootstrap navbar-toggle

Nested Select with Option Section Divider

Fancy divider

Simple Gradient Divider

divider-slider

Change Bootstrap Navbar height

Divide it

Draggable Areas with Flexbox

Image Revealer (before/after)

Split-Demo

A Pen by Levi Thomason

Visual effects Demo

One Page Scroller

AngularJS / Bootstrap 3 Navbar Directive

Button Ripple Effect

Flexbox inner border and column alignment

Vertical divider between columns in Bootstrap 4

Divider

Sliding image divider

Responsive SVG Arrow as Section divider

Stylish Divider

Easy divider

Ionic Sticky List Headers

Fading Divider

Sliding Image Divider

Sliding Image Divider

Vertical divider with text

Flexbox Text Dividers

Ionic list with dividers

Vertical Dividers between Columns

jQuery Plugins

AngularJs Plugins