Articles by Denis Potschien

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

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

Design

Chartist.js Creates Responsive, Animated Charts with SVG

June 12th, 2015
by
chartistjs-teaser_EN

Numbers and statistics are usually bone-dry and sometimes not really clarify but obscure even more. By visualizing data with charts, you can attract much more attention. The JavaScript library Chartist.js from Zurich turns as many numerical sequences as you like into easy to understand bar, line, pie, or other charts. They not only look good but are also responsive and can be jazzed up...

Design

Lining.js: Controlling Text Lines per CSS Selector

May 30th, 2015
by
Lining.js: Controlling Text Lines per CSS Selector

The numerous available CSS selectors let us easily access almost each and every HTML element on any given page. The pseudo-element ::first-line even allows us to apply CSS properties to the first line of text in a document, no matter whether the line is automatically or manually wrapped. Unfortunately, besides ::first-line there are no selevtors to manipulate the second, third, last or whichever line. The...