Articles by Denis Potschien

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

(Free) Services

Adobe Portfolio: New Website Builder for Creatives

December 25th, 2015
by
New Website Builder for Creatives

Adobe has already established a social network for designers and illustrators with its creative network Behance. The new service Adobe Portfolio allows you to easily set up a website to present your work on. The service is free to all subscribers of the Creative Cloud. If you already have a profile on Behance, you can import your work in Adobe Portfolio. Homepage Building Kit...

Development

Truffle Pig: Knwl.JS Finds Data Snippets Automatically

December 23rd, 2015
by
Truffle Pig: Knwl.JS Finds Data Snippets Automatically

What if important information, such as time or location information, email addresses, phone numbers, links and other data snippets, are hidden in plain text? If you’d want to mine these valuable fragments a lot of manual work would be necessary. Wait. Not anymore.  The JavaScript library Knwl.JS can automatically find this information, filter it and make it available for further use. With some creativity,...

Business Online

Four Tools for Creating HTML5 Banners in Seconds

December 17th, 2015
by

Banner ads are delivered in Flash less and less often. HTML5 has become the standard for online advertising as well. Thanks to CSS3 animations are possible without any issues and interactions are made possible with JavaScript. Of course, HTML5 banners can also be created manually. But there are plenty of free and paid tools that are specialised in the creation of HTML5 based banners....

Business Online

Fearing the Blank Page: Ignite Your Creativity

December 16th, 2015
by
Ignite Your Creativity

Everyone working as a designer or author or in any other creative job knows it: the fear of the blank page or the blank screen – the creative block. There are moments where simply nothing comes to mind when trying to come up with a convincing logo or a captivating text. If creativity is your job, you can’t afford to have a lot of...

Development

TremulaJS: This Animated Modern Image Gallery Will Impress You

December 12th, 2015
by
Tremula.js: This Animated Modern Image Gallery Will Impress You

When it comes to polishing images or other visual data, there are plenty of JavaScript libraries to turn a loose image collection into appealingly designed and functional galleries with ease. A very popular choice is the Image Carousel where images are swapped via mouse movement or swipe gesture. TremulaJS also provides a very extensive framework that allows you to create animated galleries and adjust...

Design

SVG: How to Create Interactive Graphics for Your Website

December 9th, 2015
by
svg-interaktiv-teaser_EN

You surely know that SVG is much more than just a vector-based file format. Animations as well as interactions are also a part of the vector format’s arsenal. As JavaScript can also be used within an SVG file, there are plenty of usage options. The JavaScript solution svidget.js provides an extensive framework which allows you to create and integrate SVG graphics as widgets. Creating...

(Free) Services

Web App: Drawing SVG Online with Method Draw

December 8th, 2015
by
svg-online-method-draw-teaser_EN

Adobe Illustrator, as well as the free Inkscape, are able to work with SVG. They can edit and save vector graphics in this format. These apps are not the only ones, however. The web app Method Draw allows you to draw vector graphics in a way similar to a classic desktop application, and you can test them directly in the browser. Besides SVG, Method...

Design

RulersGuides.js: Photoshop-inspired Web Design Helper Tool

December 5th, 2015
by
RulersGuides.js: Photoshop-inspired Web Design Helper Tool

The ruler and the possibility to draw auxiliary lines are indispensable features of Photoshop and other image editing and drawing applications. Why only Photoshop and such? Measuring distances and checking orientations via auxiliary lines can be helpful on a website as well. RulerGuides.js comes to your rescue. It adds a ruler with the mentioned features to any website via a bookmarklet. RulersGuides.js: Features Known...

Inspiration

Flat Christmas: Creative Xmas Greetings on Behance

December 4th, 2015
by
Flat Christmas: Creative Xmas Greetings on Behance

Are you looking for a creative way to send Christmas greetings to your customers, friends or family? You sure should get going as the special days are approaching fast. As always the time to churn out a creative idea of your own is scarce, so you will again have to rely on someone else’s items. Especially designs for Christmas tend to overdo it. Most...

Design

Better Portable Graphics: What the New Image Format Can Do

December 2nd, 2015
by
Better Portable Graphics: What the New Image Format Can Do

JPEG and PNG are the two popular formats used to display images in the browser. Even though the internet gets increasingly faster, it is especially important for mobile devices to keep the file size as small as possible. The new BPG format, which is short for Better Portable Graphics, is the alternative to the popular formats, and it promises smaller files as well as...

Development

JavaScript Engine Popmotion: Interactive Animations in a Snap

November 27th, 2015
by
JavaScript Engine Popmotion: Interactive Animations in a Snap

Static websites without any animations are getting less and less common, or more and more uncommon, depending on the viewpoint. CSS3 and JavaScript provide plenty of effects for animated transitions and more complex animations. Even interactive animations don’t pose any general problems for web development anymore. However, especially complex movements in combination with interactive elements require a certain programming effort. The JavaScript engine Popmotion...

Design

SVG without SMIL: Google Chrome Kills Support

November 24th, 2015
by
SVG without SMIL: Google Chrome Kills Support

It should be common knowledge by now that interesting charts, illustrations and complex animations can be created using the SVG format. SVG provides three different ways of creating animations. Next to JavaScript and CSS3 animations, SMIL is another approach to making shapes move. However, with Chrome 45, Google classified SMIL animations as deprecated and will not support them in the future. Why did Google...

Development

DrawSVG for jQuery – Animated SVG Enlivens Your Website

November 21st, 2015
by
DrawSVG for jQuery - Animated SVG Enlivens Your Website

Fortunately, the SVG format can do a lot more than just provide vector-based graphics. Animations are possible as well. With JavaScript, you can control and influence these animations in many different ways. The jQuery plugin DrawSVG allows you to draw the paths of an SVG graphic in an animation. This opens interesting ways of drawing the paths. Requirements for DrawSVG As a jQuery plugin, this...

Business Online

Online Advertisement and HTML5: New Standards to Replace Flash

November 18th, 2015
by
HTML5: New Standards for Online Advertisement

At the beginning of the era of online advertisement, animated GIF was very popular. Afterwards, it was replaced by the Flash format for a long time. While Flash is rather irrelevant in today’s web development, online advertisement has taken a while to replace Flash as the standard for banner advertisement. This is not completely incomprehensible as Flash has quite a few advantages for advertisers....