Articles by Denis Potschien

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

Development

3D Within the Browser: Seen.js Creates Complex Graphics and Animations for Canvas and SVG

May 8th, 2016
by
Seen.js

HTML5 and JavaScript provide all functions needed to create complex graphics and animations within the browser. For that purpose, the JavaScript library “seen.js” offers a broad array of options to build complex 3D worlds in the browser. “seen.js” is independent of jQuery or other libraries and constructs impressive 3D objects and sceneries on the basis of HTML5 Canvas and SVG. 3D within the browser,...

Essentials

Combining Typefaces Made Easy (Free eBook)

May 5th, 2016
by
Combining Typefaces

Since the introduction of web fonts, the undivided variety of typography is available to web designers and their projects. However, combining the right fonts is easier said than done. The free ebook “Combining Typefaces” helps you find fonts that fit together nicely. So, which fonts suit my web layout and which fonts harmonize with each other? The ebook answers this and other questions on...

(Free) Services

Collaboration Tools: Design Discussions in the Browser

April 21st, 2016
by
Collaboration Tools: Design Discussions in the Browser

Instead of presenting drafts and finished layouts to your customer on site, the internet is becoming an increasingly more popular method. While layouts used to be sent via email, there are plenty of tools now, which ease presentation, receiving feedback, and collaboration in general. Apart from pure graphic layouts and mockups, there are also services that take screenshots of websites or allow the user...

Boilerplates & Other Tools

Foundation for Emails 2: Responsive, Simple, Universal

April 20th, 2016
by
Foundation for Emails 2: Responsive, Simple, Universal

While you can use HTML5 and CSS3 in modern browsers without any issues, and assume that Chrome, Firefox, and Internet Explore or Edge display everything the way you expect them to, email services are a different story. Every program has its own idea of how to display HTML and CSS. “Foundation for Emails 2” is a new, extensive framework that allows for sophisticated emails...

Design

The Most Beautiful Layer Fonts and How to Use Them in Web Design

April 12th, 2016
by
The Most Beautiful Layer Fonts and

Multi-colored text is no invention of digital typography. In the 19th century already, there were some fonts that were divided into two or more cuts so that they can be printed above each other in different colors. The OpenType Format provides these so-called layer fonts for digital use as well. Especially for 3D and shadow effects, plenty of fonts that allow for multi-colored display...

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