Articles by Denis Potschien

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

Inspiration

Flat Christmas: Creative Xmas Greetings on Behance

December 4th, 2015
by
Flat Christmas: Creative Xmas Greetings on Behance

Are you looking for a creative way to send Christmas greetings to your customers, friends or family? You sure should get going as the special days are approaching fast. As always the time to churn out a creative idea of your own is scarce, so you will again have to rely on someone else’s items. Especially designs for Christmas tend to overdo it. Most...

Design

Better Portable Graphics: What the New Image Format Can Do

December 2nd, 2015
by
Better Portable Graphics: What the New Image Format Can Do

JPEG and PNG are the two popular formats used to display images in the browser. Even though the internet gets increasingly faster, it is especially important for mobile devices to keep the file size as small as possible. The new BPG format, which is short for Better Portable Graphics, is the alternative to the popular formats, and it promises smaller files as well as...

Development

JavaScript Engine Popmotion: Interactive Animations in a Snap

November 27th, 2015
by
JavaScript Engine Popmotion: Interactive Animations in a Snap

Static websites without any animations are getting less and less common, or more and more uncommon, depending on the viewpoint. CSS3 and JavaScript provide plenty of effects for animated transitions and more complex animations. Even interactive animations don’t pose any general problems for web development anymore. However, especially complex movements in combination with interactive elements require a certain programming effort. The JavaScript engine Popmotion...

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

Development

DrawSVG for jQuery – Animated SVG Enlivens Your Website

November 21st, 2015
by
DrawSVG for jQuery - Animated SVG Enlivens Your Website

Fortunately, the SVG format can do a lot more than just provide vector-based graphics. Animations are possible as well. With JavaScript, you can control and influence these animations in many different ways. The jQuery plugin DrawSVG allows you to draw the paths of an SVG graphic in an animation. This opens interesting ways of drawing the paths. Requirements for DrawSVG As a jQuery plugin, this...

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

Development

Modify Fonts With JavaScript and Plumin.js

November 16th, 2015
by
Modify Fonts With JavaScript and Plumin.js

Thanks to CSS, there are plenty of options to edit text. You can also use custom fonts via web fonts. The JavaScript library Plumin.js goes one step further. It allows you to manipulate a font within a website. Symbols can be replaced by individual shapes. Choosing a Font and Manipulating Letters While most JavaScript libraries require you to access the HTML elements that you...

Business Online

Social Media Self-hosted: Neosmart Stream

November 11th, 2015
by
social-media-self-hosted-teaser_EN

A website without an integration of multiple social media channels is hard to imagine nowadays. Facebook and Twitter offer interfaces and plugins that allow users to integrate profiles and pages into their own website. Furthermore, there is a number of services that incorporate a multitude of social media channels at once without a lot of effort. The service neosmart STREAM is one of them....

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

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

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

Business Online

Swiftype: Powerful Smart Search for Your Website

October 29th, 2015
by
swiftype-teaser_EN

Alongside a clear navigation, a good search functionality is one of the most important features, especially for large and complex web projects. That’s the only way of making sure that your visitors can properly orientate themselves throughout your site and find the contents they expect. However, the search feature often doesn’t work the way it should be intended to. While most content management systems...

(Free) Services

Infinit.io is a Dropbox Without the Cloud

October 27th, 2015
by
infinit-dropbox-teaser_EN

The digital cloud is just as much loved as it is feared. Especially services such as Dropbox are used for fast and easy data exchange by private users and businesses alike. But not everybody trusts this kind of service. Lack of data protection and the issue of data security, in general, are often brought up as reasons against them. Just like Dropbox, Infinit.io allows...