Category: Web Development
Sharing projects where I explore and learn about CSS, JS and AJAX.
Step by step guide with code snippets to creating a simple To-Do List App where the user can add in tasks and delete the task from the list once done.
Step by step guide with code snippets to load a JSON using AJAX in 9 easy steps with a fun and apt project, considering the political climate.
With the introduction of CSS shapes, It has become easier than ever to wrap text around custom shapes like circle, ellipse, polygon. Let me show you how you can use this approach with some challenging layouts.
A guide to what is a drop cap, why use it, examples of sites that have used drop caps creatively. And four ways you can add drop caps to your website with pros and cons of each and code snippets.
Code snippet to show how I created a touch friendly and responsive navigation menu that functions well on tablets, iPads and other touch sensitive devices, done for a startup client.
By using negative z-index, pseudo elements and borders of very similar shades of a color, here is a simple and easy way to add a shadow box effect to your web page, with no images.
A simple and interesting lifecycle image map for Cisco business page, using jQuery and CSS.
Code snippet and steps to create a simple price calculator prototype done for a client, that calculates the pricing based on multiple products with different product pricing and shipping and handling costs for various states.
Code snippet and steps to create create a donut for a client to represent the four pillars of their product description model. with animations on hover.
Code snippet and steps to load a JSON file with the speaker details on the click of a button. This was a prototype of a page done on a clients website.
Code snippet and steps to build a carousel of the upcoming events with the speaker’s details that are stored in a JSON and templated using mustache.js This was a prototype of a page done on a clients website.