Blog Archives

Responsive Web Design – Sample Code

Responsive Web Design – Sample Code Created By: Debasis Das (25-Nov-2016) There is no doubt that Websites needs to be designed to be responsive to different viewing areas and should be usable with equal ease in mobile, tablets and computer

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

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

Angularjs To Do List Manager

Angularjs To Do List Manager Created By: Debasis Das (21-Nov-2016) Online Demo at https://knowstack.github.io/angularjs/todolist/ Download the source code at https://github.com/knowstack/angularjs/tree/master/todolist Angularjs ToDo List Manager Source Code <!doctype html> <html lang=”en” ng-app = ‘KSTodoListTracker’> <head> <title>Knowstack To Do List Tracker</title> <meta name=”viewport” content=”width=device-width,

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

Table Filter in angularjs

Table Filter in angularjs Created By:Debasis Das (15-Nov-2016) In this post we will create a simple table with data read from a javascript array and using the ng-repeat command will load the same in a html table followed by filtering

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

Different ways of loading a d3js data

Different ways of loading a d3js data Created By:Debasis Das (May 2016) In this article we will discuss the different ways of loading a d3js data. In the post we will load a d3 chart’s data from json, csv, tsv

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

HTML CSS Horizontal Timeline

HTML CSS Horizontal Timeline Created By: Debasis Das (May 2016) For Demo  

Posted in CSS, HTML5, Web Technology 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: ,

User tracking Heatmap using heatmap.js

We will be using heatmap.js api to render the heatmap canvas on top of the webpage. However we will create the logic for generating the data to be used with heatmap.js. Lets jump right into it: First we need to

Posted in HTML5, Web Technology 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: , , ,

Recent Posts


Hit Counter provided by technology news