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.
Read »Notes
Sharing my developer notes on WordPress web development and more.
How to build a Wikipedia search app using Javascript
Step by step guide with code snippets to building a Wikipedia search app using Javascript and Wikipedia API to get the results from Wikipedia onto the app.
Read »How to wrap text around custom shapes using CSS
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.
Read »How to add drop caps to your website content
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.
Read »A touch-friendly and responsive navigation menu
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.
Read »How to create a shadow box effect using css
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.
Read »A learning lifecycle map for Cisco
A simple and interesting lifecycle image map for Cisco business page, using jQuery and CSS.
Read »A simple price calculator using javascript
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.
Read »An animated product description donut using jQuery
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.
Read »How to load JSON on button click
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.
Read »How to build a carousel using JSON and template engine
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.
Read »How to build a live search with JSON
Code snippet and steps to build a live search page wherein the user types in a member name and the results show up with the member bio and member avatar. The member information is pulled in from a JSON file on the server. This was a prototype of a page done on a clients website.
Read »