Amruth Pillai's Blog of Creative Design

Create a Responsive Web Design with Media Queries

Mar 15

Responsive Web Design has really been a boon to most website developers and is a must-learn method for everyone who wants to make it as a designer in the near future. Here’s a neat and detailed tutorial that my bud, Chris Spooner, has written about on his blog, Line25. It’s quite a read and I must say, very important!

If you’ve yet to get your hands dirty with media queries, now is your chance to create your first responsive website design. In this tutorial we’ll look at converting one of my previous WordPress theme designs into a responsive layout, while taking into consideration the design’s original grid structure.

What is KONY 2012? Why is it the next biggest trend on the planet?

Mar 09

When I first heard about this from my friends at school, I was kind of skeptical about the whole campaign and moaned to myself “Oh, not another ‘Save The World’ campaign again, because every time something like this comes up, it’s always Donate this, Donate that!”. I’ve donated to a few charities myself and I don’t regret it, but I’ve never seen anything so meticulously planned out to work.

Top 5 Web Services to Enrich your Twitter Experience

Mar 07

I’ve been a part of Twitter, for what now, 8 months? And I couldn’t love it more! At first, I was a social servant to Facebook and only Facebook. I had been programmed to despise and loathe Twitter, as most people are even now. But I broke open the barrier with the help of my friend, Murugappan Meiyyappan (No, it’s not a typo) and he convinced me to join the mini-blogging network. Since then, I’ve grown accustomed to tweeting extensively and following a lot of huge celebs!

There was always one question bothering me, and this goes for any website I go through. Can I make my experience better at Twitter using third-party apps? After all, combining two positives gives you a bucket load of opportunists. Hence, I went on the search for America’s Top Che… Oh, wrong show! I meant, the Internet’s best twitter aid and I came across a lot more than you think! I’ll be showcasing and summarizing the best 10 out of my list of Twitter Experience Aids!

Photonator, my take on developing a Facebook App!

Mar 06

I’ve always had the passion to create an apps like the ones I keep playing on Facebook, but I never knew how to. Well, nothing is possible unless you try to learn, so I set out to design and develop an application that will edit your profile picture, taking it right from Facebook and will let you add clip arts into the picture all using HTML and CSS, only. Finally, the development was completed and all I needed to do was the implementation. After that, it’s smooth sailing!

Check out the application by clicking on the link below:
http://apps.facebook.com/photonator

Arctext.js – Curving Text with CSS3 and jQuery

Mar 04

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

View & Download Arctext.js on Codrops:
http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/