Articles by Denis Potschien

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

Design

SVG Filters: How to Apply Them to HTML Elements

March 4th, 2016
by
SVG-Filter: How to Apply Them to HTML Elements

You can use CSS3 to add blur, shadow, brightness or contrast to an element. Overall, there are ten filters available. The SVG format knows filter effects as well. Partially, these options overlap, for example when it comes to blur. However, the SVG format knows several additional filters that CSS3 alone can’t create. With little effort, you can add any desired SVG filter to an...

(Free) Services

Google Resizer Cares for Responsive Design

March 3rd, 2016
by
Google Resizer Cares for Responsive Design

Thanks to plenty of types of mobile devices, contemporary websites need to be designed for different resolutions and orientations. However, to see how a site looks on a tablet, smartphone, or a standard monitor, it’s not necessary to have all devices ready at all times. Google Resizer is a handy web tool which will easily show you a website for many different types of...

Design

Responsive Tables: CSS Only, No JavaScript

February 27th, 2016
by
Responsive Tables: CSS Only, No JavaScript

Responsive web design has established itself as the way of modern web development for a while now. The increasing mobile internet usage makes it necessary for a website to be recognizable even on small displays. This is always a challenge for web designers and developers. Where do I put the complex navigation? How do I provide photos and graphics? What do I do with...

Design

SVG Filters: How to Apply Them to HTML Elements

February 21st, 2016
by
SVG Filters: How to Apply Them to HTML Elements

You can use CSS3 to add blur, shadow, brightness or contrast to an element. Overall, there are ten filters available. The SVG format knows filter effects as well. Partially, these options overlap, for example when it comes to blur. However, the SVG format knows several additional filters that CSS3 alone can’t create. With little effort, you can add SVG Filters to an HTML element....

(Free) Services

Wix 2016: Brand-new Editor, Music Store, and More

February 16th, 2016
by
Wix 2016: Brand-new Editor, Music Store, and More

Wix is a website builder made to simplify and professionalize the creation of contemporary websites for several years already. Plenty of templates and extensive editing options are essential characteristics of the tool. As trends and techniques change fast in the web design and development sector, Wix has recently published its rehashed editor with new features. Now, Wix supports the trend of using videos as...

Development

A-Frame Brings Virtual Reality to Life

January 30th, 2016
by
A-Frame Brings Virtual Reality to Life

Virtual reality plays an increasingly important role in the worldwide web. JavaScript and modern browsers make three-dimensional worlds possible. The JavaScript framework A-Frame allows you to create virtual realities quickly, based on its own markup language. A-Frame: Integrating the JavaScript and Constructing Your First 3D World First of all, you need to incorporate the A-Frame JavaScript file into your HTML head. The compressed file...

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