Articles by Denis Potschien

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

Design

HTML5: Pointer Lock API Lets You Hide the Mouse Pointer From View

September 30th, 2014
by
HTML5: Pointer Lock API Lets You Hide the Mouse Pointer From View

Browsers are on the way to becoming full-fledged gaming platforms. Thanks to HTML5 and JavaScript developing complex applications is still loads of work, but possible. Quite a few game concepts don’t rely on visible mouse pointers, though. Especially while controlling an app keyboard-based, a visible mouse pointer can get annoying. Use the new Pointer Lock API to simply hide it as necessary. Pointer Lock...

Development

Sequence.js: Responsive Content Slider with CSS3 Transitions and Gesture Control

September 12th, 2014
by
Sequence.js: Responsive Content Slider with CSS3 Transitions and Gesture Control

Plugins for content sliders are a dime a dozen, fish in the sea, you name it. Fewer, but still many are supporting CSS3 transitions and working responsively. Anyway „Sequence.js“ is something special. This JavaScript does not only support animations on the transition of slides as a whole. Instead all of the content of a slide, be it headlines or images, can be animated individually....

Development

SVG Fallback in Older Browsers: Alternatives to JavaScript

September 11th, 2014
by
SVG Fallback in Older Browsers: Alternatives to JavaScript

SVG sees widespread support by recent browsers these days. Still plenty of people do not surf the web using one of these modern browsers. Especially the older versions of Internet Explorer are used in relevant numbers worldwide. And these older versions cause problems, not only, but also when it comes to SVG. IE simply doesn’t know SVG, so we need to offer PNG or...

Development

HTML5 Canvas: Drawing Made Simpler with Fabric.js

August 26th, 2014
by
HTML5 Canvas: Drawing Made Simpler with Fabric.js

Drawing with the HTML element Canvas doesn’t leave much to be desired. Complex shapes and animations are possible, the feature set is quite impressive. Yet we need to combine several methods when it comes to e.g. create a shape, rotate it and fill it with a color. The JavaScript library Fabric.js simplifies the possibilities Canvas has to offer and adds functionality to het work...

Development

HTML5: Native Dialogue Windows With the New Dialog Element

August 18th, 2014
by
HTML5: Native Dialogue Windows With the New Dialog Element

New HTML5 elements and new JavaScript APIs allow us to create complex applications for the browser. Part of any modern application are one or more dialogue windows. These require users to confirm the execution of certain actions or simply issue a message. With the new „<dialog>“ element we can now markup these windows using pure HTML5. Simple Markup Without Stylesheets The „<dialog>“ element can...

Essentials

Low Poly Trend: Six Free Generators for Backgrounds and Images

August 15th, 2014
by
Low Poly Trend: Six Free Generators for Backgrounds and Images

Low Poly is a growing trend. More and more websites make use of modified imagery, most commonly in backgrounds. Low Poly is no rocket science. Basically it is just a special form of mosaic. But instead of using rectangle shapes Low Poly uses polygonal forms. As triangular shapes are the most common, the trend is also known as Triangulation. In the following article we...

Design

HTML5: More Flexibility in Form Design

July 31st, 2014
by
HTML5: More Flexibility in Form Design

Forms have grown more versatile with HTML5. The input element is now able to contain email addresses and dates and marking input fields as mandatory or prepopulating them with content is no longer a case for JavaScript – just to name a few of the most valuable additions. But then, there’s even more to it. Did you know you can now have more than...

Design

CSS3 Background Blends: Photoshop Background Effects in pure CSS3

July 29th, 2014
by
CSS3 Background Blends: Photoshop Background Effects in pure CSS3

With CSS3 we are able to add more than one background to an element. In doing so background images and/or colors are piled upon each other, just as you know from the layers concept of Photoshop. While transparencies exist, the underlying background file or color will shine through. The new CSS3 Background Blends allow for even more possibilities to combine several backgrounds into one...

Development

Better than Pure CSS3: Realistic and Complex Shadows with Shine.js

July 25th, 2014
by
Better than Pure CSS3: Realistic and Complex Shadows with Shine.js

Thanks to CSS3 there are several possibilities to apply shadows to elements. We have text as well as element shadows, and even a shadow filter exists. Unfortunately all CSS3 shadows are limited to simple drop shadows, where you can define its colour, its blur, the offset and the size. The new JavaScript library offers many more features to let you create much more realistic...

Development

MagicSuggest for jQuery: Beautiful Selection Comboboxes Based on Bootstrap 3

July 23rd, 2014
by
MagicSuggest for jQuery: Beautiful Selection Comboboxes Based on Bootstrap 3

The „<select>“ element makes it easy to markup input areas for multiple selections. On the downside there are quite a few limitations to it and it sure doesn’t look anywhere near as great as MagicSuggest does. Instead of having boring select lists, MagicSuggest allows us to create beautiful comboboxes capable of multiple selections from both freely entered and prepopulated items. MagicSuggest: Simple Integration MagicSuggest...