How To Design Hover Effects for UI Elements in Photoshop

by Jake Rocheleau

August 25, 2014 in Tutorials

Designing in Adobe Photoshop is a different experience compared to building websites right in the browser. It requires an understanding of the various tools, effects, and positioning techniques. One major difference is how you would create interactions such as hover and click events.

In this tutorial I want to demonstrate how you might go about designing interactive states with Photoshop Layer Comps. These behave like document states where you can rearrange elements and save a snapshot of each particular style. I’ve also released my PSD file for free which you can download and modify for your own needs.

photoshop layer comps button nav menu screenshot

Read More

20 of the Best Tools and Resources for Web Developers

by iulian

August 20, 2014 in Resources

Looking back 8 years it’s difficult to believe how much the Internet has changed in such a short period of time. Compared to webpages that used to take a good 5 minutes to completely load, today’s 3G reaches lightning speeds. The Internet has spread and developed incredibly fast, managing to attract billions of users over time.

You can find anything online these days. You can make your shopping online, pay your bills, order things from overseas and keep in touch with your friends from other continents. If you can think about it, it probably exists on the Internet already. Having an eye catching website is crucial and this has led to great pressure on web developers and designers who constantly have to be on top of their game, reinvent themselves and stay ahead of their competition. If you’re one of them, then this article is for you. We’ve put together a list of the 20 most helpful and interesting web development tools that will help you in your work and possibly get you out of a creative rut.

Animatron

1

Read More

Building your Portfolio: Custom Website or Online Service?

by Jake Rocheleau

August 18, 2014 in design

Deciding when to launch your first portfolio online can be a challenge. It’s tough to know exactly when your work quality is good enough to share with others. Plus how should you get it out on the Internet? There are numerous methods and building your own custom website layout isn’t always the best choice.

I’d like to share a few ideas for creatives about building your first online portfolio. The process is much simpler than you might think, and the toughest part is making exemplary work to demonstrate your skillset. But how people find your work is also very important. I hope to shed a bit of light on this topic and help designers make the right choice for their online showcase.

Read More

Giveaway – Win 5 x 1 Year Pidoco Licenses For Its Awesome Prototyping Tool (sponsored)

by iulian

August 14, 2014 in Giveaways

When you get a new idea, you usually get very excited about it and you’d like nothing more than to jump right into developing it. Still, you should pace yourself and go through some preliminary steps that will get your project off the ground. In order to achieve this, you need to make it attractive and convince others that it’s a great idea and that it’s worth investing into. The best way to showcase your future project is by creating a wireframe. A wireframe will help you visualize your idea, present a concept and involve other people early in the development process. It will let you to see the layout and the functionality of your application and think things through before going on with the project.

Pidoco is a web-based prototyping software that will provide you with the tools you need in order to create your wireframe or UI prototype for web or mobile applications. This software is very easy to use and the best part is they’re giving away 5 free one-year Premium licenses for their application right now.

01_Registration

Read More
Page 5 of 233« First...34567...Last »