HTML5 Color Code Created By: Debasis Das (25-Nov-2016) Placeholder for different color code palettes and themes for websites and presentation slide decks
Knowledge Stack
I Came, I Saw, I Learned
Tag: html5
HTML5 Canvas Fractal Tree
HTML5 Canvas Fractal Tree Created By:Debasis Das (may 2016) Source code <html> <head> <script type=”text/javascript”> function draw(){ var canvas = document.getElementById(‘canvas’); var context = canvas.getContext(‘2d’); context.beginPath(); context.rect(0,0,1500,1000); context.fillStyle = “white”; context.fill(); drawTree(context); } function drawTree(context){ branch(context, 100, 900, -90, 5);…
Flexbox for responsive layout
Flexbox Layout provides a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic Here is a sample code, its very simple spec where no need to…
Server sent events API
Server sent events API API is used for opening an HTTP connection to receive push notifications from a server. These events are received as DOM events. The server-sent event API is contained in the EventSource interface; to open a connection to the server to…
Mac screensaver – Matrix
Mac screensaver Matrix Written By: Debasis Das (3-Mar-2015) In this article we will create a mac screensaver from the famous Matrix Movie in HTML5 and then use a Cocoa Mac Screen saver wrapper bundle it into a Mac Screensaver The…
Posted in Generic, HTML5, User Experience, Web Technology Tagged with: html5, Mac Screensaver, Matrix Screen Saver, screen saver
World DataMaps with Tabular Information on mouse Hover
World DataMaps with Tabular Info on Hover, Popup Created By: Debasis Das (25-Dec-2014) In this article we will load a world map using D3 DataMaps The list of countries as per datamaps.world.min.js is listed in the data parameter in the below…
Posted in CSS, Generic, HTML5, User Experience, Web Technology Tagged with: d3, d3js, datamaps, datamaps.world, html5, worldmap
HTML5 Canvas Speedometer
HTML 5 Canvas Speedometer In this sample code, we will create a simple speedometer in HTML5 Canvas Check the Speedometer Demo
HTML5 Canvas Analog Clock
HTML5 Canvas Analog Clock In the below sample, we have created an analog watch in HTML5 Analog Watch Demo Digital Watch Demo
HTML5 Canvas Column Chart
HTML5 Canvas Column Chart In this demo we will create a simple column chart using HTML5 Canvas No External libraries has been used in this sample
CSS
CSS HTML5 Table CSS The below code create changes the appearance of a simple HTML Table Final Output
