Back to learning design. In Inkscape.

I always had a liking for illustration and design. Back during my school days, I tried creating some graphics in what was then the ultimate tool for graphic design - MS Paint. Before you frown upon it, take a look at this!. Sure, I never made such awesome graphics using Paint, but I was fascinated the way you could digitally create an image. Years later I came across a tool called Adobe Fireworks. It was from the same family of products as Photoshop and Illustrator, but little less popular I suppose. Sadly it is discontinued now. I have seen very...
Read More

Higher order functions in JavaScript

A look into functional programming concept in JavaScript

If you have been reading other posts on this blog, you might see that I am a fan of JavaScript. We skimmed through the surface of ES6 in an earlier post. Today we’ll go a bit into the functional programming aspect of JavaScript. Concept of functional programming makes programming a joy by saving complication and development time as well. Functional Programming We all know what functions are. Be it any high level language like C, C++, Java, PHP or Python, they all have functions. Functions enable re-using a set of instructions. Let’s take the following simple example: // return the...
Read More

Getting Started with ES6

The new JavaScript - ES6. It's cool.

Being in tech is overwhelming at times. There is always scope to learn more and if you are not able to keep up with the industry, you are going to be left behind at some point. There are so many new languages, frameworks, workflows and techniques coming out every day that it is hard to keep up. But to stay relevant in your area it is important to see the trend and prepare yourself for the future. One particular area where I have seen this trend in the past few years is in the JavaScript world. This last decade has...
Read More

My blogging workflow

Blogging on Jekyll using Visual Studio Code.

Starting in 2010, I have tried various blogging platforms. Blogger, WordPress (both self hosted and .com one), Tumblr have all at one time or the other, hosted my thoughts. Initially blogger felt really simple but as WordPress came in, it seemed to be more customisable. I ran a self hosted WordPress site for quite sometime, but felt that for my blog I do not need anything as complicated as WordPress, with a database and all that. Also, I ended up paying for domain and hosting as well since did not allow free custom domain mapping. I did not want...
Read More

Podcasts I listen to

A list of excellent podcasts I listen to.

I love listening to podcasts. I feel they are great learning resources. Especially when you can fill up your otherwise wasted time like commuting to work etc listening to them. I have subscribed to a few of them which I have listed here: Shop Talk Show Shop Talk Show, co-hosted by Chris Coyier of CSS Tricks and Dave Rupert of Paravel is one of my favourites. The fun attitude of the hosts and tonne of information that it provides are both mind blowing. Typical episode is an interview with someone important from the web world. In between there are few...
Read More

Charts using Chart.js and Laravel

Create data driven charts using Chart.js and Laravel

Recently I was working on an app that required some simple analytics. It involved charts and reports created from database values and displayed on the dashboard. The backend was in Laravel. For front end I wanted something that was simple. D3.js is a powerful library, but it would’ve been an overkill for a simple application. So I decided to use Chart.js. It is simple and generating charts is a real simple deal. Also I wanted to plot two different values (months and total projects) from the database against each other by creating them from a single JSON response. I’ll show...
Read More

Styling HTML radio button and checkbox

How to change the default style of the html radio button and checkbox

While you can design most of the elements like textboxes, button and links on an HTML page, styling checkboxes and radio buttons are not easy. Here is a small hack to style radio button and checkboxes. There might be many ways, but this is just one cool way. The HTML markup for the radio box and the check box: <!-- HTML markup for the radio button --> <div class="radio"> <label> <input name="option1" type="radio"> <span>option 1</span> </label> </div> <div class="radio"> <label> <input name="option2" type="radio"> <span>option 2</span> </label> </div> <!-- HTML markup for the checkbox --> <div class="checkbox"> <label> <input type="checkbox"> <span>check...
Read More

How to be a better programmer

Few tips on becoming a better programmer and improving your craft

“Anyone who stops learning is old, whether at twenty or eighty. Anyone who keeps learning stays young.” - Henry Ford Let me start by saying this - you do not need a fancy degree in computer science to start a career in programming. If you are really passionate about coding, you can easily get started. All you need is a computer and an internet connection. With so many high quality tutorials on the net, it is easy to get hold of the basics of any programming language. But it is not just about watching tutorials that make you a good...
Read More

CSS Filters

Let's take a look at various CSS filters

Today we take a look at various CSS filters. There was a time when for any kind of web design, Photoshop or Fireworks were the tools. Things like gradients, shadows, filters etc were possible only through image editing tools like Photoshop. So if you are one of them, you know how difficult it was to get a gradient or a shadow by creating images and repeating them - horror! But now, CSS implements most of those effects through a property called filter. Let’s see how. Few of these filters might not be supported by older browsers, but you can always...
Read More

HTTP status codes

There are various HTTP codes that are returned from a server. What do these numbers mean?

If you are an Internet user or a developer, you would’ve come across various status codes as responses. When you search a particular page and it shows up ‘404 - not found!’. What does this mean exactly? Let’s take a look at the most commonly seen HTTP responses. 100s - Hold on, we are processing! Anything that falls in the 100s represents a process that is still going on. The server has taken your request and is processing it. So you should probably wait. These are few requests that fall in this category: 100 - Continue: This is a confirmation...
Read More