Articles by Denis Potschien

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

Development

Adobe’s Snap.svg: Animations With HTML 5, Without Flash

April 2nd, 2014
by
Adobe’s Snap.svg: Animations With HTML 5, Without Flash

Flash has long been the standard for vector-based web animations. Some say for too long. The rise of mobile clients led to an acceleration of web standards such as HTML5. Thanks to the SVG formats, which is widely supported by modern browsers, we are able to embed vector-based graphics into our web projects without the need for a plug-in. Adobe’s JavaScript library Snap.svg even...

Design

Styling SVG with CSS: Capabilities and Limitations

January 23rd, 2014
by
Styling SVG with CSS: Capabilities and Limitations

SVG is the new standard for vector images in the browser. Vector editors such as Adobe Illustrator allow to directly save to that format and modern browsers have no problems to properly display SVG. As SVG graphics consist of markup, they can be created and maintained using your favorite text editor, just as you do with your HTML. It is even possible to style...

Development

SVG and JavaScript: What Is Possible, What To Consider?

January 22nd, 2014
by
SVG and JavaScript: What Is Possible, What To Consider?

SVG has been around for quite some time now, waiting. Waiting for proper browser support. The wait is now over as all modern browsers support the format today. With Flash being on the decline, SVG has grown even more popular. Just like the proprietary Flash format, SVG is vector-based and can even contain animations. You need not even miss out on scripting, as SVG...

Development

HTML 5 and SVG: Providing a PNG Fallback with PHP and ImageMagick

January 15th, 2014
by
HTML 5 and SVG: Providing a PNG Fallback with PHP and ImageMagick

Using SVG in web design has many advantages. Being a vector format is the biggest and has it standing out from the crowd of other image formats. You could have guessed, though, that while modern browsers do already support SVG, the good ole Internet Exploder doesn’t, at least not below version 9. As older versions of Internet Explorer are still out there in the...

Development

Codeblock.js: Edit and Run JavaScript Directly from Within Your Browser

December 30th, 2013
by
Codeblock.js: Edit and Run JavaScript Directly from Within Your Browser

Talking about introducing JavaScript frameworks, libraries or just step by step tutorials, it is always useful, if you are able to support all your words by a handful of fitting live examples. So, instead of just posting dead code snippets, would it not be far better, if you could embed JavaScript in a way that it can be edited and run by your readers,...

Design

HTML5: FileSystem API – Create Files and Store Them Locally Using JavaScript and Webkit

December 19th, 2013
by
HTML5: FileSystem API – Create Files and Store Them Locally Using JavaScript and Webkit

The FileSystem-API allows the creation of files and folders as well as their local storage using JavaScript. Files can be simple text files, but even more complex files such as images are possible. Modern Webkit browsers with HTML5 support are already able to handle the FileSystem-API. We show you how you can benefit from the new possibilities. Access Local Filesystems To be able to...

Essentials

Let It Snow: Festive Resources to Santa up Your Website

December 17th, 2013
by
Let It Snow: Festive Resources to Santa up Your Website

In these special times we tend to not only decorate houses, streets, the whole country, basically. We don’t even leave our websites untouched. Christmassy looks are mandatory these days. If you are on the lookout for a bunch of effects to implement on your blog, portfolio, whatever, look no further. We have compiled a small collection of just what you need to bring that...

Design

CSS3: InDesign-Like Text Formatting with Exclusions and Regions

May 17th, 2013
by
CSS3: InDesign-Like Text Formatting with Exclusions and Regions

css-regions-exclusions-w550 It's Adobe again. They made two proposals to a coming standard, which would lead to the possibility to format and present texts on websites just as we already know it from DTP software such as InDesign. With Exclusions we will be able to let text flow in any shapes and forms, while Regions will allow...

Design

Photoshop in Web Design: 5 Plugins to Make your Workday More Pleasant

April 28th, 2013
by
Photoshop in Web Design: 5 Plugins to Make your Workday More Pleasant

GuideGuide Still nowadays lots of web designs start as a Photoshop draft. This gets more and more elaborate and has to be converted to HTML and CSS during the late stages of the project. No wonder, that services for PSD to HTML conversion still face no shortage of orders. A lot of developers have created a flood...

Development

5 jQuery Plugins to Breathe Life into your Texts

April 16th, 2013
by
5 jQuery Plugins to Breathe Life into your Texts

jquerytexteffekte_slidingletters-w550 Texts are primarily made for reading. Yet, at least sometimes, we want them to be apparent, eye-catching. A set of jQuery plugins provide possibilities to animate texts in various ways. We have come up with five of the best of them.