Articles by Denis Potschien

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

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

(Free) Services

Unsplash.it: Use Placeholder Photos From Unsplash.com

October 19th, 2015
by
unsplashit-teaser_EN

Unless you have been living under a stone for the last year or two, you’ll certainly know that you can find ten new freely usable photos on Unsplash.com every ten days. Now, the additional service Unsplash.it gives you the possibility to use these pictures as wildcards in web projects. This can be achieved in a convenient and simple way. The resolution of said wildcard...

Development

How to: Circle Marks With Traceit.js and jQuery

October 17th, 2015
by
traceitjs-teaser_EN

In classic whiteboard or flipchart presentations, keywords are often circled to underline their importance. This option of marking can now be transferred to web projects using the jQuery plugin „traceit.js“. Without much effort, chosen HTML elements can be marked with a circle that resembles the hand-drawn circles of whiteboard presentations. „traceit.js“ works especially well with tutorials as the important aspects can be marked very...

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

Boilerplates & Other Tools

Simbla: Responsive Websites Made Easy

October 6th, 2015
by
simbla-landingpage

Thanks to numerous website builders and homepage generators you can quickly and easily click together a website. You wouldn’t even need to know HTML, CSS or JavaScript to do so. More often than not these offerings lack in many ways. Not only does the quality of design feel poor, but its technical qualities are also inferior. Simbla is different. It is a website builder...

Design

HTML5 APIs: Measure Performance with User and Navigation Timing

September 16th, 2015
by
html5-apis-teaser_ENG

Complex web applications can slow down the processing power of the client. Hence, it is important – especially for mobile devices – to make some adjustments, so everything runs smoothly. Loading performance can be tested quickly and accurately with the new User Timing API for JavaScript, as the timing data bases on the High-Resolution Time API, which measures timing to the microsecond. The Navigation...

Essentials

Behance: 19 Inspiring and Free Anti-Boredom Typefaces

August 3rd, 2015
by
behancefonts-teaser_EN

Behance, the creative network operated by Adobe, has always been a great place to find inspiration. Many designers and illustrators present free and contract work, including typefaces that can be used productively. Many of these are free, and some are even quite elaborate. Typefaces for Everyday Use Especially free typefaces for daily needs are not always easy to find – and this applies in...

Development

SweetAlert.js: A Prettier and More Flexible Alternative to alert(0)

July 10th, 2015
by
sweetalert

Websites have become more comprehensive and complex applications over time. Website interactions are often confirmed with an alert. The browser’s standard warning suffices for most cases; however, it looks pretty terrible. With SweetAlert, you can easily create animated alerts that, additionally, provide more functions than the boring standard. Include SweetAlert and Get Started SweetAlert comes from the digital pen of the Stockholm-based developer Tristan...

Development

Easy Typography Animations: How to Manipulate Texts with Blast.js and jQuery

July 3rd, 2015
by
blastjs-teaser_EN

CSS and JavaScript provide access to all the elements of an HTML document – of course also to texts; however, this is limited to titles and paragraphs. Accessing single sentences and words is not that comfortable; unless they are wrapped, for example, with “<span>” elements.  The JavaScript library Blast.js makes sentences, words, and single characters accessible through CSS and JavaScript. This is a real...

Development

Textures.js: SVG Textures in All Shapes and Colors

June 26th, 2015
by
texturesjs-teaser_EN

The SVG format provides various options for realizing complex graphical content. Among other things, you can create textures and add them to shapes using the <pattern> element. Especially when using simple and common textures, the effort marking them up via SVG is, compared to the result, unreasonably high. Hence, the JavaScript library Texture.js provides such textures that mostly consist of lines and dots for...