Category: Web Technology

eCharts (v3) Gauge chart

eCharts (v3) has captured my attention and am impressed. Lets create a gauge chart and also understand the code. Note: CDN for english version of echarts version 3 can be found here : https://cdnjs.com/libraries/echarts HTML: <!doctype html> <html> <head> <title>Charts Gauge

Posted in Charts n Graphs, Generic, JS Frameworks, Web Technology

eCharts (v3) Simple Bar Chart

I have been playing around with javascript based charting libraries. I like HighCharts. Its pretty good for the charts you will need with very good customization features. It, however it is not free (for commercial uses). D3 library is good

Posted in Charts n Graphs, Generic, JS Frameworks, Web Technology

Switch to Yarn (from npm)

I switched to yarn from npm cause it does everything that npm does (almost everything and more) , only faster. And by faster I mean, really really fast, like ultrafast. What is yarn, anyways? Its a package manager for your

Posted in Generic, Web Technology

Scaffolding Vue Projects – Webpack Template

In this post we will initialize a project using the webpack template (provided out of the box by vuejs.org) This post assumes that you already have the vue-cli installed. [ See the previous post if not – > http://www.knowstack.com/scaffolding-vue-projects-simple-template/] Now

Posted in Generic, HTML5, JS Frameworks, VueJS, Web Technology Tagged with: , ,

Scaffolding Vue Projects – Simple Template

In this post we will setup a vue-cli for scaffolding due projects. First things first , install vue-cli At the time of writing this , to install vue-cli you need : Node installed (works with version >4.x) npm version 2+

Posted in Generic, JS Frameworks, VueJS, VueJS, Web Technology

Basic Vue JS Dev Setup

I have been lately exploring Vue JS and am fascinated with its simplicity. In this post am describing how to get started in setting up a simple dev environment. I would recommend atom editor with its live server. Frankly any

Posted in Generic, VueJS

Basic React Dev setup using npm or yarn and webpack

Setting Up ReactJS Environment Heres a basic react js dev setup (Level : Beginner)  Create a directory and go to the root of the directory mkdir my-react-dir cd my-react-dir Install npm brew install npm  // installs node or  you can download

Posted in Generic, Web Technology

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

Hit Counter provided by technology news