Articles by Denis Potschien

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

Development

Flickity: Beautiful Galleries on All Devices – Responsive and With Gesture Control

May 6th, 2015
by
Flickity

There are several solutions to creating galleries via JavaScript. But sometimes you may find the handling is not convincing, others provide a rather poor functionality. Flickity, however, is a state-of-the-art JavaScript framework for galleries that works great on desktops, as well as mobile devices. The gallery is responsive and can be controlled with your mouse or gestures – or even your keyboard. Thanks to...

Design

HTML5 and CSS3: Get Your Website Ready for High-Resolution Displays

April 22nd, 2015
by
HiDPI and HTML5/CSS

When Apple introduced a new high-resolution display – the so-called Retina display – for its iPhones, iPads, and MacBooks a couple of years ago, they ushered in a new era of display quality. On such screens, the human eye can’t discern individual pixels anymore. With high-res displays being the norm rather than the exception today, you’ll find more and more middle-range high-res mobile devices....

Essentials

OCR on Images with Project Naptha – a Clever Chrome Extension

March 19th, 2015
by
OCR on Images with Project Naptha – a Clever Chrome Extension

You rarely come across bitmap-based image formats like JPG or PNG that have longer texts in them. However, titles and additional information in images are quite common. Often you’ll find longer texts in screenshots. This text information can’t be highlighted and read by your browser, however. The Chrome extension Project Naptha allows you to highlight and read texts thanks to its built-in OCR. And...

Development

JavaScript: Create Circular Navigation Menus With Wheelnav.js

March 13th, 2015
by
JavaScript: Create Circular Navigation Menus With Wheelnav.js

Navigations don’t always have to be arranged horizontally or vertically. They can indeed go round in circles. And that’s where Wheelnav.js comes into play. This smart little tool allows you to arrange menus in circles. Selections are made by spinning the wheel. Wheelnav.js is based on Raphaël.js, which allows you to draw SVGs using JavaScript. Kick-start: Incorporate Libraries and Mark Elements Before we start,...

IMHO

A Life Without Adobe: Possible, but Pointless (IMHO)

February 28th, 2015
by
A Life Without Adobe: Possible, but Pointless (IMHO)

Adobe celebrates the 25th birthday of Photoshop. The first version of the image editing program came into market in 1990 and marked the beginning of the worldwide success of the Californian company. Photoshop is in all likelihood still the most famous product of Adobe; being popular and in use by a broader clientele than just the design industry. Throughout the last 25 years, Adobe...

Design

Logo Design According to Zeitgeist: Not Only the Times are Changing

February 26th, 2015
by
Logo Design According to Zeitgeist: Not Only the Times are Changing

Logos, be it wordmarks or symbols, are rarely „timeless“. Instead, they are regularly adapted over time – sometimes tentatively, sometimes more radical. Apart from taking on style details such as gloss, 3D, and shadow effects which disappear with the fading of those design trends, there seems to be an underlying general direction in logo design: shapes get more simple, proportions more harmonious, and details...

Design

Adobe Lightroom Mobile: Image Processing on the Go (including Android)

February 18th, 2015
by
Adobe Lightroom Mobile: Image Processing on the Go (including Android)

Last month, Adobe released a new version of its Lightroom app for mobile devices. For the first time this app is not only available for iPhones and iPads, but for Android devices as well. But how efficient can image processing on tablet or smartphone actually be? Lightroom Mobile: Free of Charge, but Can Only Be Used with a Subscription The Lightroom app is free...

Design

Design Trend Hero Images: The Bold Way of Using Images

February 13th, 2015
by
Design Trend Hero Images: The Bold Way of Using Images

Currently there are two seemingly contrary trends in web design. On the one hand, websites become more minimalistic – less colors, clear fonts and simple shapes. On the other hand, large-sized, full page images – so called hero images – are becoming more and more popular. Sounds strange, but in the end only appears to be contradictory. At second glance, both trends complement each...

Design

Ghost Buttons – THE Minimalist Web Design Trend

February 4th, 2015
by
Ghost Buttons – THE Minimalist Web Design Trend

The times of gloss and 3D effects are over – at least for now. The trend in web design goes towards minimalism which is also reflected in the style of buttons. The hot so-called ghost buttons fit perfectly with the reserved look of modern websites based on flat design or even more trendy material design. Ghost buttons basically consist only of a very thin...

Apps

Web App Manifest: Open Websites Like Native Apps on Mobile Devices

January 12th, 2015
by
Web App Manifest: Open Websites Like Native Apps on Mobile Devices

Native apps for smartphones and tablets are still popular but not always necessary. Instead you can create web applications using HTML5, CSS3 and JavaScript. Thanks to the JavaScript APIs, you have access to the accelerometer, enabling you to recognize gestures and react accordingly. The web app manifest allows you to add classic app features to your web application, including special launcher icons and names...