Articles by Denis Potschien

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

(Free) Services

Creating Animated GIFs the Right Way – with Cloudinary

August 22nd, 2016
by
cloudinary_animiertes-gif_komprimierung1

Animated GIFs are very popular, although there are other options – such as HTML5 video, CSS, and JavaScript – for animations. Short video clips are often created in GIF format and then shared on social media. Cloudinary, a cloud-based image and video management solution, enables you to quickly and automatically create animated GIFs. Cloudinary also helps you to optimize GIFs and converting them into...

Business Online

CuePin: Effective and Quick Collaboration for Design Projects

August 18th, 2016
by
cuepin

Graphic and web designers know the problem: projects have to be approved by the client or discussed with the rest of the team. This results in plenty of comments, change requests, and questions. CuePin provides an effective, and easy to use collaboration tool that lets you present your drafts for websites and other projects to other people very easily, while giving them the opportunity...

Technology

Adobe Acrobat Alternative PDFelement Creates, Edits, and Protects PDFs

August 17th, 2016
by
pdfelement

The PDF format is still the standard when it comes to exchanging documents. PDFelement is an extensive PDF editor that allows you to create, edit, and even sign PDF files or protect them from being altered, if necessary. The application is a great alternative to Adobe’s Acrobat, not only because it’s much more cost-effective… Intuitive Controls Thanks to a Simple Interface PDFelement is available...

Development

Why You Should Embed SVG Inline

August 17th, 2016
by
w3csvglogo-768x198

Those working with SVG graphics have multiple options to embed them into an HTML document. Aside from using it as a classic image file via the “<img>” element, SVG can also be implemented via “<object>” or “<iframe>”. The latter two have the advantage that they allow for the execution of JavaScript and animations. The simple variant however, is marking SVG inline in the HTML...

Development

ZingTouch: Extensive Gesture Recognition Via JavaScript

August 16th, 2016
by
zingtouch_tap

The chance of your website being accessed via smartphone or tablet is constantly increasing. Mobile internet usage is growing, which makes it increasingly more important that you keep usability via touch display in mind when designing your website. Aside from simple taps, plenty of gestures used to control mobile devices have established themselves. ZingTouch is an extensive JavaScript library that you can use to...

Boilerplates & Other Tools

Datamaps.co: Quickly Create Maps as PNG or SVG

July 30th, 2016
by
datamaps-640x427

Maps are commonly used to visualize statistical data. Yet, these maps are not always available. Above all else, however, the editing of such datamaps always requires effort. The service Datamaps.co not only provides vector-based maps, but also makes it easy for you to add statistical data as well as adjust the design. Choosing a Map First, choose a map from Datamaps.co. Aside from a...

Design

MapSVG: Vector-Based Maps for jQuery and WordPress

July 27th, 2016
by
mapsvg-640x427

Maps are always needed, either for the visual extension of statistics or for the display of location. MapSVG is a service that allows you to easily integrate vector-based, interactive maps in SVG format into your website. MapSVG is available as a plugin for both jQuery and WordPress. State Maps Including Divisions MapSVG gives you access to far more than 100 different maps. Among them...

Design

How Poorly Hamburger Menus and Hidden Navigation Work

July 26th, 2016
by
hamburger-menues-teaser

Small display, little room – on smartphones, it’s always a challenge to fit in all the content and the navigation of a website. That’s why hiding the navigation and only placing a hamburger menu which displays the navigation after a tap has established itself. For a long time already, there have been discussions whether you should hide something as important as the navigation. In...

Development

Anime.js Makes Animating CSS and SVG Easy

July 23rd, 2016
by
animejs-640x427

Anime.js is another one in an already impressive row of frameworks for animations. In contrast to all the other ones, anime.js does not only allow for the animation via CSS attributes. You can also alter SVG and HTML attributes with animations. It’s hard to image modern web design without the SVG format. This framework came at the right time. Simple CSS Animations Once you’ve...

Design

Animated and Interactive SVG: Essential Tips

July 19th, 2016
by
Animated and Interactive SVG: Tips You Should Keep in Mind

The SVG format has turned into a contemporary alternative to Flash in many regards. Not only is it vector-based, but it also renders animations and interactions possible. Due to the different ways to create animations and to integrate SVGs into a web project, you should keep the following tips in mind to make sure that everything works the way you want it to. Animations...

Business Online

Ten Design Trends That Boost Your Conversion Rate [Infographic]

July 16th, 2016
by
Ten Design Trends That Boost Your Conversion Rate

Trends come and go, especially when it comes to web design. That’s why web designers and developers should not blindly follow every trend. However, the ten following design trends give you a solid chance of improving your website’s conversion rate. Especially when running an online shop, you should consider one or two of these trends. Full-Width Images Images are always a good choice to...

Design

HTML5 and JavaScript: How to Create Mobile Web Apps

July 15th, 2016
by
mobile-web-apps-teaser

Mobile apps don’t always have to come as native apps. We can also use HTML5 and the JavaScript APIs it introduced, to develop mobile web apps that are (almost) equal to the natively programmed apps. On top of that, native applications also have disadvantages that you won’t need to deal with when using HTML5. No Store Constraint, no Different Platforms Apps have become an...

(Free) Services

CacheFly: The Lightning-Fast Content Delivery Network

July 13th, 2016
by
CacheFly CDN

Speed may not be everything. However, it is an important aspect of any web project. Especially when distributing significant amounts of data, such as images or other multimedia content, it’s crucial to make sure that the user receives them as fast as possible. Too much buffering or long loading times can already be enough to make visitors leave your website. Most of the time,...

Boilerplates & Other Tools

Simbla 2016: New Data-Driven Website Application Builder

July 12th, 2016
by
simbla-640x292

Many homepage builders promise you to be able to create websites without requiring any knowledge of HTML, CSS, and JavaScript. Then you find out that this comes at the cost of having to succumb to more or less flexible premade design templates. The website builder Simbla is one of the exceptions that don’t just provide pretty templates. The site layout is responsive and based...