Bootstrap Your Application Using Twitter Bootstrap

Posted in Coding, HTML & CSS, Tutorials2 years ago • Written by 11 Comments

As a front-end engineer, I was always excited to be a part of an assignment where I got to code the markup and CSS from the scratch. Like any other professional, the prospect of implementing my own ideas and exploring fresh techniques, on a fresh project, used to make me euphoric. As time passed by, the number of fresh projects that I was handling increased substantially, and the concept of starting all over again no longer remained an exciting business.

It was a pain to start coding the UI components all over again in each and every project (though I maintained snippets and reused the code, it was not an effective solution for the rework!). It was then I realized the need of maintaining an extensive library of reusable components which could be used across any projects. The idea seemed to be interesting, but the fact was such an effort needed a lot of detailed analysis and extensive testing across multiple platforms and browsers, to be rest assured that, the code be reused without any hiccups across any projects. The idea was to create a framework which was reliable and flexible enough to be reused.

Bootstrap Your Application Using Twitter Bootstrap Read More

Mastering the Art of Cellphone Photography

Posted in Inspiration, Photography, Quick Tips, Tutorials2 years ago • Written by 13 Comments

Are you a photography enthusiast but do not wish to burn a hole in your pocket by opting for a super-expensive SLR? Or perhaps you like to shoot weird signboards, views from bus windows and other random things — naturally, you wouldn’t want to carry a heavy camera 24/7, would you?

If the above description applies to you, you can probably use a common device that almost everyone has nowadays.

Microwave oven? No.

Television? No.

Air conditioner? Please, no!

Cellphone? YES!

In this article, we take a look at some tips and tricks that can be used to get great pictures out of cellphone cameras.

To begin with, do not expect to create a full-time career using cellphones as your primary camera (just in case you manage to do so, please write a book about it — I’d love to be inspired).

Mastering the Art of Cellphone Photography Read More

Design an Elegant Calendar Using Adobe Photoshop in 15 Minutes

Posted in Quick Tips, Tutorials, Web Interface2 years ago • Written by 3 Comments

In this tutorial we are going to design a nice, minimal calendar widget in Photoshop. We are going to use some really easy techniques to achieve a beautiful final result. By combining some gray, black, and variations of different light colors, and a nice subtle texture, we will try to give the interface a grungy, minimal look.

Design an Elegant Calendar Using Adobe Photoshop in 15 Minutes Read More

How to Create an Infinite Scrolling Gallery in 10 Minutes

Posted in Coding, Tutorials, Web Interface2 years ago • Written by 25 Comments

Pagination is a technique used to break large data sets into small blocks in order to reduce the server load. We used to create pagination buttons with page numbers and next/previous links. Now pagination has gained a new perspective with infinite scrolling.

How to Create an Infinite Scrolling Gallery in 10 Minutes Read More

40 Absolutely Brilliant & Fresh Photo Manipulation Tutorials

Posted in Photo Effects, Tutorials2 years ago • Written by 12 Comments

We have compiled the best photo manipulation tutorials just for you! Many people are not satisfied with their photographs and they want to make certain changes in order to make them look good. Photo manipulation is their way out because it is the only technique that allows them to manipulate their photos the way they want them. Even to make them surreal!

If you think editing your photos to make them look stunning is difficult thing, then you must check out this post of 40 Photo Manipulation tutorials. You can learn some amazing technique from these tutorials that you can apply next time you want to manipulate your photos. All you need to do is just put on some creativity and imagination, and you will see some really appealing and amazing results. Let’s have a closer look!

40 Absolutely Brilliant & Fresh Photo Manipulation Tutorials Read More

Learn How to Quickly Create Tasty Social Icons using Photoshop

Posted in Icons, Tutorials2 years ago • Written by 17 Comments

In this tutorial I will show you how to create Tasty social Icons in Photoshop. We will be covering what’s new in the Shape Tools options panel which is the new Stroke. Using this new feature we can now easily make stitches and we can adjust it whatever we want.

For those who don’t have Adobe Photoshop CS6 yet you can download the beta on their official website. But if you’re excited to do this and you don’t have time to download Photoshop CS6, you can still accomplish this tutorial by following the simple instructions.

So what we are waiting for? Let’s get started.

Learn How to Quickly Create Tasty Social Icons using Photoshop Read More

40 Wonderful Gadget Design Tutorials for Photoshop

Posted in 3D Effects, Quick Tips, Tutorials2 years ago • Written by 6 Comments

Gadgets such as mp3 players, usb devices, iPhones, iPads, and other tablets and so on have now become an important part of our lives and these are also one of the most favorite subjects for the designing community. This is the reason why you see loads of gadgets being incorporated into web designs. This can be best achieved by using Adobe Photoshop; and there are heaps of Photoshop tutorials to help you improve your skills and techniques. We have compiled 40 gadget design tutorials that will help you create sensible gadget designs using Adobe Photoshop!

In this round up, we’ll showcase 40 of the most excellent gadget design tutorials from different sources. Look into these high quality tutorials and make learning experience more satisfying.

40 Wonderful Gadget Design Tutorials for Photoshop Read More

Recreate Google+ Pages Using Adobe Photoshop

Posted in Tutorials, Web Interface2 years ago • Written by 5 Comments

Google Plus fans out there all know that Google+ got a redesign that makes it prettier and simpler to navigate. We are going to recreate the whole design. Imitating  a design is a way to learn new things and apply it to future projects. What beginner’s will learn from this are how useful Direct Selection Tool(A), Pen Tool(P) and Shape Tool(U) can be in making a website design in Photoshop. If you haven’t added yet 1stwebdesigner into your Google+ circles add it now!.

Recreate Google+ Pages Using Adobe Photoshop Read More

How to Design a Sleek Downloader Interface Using Photoshop

Posted in Quick Tips, Tutorials, Web Interface2 years ago • Written by 6 Comments

I’m back once again with another cool web interface tutorial. Today we’ll be making this sexy file downloader with crisp and clean details. This can be used for web and mobile applications, perfectly cool for smartphones and tablets too!

As you will see there are quite a lot details in here, the whole point and also the hardest part of adding details is to make them noticeable, but not TOO obvious. Make them soft, clean and smooth. Pick colors with not too much contrast and especially play around with the opacity until it feels right.

You’ll also learn how to create a simple pattern in your design with the use of the pen tool.  Patterns can be a key to perfection in your designs. Use them wisely, too many patterns can destroy a design.

How to Design a Sleek Downloader Interface Using Photoshop Read More
54.204.66.38 - unknown - unknown - US