Articles by Denis Potschien

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

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

Essentials

Fontastic: How to Find Free High-Quality Fonts

June 29th, 2016
by
kostenlose-schriften_mosk-640x296

Finding the right font for a design or a project is not easy, although there are tons of free fonts on the internet. Oftentimes, the quality of the fonts rather lacks regarding aesthetics, character set, and OpenType features. However, there are a couple of high-quality, well elaborated, aesthetically appealing, and, on top of that, free fonts on the internet, and all of that even...

(Free) Services

Three Online Webfont Generators for Your Projects

June 24th, 2016
by
Three Online Webfont Generators for Your Projects

Webfonts have become an indispensable part of web design. Aside from plenty of commercial variants, Google Fonts also provides many fonts that you can integrate into your web projects for free. Those that generally prefer to host themselves will find a couple of online webfont generators that turn desktop fonts into webfonts in the following article. Extensive Webfont Generator by FontSquirrel FontSquirrel is most certainly...

Design

Animated SVG with Adobe Animate and Snap.SVG

June 16th, 2016
by
snapsvg_framework-640x427

With Animate CC, Adobe finally sounded the bell to the end of Flash. While the renamed animation program still supports Flash, it has moved its main focus towards HTML5 and WebGL. Now, for each new project, you decide whether you want to create an animation via HTML5 canvas or WebGL. Animated SVGs with Animate CC were not possible until recently. The extension “Snap.SVG Animator”...

Development

JavaScript: Ramjet Transforms HTML Elements

June 15th, 2016
by
javascript-ramjet-teaser_EN

Transformations and Animations are used on more and more websites due to CSS3 and HTML5. The JavaScript library Ramjet uses CSS3 options and allows you to transform any HTML element into a different one. Simple Effect With Large Impact Basically, the transformation effect used by ramjet is a simple one. Take any two HTML elements. Images, texts, and SVG graphics can be combined, and...

(Free) Services

FontYou: Your Fonts in the Cloud

June 14th, 2016
by
fontyou

The way fonts have been advertised and used changed a lot over the past couple of years. Due to the establishment of web fonts, the commercial font providers now offer different subscription models alongside the standard purchase option. On top of that, there’s an increasing number of free, high-quality fonts, developed specifically for web use. Now, there’s the cloud service FontYou, which wants to...