A simple javascript calendar with a glassmorphic UI

Overview

Calendar

A simple javascript calendar with a glassmorphic UI

Techs Used:

  • HTML 5
  • CSS 3
  • Vanilla JavaScript

Purpose:

The javascript file contains the logic of a calendar. It will fetch the system date from browser/device and then set that as today's date. The days and months are stored as arrays and successive increments are carried out. An additional feature is, one can check what day a date falls on any month or year because the pointer remains on the same date as of the present day's date.

Screenshot:


ss1

The web application is hosted at : https://calendar-mc.netlify.app/

You might also like...

Math magicians is a single page app for all mathematics lovers. Math Magicians allow users to perform simple calculations and It generates mathematics quotes.

Math magicians is a single page app for all mathematics lovers. Math Magicians allow users to perform simple calculations and It generates mathematics quotes.

Math Magicians Math Magician is a single Page App that have three interfaces. It allows users to perform simple math calculations, user can read the m

Aug 21, 2022

A simple game where you can draw art similar to pixel art, or practice Kufic Calligraphy.

A simple game where you can draw art similar to pixel art, or practice Kufic Calligraphy.

Etch-A-Sketch Where to try it? https://jee-el.github.io/etch-a-sketch/ What's the game about? It's a sketching website or game where you can : Draw wh

Oct 27, 2022

A simple powerline like lines generator.

A simple powerline like lines generator.

Powerline.css A quick way to create powerline like effect. It's super simple and super easy to use. Author: @vivekascoder How to Use?? Start with down

Sep 27, 2022

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. Explore Bootstrap docs Β» Report bug Β· Request feat

Jan 1, 2023

JSS is an authoring tool for CSS which uses JavaScript as a host language.

JSS A lib for generating Style Sheets with JavaScript. For documentation see our docs. Backers Support us with a monthly donation and help us continue

Dec 31, 2022

Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation

Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation

react-with-styles Use CSS-in-JavaScript for your React components without being tightly coupled to one implementation (e.g. Aphrodite, Radium, or Reac

Dec 8, 2022

selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8.

Selectivizr CSS3 selectors for IE 6-8 selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explor

Dec 18, 2022

A JavaScript API for drawing unconventional text effects on the web.

A JavaScript API for drawing unconventional text effects on the web. Home β€” Help Overview When applying effects to text on the web, designers have tra

Jan 4, 2023

Giggy is a collection of a few fun jokes related to Coding & Dark Humor - Created using HTML, JavaScript, CSS & Webpack.

Giggy is a collection of a few fun jokes related to Coding & Dark Humor - Created using HTML, JavaScript, CSS & Webpack.

Giggy A Collection of some of the best jokes. This is a Web Application with some jokes related to coding & Dark Humor. Created with data from the Jok

Jul 28, 2022
Owner
MAINAK CHAUDHURI
Establish the new code order. 😈πŸ–₯
MAINAK CHAUDHURI
Skeleton: A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development

Skeleton Skeleton is a simple, responsive boilerplate to kickstart any responsive project. Check out http://getskeleton.com for documentation and deta

Dave Gamache 18.8k Dec 29, 2022
Simple CSS library for semantic HTML markup

awsm.css awsm.css is a simple CSS library for semantic HTML, which doesn't require classes, ids, attributes, etc. Just start to create page with HTML5

Igor Adamenko 1.4k Dec 30, 2022
React styling. Plain and simple.

Table of Contents Install Getting Started Usage API Install npm install react-classy Getting Started Classy makes styling React components composable,

Inturn 25 Jan 1, 2023
AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

AngularJS SPA Template for Visual Studio This project is a skeleton for a simple single-page web application (SPA) built on top of the: AngularJS 1.2.

Kriasoft 105 Jun 18, 2022
:page_facing_up::briefcase::tophat: A simple Jekyll + GitHub Pages powered resume template.

Resume template A simple Jekyll + GitHub Pages powered resume template. Docs Running locally To test locally, run the following in your terminal: Clon

Joel Glovier 1.6k Dec 27, 2022
A simple, one page, Bootstrap HTML website template created by Start Bootstrap

Start Bootstrap - One Page Wonder One Page Wonder is a basic one page template for Bootstrap created by Start Bootstrap. Preview View Live Preview Sta

Start Bootstrap 327 Dec 18, 2022
A simple build tool for Figma plugins based on webpack

Figpack EXPERIMENTAL / WORK IN PROGRESS A simple build tool for Figma plugins based on webpack. It's optimized for plugins that could get complex, mea

Roman Nurik 21 Oct 9, 2022
A Simple and beautiful template for blog or portfolio using Next js.

Next js Blog Configuration Update your name in theme.config.js or change the footer. Update your name and site URL for the RSS feed in scripts/gen-rss

pritu 6 Apr 20, 2022
The fastest way to build beautiful Electron apps using simple HTML and CSS

Photon UI toolkit for building desktop apps with Electron. Getting started Clone the repo with git clone https://github.com/connors/photon.git Read th

Connor Sears 9.9k Dec 29, 2022
A simple, performance-first, SEO-friendly Hugo theme

Hugo Theme Luna A simple, performance-first, SEO-friendly Hugo theme ?? Example | δΈ­ζ–‡ζ–‡ζ‘£ Introduction Using Tailwindcss Custom Themes Many shortcodes Da

Ice-Hazymoon 184 Jan 5, 2023