Blog Archives

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

Timeline Visualization of Prime Ministers of India

Timeline Visualization of Prime Ministers of India (Google Interactive API) Created By : Debasis Das (27-Dec-2014) Using: Google Interactive Timeline API

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

Yosemite Omnigraffle stencil

Yosemite Omnigraffle stencil The free stencil can found at https://www.graffletopia.com/stencils/1345 Please leave feedback in the comment section, Also let me know if you need additions of UI elements in the stencil and I can release another version

Posted in Cocoa, icons, User Experience, Wireframe

D3 Map of India

D3 Map of India Based on GeoJSON data Created By: Nishant Singh   First things first : Setup (on Mac OS X): Install Node (http://nodejs.org/). Use HomeBrew (http://brew.sh/) to install node. #Open Terminal on Mac OS X and Run the

Posted in CSS, HTML5, User Experience, Web Technology

Free Omnigraffle Stencil – Charts & Graphs

 Free Omnigraffle Stencil – Charts & Graphs Download the free stencil KnowstackGraphsCharts Or the stencil can also be found at https://www.graffletopia.com/stencils/1322 Please leave feedback in the comment section, Also let me know if you need additions of UI elements in the stencil

Posted in User Experience, Wireframe Tagged with: , , , ,

SVG – Scalable Vector Graphics

Scalable Vector Graphics What is SVG? SVG stands for Scalable Vector Graphics SVG is used to define vector-based graphics for the Web SVG defines the graphics in XML format SVG graphics do NOT lose any quality if they are zoomed

Posted in User Experience, Web Technology Tagged with: , , , , ,

Bootstrap

What is Bootstrap? Bootstrap is a free collection of tools for creating websites and web applications that are responsive in nature and render nicely in tablets, smartphones and desktop browsers. It contains HTML and CSS based design templates for typography,

Posted in User Experience, Web Technology Tagged with: , , , ,

Recent Posts


Hit Counter provided by technology news