Articles by Denis Potschien

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

Essentials

Comparison: Font Subscription Services for the Web

April 8th, 2016
by
Comparison: Font Subscription Services for the Web

Subscriptions are becoming more and more popular when it comes to digital content and applications. Whether it’s about music, software or fonts: Instead of buying or licensing once, offers are provided as some flat monthly rate. When it comes to web fonts, providers have been using a subscription model since the beginning, mainly to prevent font data from loading on foreign servers. By now,...

(Free) Services

Natural Evolution: Surreal CMS Dynamizes Static Websites

March 30th, 2016
by
Natural Evolution: Surreal CMS Dynamizes Static Websites

Content managements systems are an essential part of modern web development. Depending on the system, the installation and configuration can be more or less extensive and time-consuming. Especially with smaller projects, effort is often in no relation to utility, which is why these often end up as a static website instead. Surreal CMS allows you to add almost all features of a content management...

Design

Photoshop: 5 Indispensable Extensions for Everyday Use

March 18th, 2016
by
Photoshop: 5 Indispensable Extentions for Everyday Use

Most graphic and web designers should be used to Photoshop, and work with it more or less often. To make the daily work with Adobe’s pixel-editing flagship even more comfortable and easy, there are several extensions that supposedly ease the workflow. Today we want to introduce you to five of these indispensable extensions. Perfect Patterns Using “Seamless Textures” Original Image With “Tile“ and “Mirror”...

Design

CSS Shapes: How to Line up Images and Texts

March 5th, 2016
by
CSS Shapes: How to Line up Images and Texts

In applications such as InDesign or QuarkXPress, letting letters flow along paths is a long established standard for lining up images and text. With CSS3 CSS Shapes allow you to create the same behaviour in the browser. To do so, you can define paths which the text is supposed to follow, as well as define cut-out images, which the text is meant to place...

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