Articles by Denis Potschien

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

Design

SVG in Responsive Webdesign: Pros and Cons

June 13th, 2016
by
SVG in Responsive Webdesign: Pros and Cons

The SVG format has plenty of advantages over other image formats for the web. It’s vector-based, compact, and even editable via plain text editors thanks to the XML syntax. There’s a reason why it’s becoming increasingly more popular, especially with the steadily growing mobile web. Responsive webdesign is where it has a lot of strengths. However, it does have some problems here as well....

Design

More Compact Web Fonts With WOFF 2.0

June 6th, 2016
by
WOFF 2.0

While multiple file formats had to be provided during the early days of web fonts, nowadays, the WOFF format has become the standard and is supported by all modern browsers. Older formats like the EOT format are only needed when you want to support Internet Explorer before version 9. After the WOFF format became the official standard in 2012, there’s lately been an upgrade...

Boilerplates & Other Tools

Mockplus: Create Mockups for Desktop and Mobile Easily

June 6th, 2016
by
mockplus

Complex user interfaces for websites or applications have to be well thought out and intuitive. Before it comes to actual design, it is a common thing to define the appearance and controls via mockups. Mockplus allows you to create interactive mockups with just a few clicks, and test them on mobile devices as well. Download Mockplus for Windows and Mac OSX Although the trend...

Design

Optimizing Web Fonts Made Easy

June 3rd, 2016
by
Optimizing Web Fonts Made Easy

There’s no doubt that web fonts are an enormous enrichment for web design, and it has become hard to image it without them. After all, web fonts were what ended the uniform typography with Verdana and its contemporaries. As web fonts have to be downloaded, in contrast to system fonts, they are an additional resource that causes additional data traffic. The following tips will...

(Free) Services

Finding Colors: 5 Tools for Great Color Concepts

June 2nd, 2016
by
Finding Colors: 5 Tools for Great Color Concepts

Colors play a significant role when it comes to design. However, not everyone can create coherent, suitable color concepts. Thus, there’s a bunch of web applications that help you find appropriate color combinations. Monochromatic colors can be compiled just as well as complementary colors. Partially, the tools are different from the outset. Adobe Color CC Adobe Color CC certainly is the most popular color...

(Free) Services

Everything OK: Is Your Website Valid, Accessible, and Fast?

May 27th, 2016
by
everything-okay-teaser_EN

Web development is becoming more and more sophisticated. Aside from the correct markup of HTML and CSS, there are plenty of factors that don’t necessarily affect the look of a website, yet they can still influence a website’s success. This includes a barrier-free display of the content, as well as other components. Having all of this covered is difficult. That’s why there are many...

Design

Survey: Typographic Trends 2016

May 23rd, 2016
by
Survey: Typographic Trends 2016

What’s popular regarding typography right now? Extensis, a provider of app solutions for font management, has conducted a survey in the creative scene and has come to impressive results. All the survey results, for which about 2,000 creative people from different branches were asked, can be downloaded for free in the PDF file Typographic Trends. Fonts are Still Used for Printing Jim Kidwell, who...

Design

Blisk: The Browser for Developers

May 20th, 2016
by
blisk

Nowadays, all modern browsers are equipped with extensive developer tools. Among other things, they help you check HTML and CSS, as well as debug JavaScript. They also allow you to have your web layout displayed in different resolutions. These developer tools ease the work of web designers and developers significantly. However, this can be done in an even more comfortable and faster way: Blisk...

Design

Simple State Manager: Responsive Web Design Made Easy

May 9th, 2016
by
Simple State Manager

Media queries allow you to react to changes in width and height of the browser’s display area. When the browser window is changed on desktop devices, or when a mobile device is changed from portrait to landscape mode, fitting stylesheets can be applied immediately with CSS and media queries. Control the behavior of the media queries via JavaScript using the JavaScript tool Simple State...

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