Jun 05 2013

Freebie of the Day: Spice Up Your Website With Live HTML5 Device Mockups

html5-device-mockups-w550

This is great, I promise. We know Finland for a lot of things, rubber boots for instance or – ehm – Helsinki. Angelos Arnis and Tomi Hiltunen want to add to this ample variety. They just published a set of device mockups, all in PNG and CSS, that you can actually bring to life with real content. You’ve got a web app for mobile clients you want to show on your website? Not very impressive, unless you present it inside the frames of its mobile boundaries. That’s what Arnis and Hiltunen have built…

Read more 
Jun 04 2013

Better than Photoshop Tutorials: 50 Free, Detailed PSDs with Open Layers (+ Tips)

psd-datei1

Today we are going to look over the shoulders of quite a few professional designers. Using their original PSDs with open layers, we will be able to exactly reconstruct, what has been done and how. If you are like me, this way of learning by doing proves more effective than working through step-by-step tutorials. The following files come with lots of layers to be examined, as we are going to dissect a camera, a sports shoe, a cell phone and lots more. Have fun looking through the eyes of the most able Photoshop professionals. Before I forget: watch out for some layer-related Photoshop tips, I may have left for you throughout the collection…

Read more 
Jun 03 2013

Exclusive Freebie for Noupe’s Readers: Freepik’s 200 Beautiful Flat Icons

Only an Excerpt

We are back with another freebie, the team of Freepik, our friends from sunny Spain, put together exclusively for you, Noupe’s readership. Today we have 200 symbols compiled together in a “Flat Icon Set” for you to download. All these little pictograms stick to the principles of flat design, a major trend in design right now. You can use them freely for any type of project, but you can only get them here…

Read more 
May 31 2013

All You Need To Know About CSS3 Selectors, #1: Structural Pseudo-Classes

zombie-apocalypse-2

Today’s front-end developers don’t just need to understand how to write CSS, we need to know how to write it efficiently. And what “efficiently” means can depend on your project and environment. Perhaps you have a team with several members working in the CSS and you need an efficient way to work together. Or maybe you have a huge enterprise site and you need your CSS optimized for speed. You could even be working with a legacy system that restricts access to HTML, which means you need efficient selectors to effectively style elements without ids or classes. You might even face all these situations and more.

Read more 
May 30 2013

Fries: Free Framework for Developing Android Apps Using HTML, CSS and JavaScript

fries-homepage-w550

Fries by Jaune Sarmiento just reached version number 1.0. The project offers a framework for the development of web apps in the look and feel of native Android apps. If you are familiar with Android’s UI from version 4 on, you will definitely know your ways around, once you get a hold of Fries. In its current iteration, Fries is optimized to cooperate with PhoneGap, thus letting you build native Android experiences.

Read more 
May 29 2013

Icons Galore – 48 Beautiful and Unusual Icon Sets Free for Commercial Use

iconset1

The smallest, yet very important part of a graphical user interface is the icon. We have curated a large collection of hundreds of symbols in 50 sets. Only two sets are limited to private usage only, the rest is free for commercial use. From minimalistic and flat to photo-realistic and three-dimensional, any shape and color is represented. In between the sets, look for additional Photoshop tips on how to manipulate and extend the sets professionally…

Read more 
May 28 2013

Keeeb, The Free Next Generation Knowledge Management System for Everyone

keeeb-teaser-550-w550

Bookmarking services are a dime a dozen. So, I wasn’t too keen on checking out yet another iteration by the name of Keeeb. But, and I honestly mean it, I’m glad I did. Keeeb is not simply a social bookmarking service, it is a knowledge management system and it levels up the quality of my research on longer and more complicated articles easily. I am both an avid user of Pocket and Evernote Premium, yet Keeeb still closes a gap I didn’t even know existed. Let’s take a closer look, shall we?!

Read more 
May 27 2013

Learning by Pulling Apart: An Interview with UI/UX Designer Matt Dempsey

Every once in awhile, we come across an amazing story of someone in the design world who seems somewhat hidden or insignificant. Matt Dempsey is such a someone. His career as a web and graphic designer begins at the very young age of 13 and includes such inspirational highlights as hiring a developer to build an app that was acquired by SitePoint when Matt was only 15 years old!

Read more 
May 24 2013

The Perfect User Interface: GoodUI Equips Web Designers with Solid Marketing Knowledge

goodui-w550

Jakub Linowski, UI designer from Toronto, Canada, is used to be working for the bigger brands. He obviously possesses knowledge not only in the field of webdesign craftsmanship but also in the field of marketing. The latter is what he conveys through his side project GoodUI.org. If you are a web designer interested in maximum conversion aka massive sales, you should definitely care for obeying what Linowski teaches you. Not each and every tip will be a fit to every project, though. Just as it is in real life, if the shoe fits, wear it. If not, don’t…

Read more 
May 23 2013

To Eat With Your Eyes: 40+ Delicious Food Typography Designs

Delicatessen and fabulous fonts are two sources of inspiration for me, and when they are combined, even better! In fact, it’s really very clever to create beautiful typographical designs with food. Designers then have the chance to trigger cravings with the food, which viewers then associate with the typography. Of course, most food typography is purely for artistic purposes, but every once in a while you may come across a title font that would be perfect for that restaurant website you are building. At the very least, the following collection of food typography designs will give you some great inspiration, whether your project is a cooking contest or the creation of a new font.

Read more 
search form
 
image description image description