Design

Design

HTML5: Create a Top-notch OnePager with Slides

November 27th, 2015
by
HTML5: Create a Top-notch OnePager with Slides

OnePagers, websites that consist of one page divided into two or more segments, are still growing in popularity. If I remember correctly, Apple were the ones who started that craze with their presentation of one of the later iPhones a few years ago. The classic OnePager consists of a full-screen presentation of a topic, garnered with large imagery, a subtle header with navigation, an...

Design

SVG without SMIL: Google Chrome Kills Support

November 24th, 2015
by
SVG without SMIL: Google Chrome Kills Support

It should be common knowledge by now that interesting charts, illustrations and complex animations can be created using the SVG format. SVG provides three different ways of creating animations. Next to JavaScript and CSS3 animations, SMIL is another approach to making shapes move. However, with Chrome 45, Google classified SMIL animations as deprecated and will not support them in the future. Why did Google...

Business Online

Online Advertisement and HTML5: New Standards to Replace Flash

November 18th, 2015
by
HTML5: New Standards for Online Advertisement

At the beginning of the era of online advertisement, animated GIF was very popular. Afterwards, it was replaced by the Flash format for a long time. While Flash is rather irrelevant in today’s web development, online advertisement has taken a while to replace Flash as the standard for banner advertisement. This is not completely incomprehensible as Flash has quite a few advantages for advertisers....

Design

Good Sliders, Bad Sliders: Things to Consider Using Them

November 17th, 2015
by
Good Sliders, Bad Sliders: Things to Consider Using Them

The way websites are developed and are being visited changed drastically over the past years. Mobile usage is growing, and technologies such as HTML5 and CSS3 make things possible that were impossible or difficult to achieve before. But one thing has proven its value for years: good ole content sliders. They have two major advantages. For one, content can be placed in an efficient...

Design

Tridiv: Useful CSS3 Editor for 3D Objects

November 10th, 2015
by
Tridiv: Useful CSS3 Editor for 3D Objects

The design possibilities of CSS3 are diverse. Thanks to the “transform”-feature, not only animations, but also elements can be displayed three-dimensionally. With a few tweaks, three-dimensional objects can be drawn and arranged in space. With a little JavaScript, 3D animations are possible as well. The web application Tridiv provides a graphical user interface that allows for the creation of these three-dimensional CSS3 objects. Creating...

Design

CSSgram: Instagram Image Effects in Plain CSS

November 9th, 2015
by
cssgram-teaser_EN

CSSgram is a tiny CSS library that allows you to apply 15 filters that you already know from Instagram to any image you want. If you like this type of image modification, you can grab it without hesitating. Using neat image effects doesn’t get easier than that. CSSgram: 1kb Small Powerhouse for Your Images Una Kravets from Austin, Texas is responsible for the small...

Design

Instead of Bezier Curves: Beautiful Drawings using Spiral Tools

November 7th, 2015
by
spiral-tools-teaser_EN

Those using Illustrator or a different vector program can’t avoid bezier curves. They allow the user to draw curves in any form or shape. However, it needs practice to be able to draw well-shaped curves. Especially when drawing letters like the curvy S, it is not easy to set the starting point so that the curves are proportioned correctly. That’s why there are drawing...

(Free) Services

Fast and Free: How to Create Images for Social Media – Using Pablo v2

November 6th, 2015
by
Fast and Free: How to Create Images for Social Media - Using Pablo v2

Small helpers that allow you to create social media images fast and easy are in high demand. Very recently, we introduced you to a lot of these tools. Of course, Pablo, developed by Buffer, was on that list as well. Recently version two of this convenient image service has gone online. Today I want to show you all there is to know. By the...

Design

Noupe Site Check: Bloomberg

October 30th, 2015
by
Noupe Site Check: Bloomberg

News portals don’t always seem to be receptive to contemporary design and the use of new technologies such as HTML5 or CSS3. Often, a fixed layout is used, only supporting the vintage banner advertisement. A notable exception is the website of the US-American news portal Bloomberg, which is internationally known for its economic news. Responsive Layout and Clear Navigation While many news websites have...

Design

20 Code Snippets for Interactive Buttons

October 26th, 2015
by
20 Code Snippets for Interactive Buttons

Can you imagine a website without buttons? I bet you can’t. And it is not surprising since these tiny, mostly rectangular-shaped objects much like navigation or copyright information are one of the fundamental details of any UI. Not only do they make links look more weighty, appealing and pushy, but they also help to increase conversion rates and make user experience handier and more...

Boilerplates & Other Tools

Facebook’s Design Assistants United Under One Roof

October 23rd, 2015
by
facebooks-designhelfer-teaser_EN

It’s slowly but constantly becoming a trend that big platforms provide their design tools and other helpers to the community. Twitter has stood out the most lately by making Recess available to the public while Bootstrap is probably their most popular publication to date. Facebook has now expanded their helper tools and united them under one roof. Facebook: Device Mockups, GUI Kit, Origami and...

Design

HTML5: Improving Forms With Autocomplete

October 16th, 2015
by
html-formulare-teaser_EN

To complete form input faster, browsers offer the option of autocompletion. The entries made by the user are saved and suggested when the same or a similar form with the same information is filled in. The problem is, that the variations of certain entries – e.g. a name or a credit card number – prevent the word completion from working properly. The new attribute...

Business Online

INK Creates Responsive Email Newsletters That Arrive

October 15th, 2015
by
ink-email-teaser_EN

The first sentence on the website of the provider Ink tells us what their goal is: „Quickly create responsive HTML emails that work on any device and client. Even Outlook.“ With this wink at Microsoft’s challenging child (in terms of the presentation of HTML email), the developers want to make clear that these problems won’t occur when using Ink. Consequently, we have taken a...

Business Online

Canva: Create Online Graphics Easily

October 14th, 2015
by
Canva1

Not every website operator is a good graphic designer at the same time. Does that mean that they are forced to forgo illustrations and images? No, it doesn’t. Nowadays there is excellent software to solve these problems. There are also other options besides Photoshop. Eight of these programs have been presented by my colleague Andreas Hecht already. Today, I would like to introduce you...