Design

Getting Started with Sketch App: 30 Free Templates and Resources

June 11th, 2014
by Nataly Birch
1
Getting Started with Sketch App: 30 Free Templates and Resources

Whether you are simply obsessed with building user interface designs or standalone widgets or if you love creating icons packs, prototyping website layout templates and constructing various mockups, chances are you have already heard about Sketch App. Being created by Bohemian Coding, this lightweight, yet powerful software for Mac OS X has since its inception been considered as a rival to bigger opponents such...

Design

Color Theory and Typography: The 10 Commandments (Infographics)

June 10th, 2014
by Dieter Petereit
1
Color Theory and Typography: The 10 Commandments (Infographics)

Life as a designer is far from simple. Although the word "designer" in itself is fairly short and people do have a decent assumption of what such a designer actually does, reality is much more complex. I know we all got cupboards full of literature and other than others we don’t just need to learn in perpetuity, but indeed permanently, continuously. Thus, it is...

Design

26 Free Resume Templates to Give You That Career Boost

June 9th, 2014
by Nataly Birch
12
26 Free Resume Templates to Give You That Career Boost

A well presented Curriculum Vitae is a piece of personal marketing and self-branding. In its best form it sheds a bright light upon you and helps you win the sympathies of your potential employer or important client. Remember, at first they don’t see you nor talk to you. It all starts with the good old resume. In standard situations, employers still prefer the traditional...

(Free) Services

Oozled: Fast Growing Resource Collection for Designers and Any Webworker

June 6th, 2014
by Dieter Petereit
0
Oozled: Fast Growing Resource Collection for Designers and Any Webworker

Who’s to say that list posts are boring, noone would want to read them anymore? Only a few months ago, it was November 2013, design freelancer Dan Edwards wrote just that. He put up a list of resources over at Medium and titled his article simply "Resources". He curated 80 offerings, he found to be inescapable for any designer out there. The list raised...

Design

Responsive Images: Finally The Picture Element Arrives!

June 5th, 2014
by Dieter Petereit
4
Responsive Images: Finally The Picture Element Arrives!

This has taken quite a while. There was a lot of discussion, but now reality has it. The picture element as propagated by the W3C has finally arrived. If you are into the matter, you might know that the WhatWG had tried to standardize an additional attribute to the image element, named srcset as opposed to picture. Whoever believed in what WhatWG said, as...

Development

Coming to a Screen Near You: CSS3 Animations and The New JavaScript Method Animate()

June 4th, 2014
by Denis Potschien
3
Coming to a Screen Near You: CSS3 Animations and The New JavaScript Method Animate()

With CSS3 animations in HTML documents have become fairly easy to achieve. Using the "@keyframes" rule various properties such as position and size of an HTML element get defined. Then the property "animation" cares for getting the keyframes up and running according to their definitions. Without the need for JavaScript and plug-ins we are able to create even complex animations, that run most flawlessly...

(Free) Services

Cody – Free Library With HTML5 Gems for Instant Use

June 3rd, 2014
by Dieter Petereit
2
Cody – Free Library With HTML5 Gems for Instant Use

Cody is a great project for designers and developers. The webworker couple Claudia Romano and Sebastiano Guerriero from London put together a library of out-of-the-box HTML5 solutions. Plus, they do not only deliver the solutions, they also explain the use of each of them in elaborate, comprehensive articles. That way, Cody is not only a valuable resource for seekers of key-ready components, but also...

(Free) Services

But It Does Move: Homepage Builder Wix.com Adds Animation

June 2nd, 2014
by Dieter Petereit
0
But It Does Move: Homepage Builder Wix.com Adds Animation

Who doesn’t know Wix.com. You, as a frequent reader of our lovely Noupe Magazine, definitely do. Wix.com is one of the top website builders out there. Similar to Webydo, they are on a feature rush, trying to implement as many functions in as little time as one possibly could. These days they announced the availability of animations. Animations allows you to add animated effects...

(Free) Services

Titania Foto: Free Photo Collections, Made in Germany

May 30th, 2014
by Ioanni Mitsakis
1
Titania Foto: Free Photo Collections, Made in Germany

This is a rarity. We often introduce you to free commercial-use photo providers. Rarely any of these stem from Germany, the country were the Noupe world headquarters happen to reside. Of course we have the great resource Pixabay.com coming from here, but besides that, needle in a haystack and such. This new entry we found a few days ago is one of this rare...

Design

CSS3: Viewport Units – New Units for Responsive Designs

May 29th, 2014
by Denis Potschien
3
CSS3: Viewport Units – New Units for Responsive Designs

Developing web designs that adjust to the width or – if needed – the height of a browser window is easy with percentage-based values. You will probably be doing this on a daily basis, optimizing your website for tablets and smartphones. No matter the element, text blocks, images, everything adjusts to the size given. But using percentage-based values is not always the best way...

Design

Let it Burn: 40 of The Best Text Effect Tutorials Crammed With Photoshop Expertise

May 28th, 2014
by Dirk Metzmacher
8
Let it Burn: 40 of The Best Text Effect Tutorials Crammed With Photoshop Expertise

Tutorials on how to create amazing text effects with Photoshop are highly coveted. And rightfully so, as a burning, frozen or glowing or in other ways different looking text brightens up any invitation, flyer, poster or other print and web product. We have found loads of these. What we also found are 3D effects we found astonishing. There’s a lot you can do without...

(Free) Services

Compressor.io: Free Tool Reduces The File Size of Your JPEG, PNG, GIF or SVG by up to 90 Percent

May 27th, 2014
by Dieter Petereit
8
Compressor.io: Free Tool Reduces The File Size of Your JPEG, PNG, GIF or SVG by up to 90 Percent

A new web app by not so unknown Stephane Lyver delivers automatic image optimization for the common formats JPEG, PNG, GIF and SVG. The compression is able to either work lossy or lossless. The strength of compression is not adjustable by the user, Compressor.io will always try to reduce to the max. And this works astonishingly perfect… Compressor.io: Web App Based on Recent Technology...