Flexible and responsive Calendar

Event Calendar Widget A nice looking calendar with nice transistions.

Calendar for a little project. The calendar is dynamically built using JS, using the current day as the reference. Something you can do is to store all the current week's events using an hidden field in you favourite format (eg : JSON). Then when you build your calendar, you can add a specific style (eg : "hover-event") for each day of the current week referenced in event's week list stored in your hidden field. In the same time, you can attach an hover event to ".hover-event" elements to show the corresponding event.

CSS Colorful Calendar Concept. Click on the arrows (when enabled) and the highlighted date to see the effect. You can also go back in your browser to navigate between scenes, or click the left arrow in the schedule view.

Nice work - but if you would use this in a real project there would be some codestyling issues, also you could improve your code by not writing td.xyz instead do nesting like td { &.xyz }.

In your JS you could improve the code by more valuable variablenames

Sexy button loading animation on cliking the button. Developed using HTML, CSS, Javascript and font awesome. Demo and download the code(*.zip)

Hand picked CSS text style and effects with special text Animation. Developed using HTML, CSS, javascript, jQuery and SVG. Demo and Download the zip (*.zip)

33 Hand picked CSS transition tricks and effects. Developed using HTML, CSS, javascript, jQuery and SVG. Demo and Download the zip (*.zip)

Hand picked HTML Re-sizable Panes using HTML, CSS, jQuery, Angularjs, JavaScript. Demo and Download the zip (*.zip)

Hand picked collections of login and registration form free template designs to download and demo is available. Forms are developed using css, html, javascript, jQuery, Bootstrap, materializecss, Responsive, etc. sample registration forms are free for download and registration form template has the link to download.

Vue Touch HammerJs Example and Demo are developed using CSS, HTML and HammerJs.

Search input field animation developed using scss, html and javascript. Demo and download are available.

Cool slider animation with clip-path. Image slide show animation developed using CSS, HTML and JavaScript. Demo and Download options are available.

In AngularJs we can able to disable or enable the dropdown like jQuery does. Using ngDisabled function in angularjs we can achive the functionality. Demo will be available at end of the tutorial.

This article will explain how to bring “copy to clipboard” functionality using JavaScript. Now users are expecting to have copy to clipboard options using JavaScript and not using flash. Here is the library called clipboard.js which is easy to use and integrate. Clipboard.js is flash free solution and API has lots of options to copy / cut the content or text to clipboard.

This article will give suggestions about JavaScript frameworks, who wants to work with mobile apps, web apps or Hybrid apps using the Best JavaScript Frameworks. Developing web application with plain JavaScript is not easy to maintenance. Few years back developer where using plain JavaScript with JQuery to develop a web application, which is not very easy for maintenance.

This tutorial will help for all publisher who wants to give option to edit their code to the user to see the live try it edit the HTML CSS JavaScript code for demo.

This tutorial will explain how to update / change / modify the existing Iframe element content and how to create dynamic iframe element with content using JavaScript.

From this article, you will get to know the top best collection of Javascript (JS) Syntax highlighters developed using Javascript frameworks. Developers can show the web codes in the HTML page with actual coding structure to the users by using those frameworks and plugins. Find the demos and download links end of each plugins list.