Articles by Denis Potschien

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

Development

fullPage.js: Creating Multipage OnePagers Fast and Easily

January 21st, 2016
by
fullPage.js: Creating Multipage OnePagers Fast and Easily

OnePagers are very popular, especially for small web projects. Their sophisticated and generous design often attracts maximum attention. The jQuery plugin fullPage.js allows you to create multipage onepagers in an easy way. The plugin causes the defined areas of an HTML document to be displayed in full page and makes it possible to switch between them in an animated way via navigation and scrolling....

Design

Combining CSS3 Transitions for Complex Animations

January 20th, 2016
by
Combining CSS3 Transitions for Complex Animations

Animated transitions can be done with little effort thanks to CSS3 transitions and are used a lot nowadays. You can alter different characteristics at the same time. There is also the possibility to play with the attributes you want to animate at different times and with different durations. CSS3 Transitions Using Delays The „transitions“ attribute knows four different values. The first value determines which...

Boilerplates & Other Tools

New Simbla 2016: Responsive Websites for Everyone

January 18th, 2016
by
New Simbla 2016: Responsive Websites for Everyone

Thanks to plenty of building kits and website builders, it’s possible to create a website easily and without any knowledge of HTML, CSS or JavaScript. However, these websites often lack quality regarding design and technology. Simbla is a website builder directed to both, professionals that speak HTML fluently and laymen that simply want to create a website via drag and drop. Websites created using...

Design

Text Effects With SVG: Patterns, Masks and Clipping Paths

January 11th, 2016
by
Text Effects With SVG: Patterns, Masks and Clipping Paths

You already know that the SVG format can do much more than displaying vector-based shapes. Today, I want to show you how text effects can be created with SVG. Patterns, masks and clipping paths allow you to implement a plethora of creative ideas. You can realize unusual and unique text effects that can’t even be done with the help of the many features of...

Design

HTML5: Automatic Capitalization Using autocapitalize

January 10th, 2016
by
HTML5: Automatic Capitalization Using „autocapitalize“

Form entries on smartphones and tablets are not always a pleasant thing. Words are suggested by input assistances. Upper and lower case spelling can also be influenced or set. The HTML attribute autocapitalize allows you to define when words shall automatically be started with a capital letter and when they will be displayed in all caps for form input fields. Making Characters, Words or...

Business Online

How to Block AdBlockers With Adi.JS

January 9th, 2016
by
How to Block AdBlockers With Adi.JS

In the past years, many attempts to establish fee-based web offers have failed. Mainly concerning information offers from the big news portals, but also here at Noupe, which is small in comparison, it is naturally expected that all of this information is available for free. It is obvious that these offers need to be financed by advertisement. However, due to ad blockers, anyone can...

Development

mo.js: JavaScript Framework for Complex Animations

January 6th, 2016
by
mo.js: JavaScript Framework for Complex Animations

The basics for demanding animations within the browser are set thanks to CSS3 and JavaScript. But the CSS characteristics and JavaScript methods only allow general movement. The framework mo.js, however, allows much more complex animations using unique but quick to set up easing features. Easy Entry, but no Documentation Yet As mo.js works without jQuery or other libraries, all you need to do is...

Design

SVG: How to Work With Text and Font

January 3rd, 2016
by
SVG: How to Work With Text and Font

The SVG format is not only useful for the display of vector based shapes. You can also place and edit font in it. In contrast to semantic font labelling in HTML, there are some particular things you need to keep in mind. You should also know some differences to the markup via CSS. Marking Fonts Via SVG and Editing With CSS While HTML knows...

Development

Displaying Data Tables Fast Using Clusterize.js

January 2nd, 2016
by
clusterizejs

If you have big amounts of data that you want to display in tabular shape within an HTML document, you should always keep an eye on the website’s performance. In general, it is possible to make a table with multiple hundreds or thousands of lines. However, it’s not always fun to work through a table of this length. Especially when using the mouse wheel,...

Design

HTML5: Plyr is a Responsive and Accessible Video Player

December 26th, 2015
by
HTML5: Plyr is a Responsive and Accessible Video Player

Today, those that want to integrate video and audio files in a website, rely on HTML5. Plyr is an extensive tool to help with that, allowing you to create a custom interface for HTML5 video and audio. As Plyr is a contemporary piece of web technology, it is both responsive and accessible. Simple Operation, Freely Configurable Coming to results with the Plyr is easy....

(Free) Services

Adobe Portfolio: New Website Builder for Creatives

December 25th, 2015
by
New Website Builder for Creatives

Adobe has already established a social network for designers and illustrators with its creative network Behance. The new service Adobe Portfolio allows you to easily set up a website to present your work on. The service is free to all subscribers of the Creative Cloud. If you already have a profile on Behance, you can import your work in Adobe Portfolio. Homepage Building Kit...

Development

Truffle Pig: Knwl.JS Finds Data Snippets Automatically

December 23rd, 2015
by
Truffle Pig: Knwl.JS Finds Data Snippets Automatically

What if important information, such as time or location information, email addresses, phone numbers, links and other data snippets, are hidden in plain text? If you’d want to mine these valuable fragments a lot of manual work would be necessary. Wait. Not anymore.  The JavaScript library Knwl.JS can automatically find this information, filter it and make it available for further use. With some creativity,...

Business Online

Four Tools for Creating HTML5 Banners in Seconds

December 17th, 2015
by

Banner ads are delivered in Flash less and less often. HTML5 has become the standard for online advertising as well. Thanks to CSS3 animations are possible without any issues and interactions are made possible with JavaScript. Of course, HTML5 banners can also be created manually. But there are plenty of free and paid tools that are specialised in the creation of HTML5 based banners....

Business Online

Fearing the Blank Page: Ignite Your Creativity

December 16th, 2015
by
Ignite Your Creativity

Everyone working as a designer or author or in any other creative job knows it: the fear of the blank page or the blank screen – the creative block. There are moments where simply nothing comes to mind when trying to come up with a convincing logo or a captivating text. If creativity is your job, you can’t afford to have a lot of...