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.Read More
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.
Air conditioner? Please, no!
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).
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.Read More
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.Read More
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!Read More
In this tutorial we are going to create a minimal login interface using Adobe Photoshop. With some simple techniques we will create a beautiful login interface. We will be using some variations of the color gray to help keep the interface as simple, elegant and minimal as possible.
While anyone can follow this tutorial, it is ideal for beginners.Read More
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.Read More
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!.Read More
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.Read More