Articles by Denis Potschien

Google Profile: http://plus.google.com/108355723592614585569/posts

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...

Development

Anime.js Makes Animating CSS and SVG Easy

July 23rd, 2016
by
animejs-640x427

Anime.js is another one in an already impressive row of frameworks for animations. In contrast to all the other ones, anime.js does not only allow for the animation via CSS attributes. You can also alter SVG and HTML attributes with animations. It’s hard to image modern web design without the SVG format. This framework came at the right time. Simple CSS Animations Once you’ve...

Design

Animated and Interactive SVG: Essential Tips

July 19th, 2016
by
Animated and Interactive SVG: Tips You Should Keep in Mind

The SVG format has turned into a contemporary alternative to Flash in many regards. Not only is it vector-based, but it also renders animations and interactions possible. Due to the different ways to create animations and to integrate SVGs into a web project, you should keep the following tips in mind to make sure that everything works the way you want it to. Animations...

Business Online

Ten Design Trends That Boost Your Conversion Rate [Infographic]

July 16th, 2016
by
Ten Design Trends That Boost Your Conversion Rate

Trends come and go, especially when it comes to web design. That’s why web designers and developers should not blindly follow every trend. However, the ten following design trends give you a solid chance of improving your website’s conversion rate. Especially when running an online shop, you should consider one or two of these trends. Full-Width Images Images are always a good choice to...

Design

HTML5 and JavaScript: How to Create Mobile Web Apps

July 15th, 2016
by
mobile-web-apps-teaser

Mobile apps don’t always have to come as native apps. We can also use HTML5 and the JavaScript APIs it introduced, to develop mobile web apps that are (almost) equal to the natively programmed apps. On top of that, native applications also have disadvantages that you won’t need to deal with when using HTML5. No Store Constraint, no Different Platforms Apps have become an...

(Free) Services

CacheFly: The Lightning-Fast Content Delivery Network

July 13th, 2016
by
CacheFly CDN

Speed may not be everything. However, it is an important aspect of any web project. Especially when distributing significant amounts of data, such as images or other multimedia content, it’s crucial to make sure that the user receives them as fast as possible. Too much buffering or long loading times can already be enough to make visitors leave your website. Most of the time,...

Boilerplates & Other Tools

Simbla 2016: New Data-Driven Website Application Builder

July 12th, 2016
by
simbla-640x292

Many homepage builders promise you to be able to create websites without requiring any knowledge of HTML, CSS, and JavaScript. Then you find out that this comes at the cost of having to succumb to more or less flexible premade design templates. The website builder Simbla is one of the exceptions that don’t just provide pretty templates. The site layout is responsive and based...

Design

Mobile Navigation Via Taps and Gestures Instead of the Mouse

July 12th, 2016
by
hover-navigation-640x427

Mobile web has strongly influenced our habits of when, how, and where we use the world wide web. The way of how we navigate through websites has changed the most. A few years ago, the mouse had the main responsibility for the navigation, and now, tablets and smartphones are controlled via simple taps and gestures. Thus, contemporary websites should definitely consider taps and gestures...

Essentials

Everyday Fonts: These Typefaces Always Work

July 9th, 2016
by
Everyday Fonts

The search for suitable fonts for a web project is not always easy. Many fonts have a unique character, and thus, don’t suit every case. However, there are a lot of free fonts with a very general design, allowing them to be used in almost any web project. We call them everyday fonts and have gathered some for you. “Source Sans” and “Source Serif”...

(Free) Services

Good to Have: Chrome Extensions for Web Developers

July 6th, 2016
by
browser-773215_640

Browsers have been evolving over the past years, and by now, there are plenty of tools for developers, allowing you to test your web projects in-depth, foremost regarding HTML, CSS, and JavaScript. This way, both JavaScript errors, as well as wrong CSS labels are recognized. However, the developer tools can’t do everything (yet). Thus, there are a few valuable Chrome extensions to facilitate work...

Design

CSS Instead of SVG: Creating, Animating, and Morphing Shapes

July 1st, 2016
by
CSS Instead of SVG: Creating, Animating, and Morphing Shapes

When it comes to complex shapes and animations, SVG is often the format of choice, and there’s a reason for that. However, thanks to new CSS3 attributes, you get to create and even animate shapes aside from rectangle and circle, without any SVG being required at all. Complex Shapes Via “clip-path.” The CSS3 attribute “clip-path” allows you to crop elements to (almost) any shape...

Design

HTML5.1: The New Standard is Nearing Completion

June 30th, 2016
by
HTML5.1: The New Standard is Nearing Completion

HTML5 becoming the official standard in 2014 was a milestone for modern web development. Better semantics, and easier controls, especially on mobile devices, were central ideas of HTML5. About two years later, its successor, HTML5.1, is nearing completion. Many of the things that are new in HTML5.1 are already being used and supported by most browsers. “<picture>” Element and “srcset” Attribute For a long...