Design

Design

Muz.li Joins InVision, but why?

September 28th, 2016
by
muzli-invision

The Muz.li team joins forces with the great people behind InVision Labs. As both have the same understanding of quality, this move is no bad news for designers and developers. So no worries, it’s only me. I am having a hard time understanding what the deal could be about.

Design

Fall 2016: New Animation Tools With and Without JavaScript

September 23rd, 2016
by
tools-191647_640

The two animation tools that I would like to introduce you to today are not of the run-of-the-mill kind. They are not animation generalists, but rather specialists for small application areas. The JavaScript Granim.js allows you to create animations with color gradients, while Radiobox.css is all about the looks of your radio buttons. Granim.js: Simple Gradient Animations With a Large Impact Granim.js is a...

Design

Create SEO-friendly URLs for Web Images with Cloudinary

September 13th, 2016
by
basketball_shot

URLs for images are typically not useful for search engines because they’re comprised of an extensive list of random characters. To boost your site’s SEO ranking, you need concise, meaningful image file names that make it possible for search engines to extract information about a picture. Because uploaded image files rarely have descriptive names, it poses a challenge for developers and site content managers,...

(Free) Services

Top 6 Reasons Designers Should Use JotForm

September 8th, 2016
by
jotform-six-reasons-pic01-trio

JotForm’s Form Designer is a tool Noupe readers already know quite well. Throughout the years we have covered all of JotForm extensively because we are entirely convinced of its value. Today we present you the six most important reasons why you as a designer should be using JotForm. Reason 01: The Point-and-Click CSS Form Theme Designer Form Designer is the most advanced form designing...

Design

Images Solved: Cloudinary is a One-Stop-Shop for Web Developers

September 7th, 2016
by
auto_everything_post

As we develop web projects, we always want to enhance our end users’ experience. We want the sites to be fast and use minimal bandwidth, while also being visually impressive. Use of images is the key to making sites visually appealing, but in most cases they do not load fast and they add unneeded weight to the site. But this doesn’t have to be...

Design

Cookies & Co.: Storage Options in the Browser

September 6th, 2016
by
hunger-413685_1280-768x512

For the longest time, cookies were the only option to store information locally within the browser. Even today they are mainly used in combination with server-side sessions. However, thanks to HTML5, we have another option to locally deposit data in the browser. There’s the “Application Cache”, as well as “Web Storage”, and IndexedDB. But what are the different storage options there for and what can...

Design

Images for Websites: Common Mistakes and Solutions

September 5th, 2016
by
webp-768x287

Today, in the year 2016, all modern websites are rich of media, with even large format images being used. On average, images have a loading volume share of over 60 percent. This should be enough reason to take care of the optimization of photos and graphics, as well as to uncover the most common mistakes. Many mistakes when it comes to images are made...

(Free) Services

Creating Animated GIFs the Right Way – with Cloudinary

August 22nd, 2016
by
cloudinary_animiertes-gif_komprimierung1

Animated GIFs are very popular, although there are other options – such as HTML5 video, CSS, and JavaScript – for animations. Short video clips are often created in GIF format and then shared on social media. Cloudinary, a cloud-based image and video management solution, enables you to quickly and automatically create animated GIFs. Cloudinary also helps you to optimize GIFs and converting them into...

Business Online

CuePin: Effective and Quick Collaboration for Design Projects

August 18th, 2016
by
cuepin

Graphic and web designers know the problem: projects have to be approved by the client or discussed with the rest of the team. This results in plenty of comments, change requests, and questions. CuePin provides an effective, and easy to use collaboration tool that lets you present your drafts for websites and other projects to other people very easily, while giving them the opportunity...

Design

Reducing Complexity: A New Trend in Mobile Design

August 18th, 2016
by
apps-im-vergleich-aus-2016-768x334

We’ve been living in a world of clean, clear, and minimalistic design for a while now. It’s inevitable to ask oneself what could be next. Regarding minimalism, a couple of pioneers like Facebook, Apple, and Airbnb, have already given an answer. “Reducing complexity” is the keyword, continuously simplifying the design. There’s not a lot that remains of the compound, but still appealing designs of...

Boilerplates & Other Tools

XPRS: Responsive, Modular, Feature-Rich Website Builder

August 2nd, 2016
by
xprs

The XPRS Editor sets itself apart from the plenty of other website builders mainly due to its elegant and coherent design. The user interface is very appealing, and easy to use. Those that prefer contemporary design, as well as contemporary technology, are likely to fall in love with XPRS. In any case they will be able to create very beautiful websites. Additionally, features like...

Boilerplates & Other Tools

Datamaps.co: Quickly Create Maps as PNG or SVG

July 30th, 2016
by
datamaps-640x427

Maps are commonly used to visualize statistical data. Yet, these maps are not always available. Above all else, however, the editing of such datamaps always requires effort. The service Datamaps.co not only provides vector-based maps, but also makes it easy for you to add statistical data as well as adjust the design. Choosing a Map First, choose a map from Datamaps.co. Aside from a...

Design

MapSVG: Vector-Based Maps for jQuery and WordPress

July 27th, 2016
by
mapsvg-640x427

Maps are always needed, either for the visual extension of statistics or for the display of location. MapSVG is a service that allows you to easily integrate vector-based, interactive maps in SVG format into your website. MapSVG is available as a plugin for both jQuery and WordPress. State Maps Including Divisions MapSVG gives you access to far more than 100 different maps. Among them...

Design

How Poorly Hamburger Menus and Hidden Navigation Work

July 26th, 2016
by
hamburger-menues-teaser

Small display, little room – on smartphones, it’s always a challenge to fit in all the content and the navigation of a website. That’s why hiding the navigation and only placing a hamburger menu which displays the navigation after a tap has established itself. For a long time already, there have been discussions whether you should hide something as important as the navigation. In...