Blog Archives

HTML5 Color Code

HTML5 Color Code Created By: Debasis Das (25-Nov-2016)  Placeholder for different color code palettes and themes for websites and presentation slide decks

Posted in CSS, HTML5 Tagged with: , , ,

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);

Posted in algorithms, HTML5 Tagged with: ,

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

Posted in CSS, Design Pattern, HTML5, Web Technology Tagged with: , , ,

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

Posted in HTML5, Web Technology Tagged with: , , ,

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: , , ,

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: , , , , ,

HTML5 Canvas Speedometer

HTML 5 Canvas Speedometer In this sample code, we will create a simple speedometer in HTML5 Canvas Check the Speedometer Demo

Posted in HTML5, Web Technology Tagged with: ,

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

Posted in HTML5, Web Technology Tagged with: ,

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

Posted in Charts n Graphs, CSS, HTML5, Web Technology Tagged with: , , ,

CSS

CSS HTML5 Table CSS The below code create changes the appearance of a simple HTML Table Final Output

Posted in CSS, HTML5 Tagged with: , , ,

Recent Posts


Hit Counter provided by technology news