Denis Potschien

  • 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 wild, you should always consider implementing a fallback solution. Using PHP and ImageMagick makes it a snap to provide a fallback to PNG..



    Read more 
  • 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, without forcing them to download examples and what not first? That’s what Codeblock.js offers…



    Read more 
  • 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.



    Read more 
  • 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 Santa sparkle to the eyes of your visitors.



    Read more 
  • 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 us to split texts between two or more HTML elements.



    Read more 
  • 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 of plugins for facilitating the task of turning PSD to HTML. I went and dug up five of which I opine belong to the best.



    Read more 
  • 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.



    Read more 
  • Leaflet: Interactive Maps with JavaScript and OpenStreetMap

    leaflet-w550

    What crosses your mind first, when you think about embedding maps into a website? I am pretty sure the answer is: Google Maps. And this is perfectly understable as the easy to use JavaScript API allows for simple and flexible addition of custom content such as markers and overlays to the maps. The free alternative OpenStreetMap has nothing similar to offer and thus is often turned down as the valid choice it could otherwise be. There is hope, though. The JavaScript library Leaflet allows for the addition of lots of Google Maps features to maps based on the Open Source project OpenStreetMap.



    Read more 
  • Unobtrusive Helper: Intro.js Guides Visitors Around Your Website

    introjs1-w550

    You know it. A website should be self-explanatory, navigation should be obvious. “Don’t make me think!” If you need a manual to tell your visitors how to use your website, you’re a dead man designer walking. This is generally true. But! Imagine you changed your website, but ever so slightly that your regular visitors won’t even notice. But! You want them to notice, because to you and at best also to your visitors these changes are a big deal, though not obvious. Would it not be great to have a possibility to gently poke the attention of your visitors to the right direction? Intro.js is a framework to achieve just that. It guides your visitors around the fresh parts of your website and has some tooltips at hand.



    Read more 
  • Unusual Code Checker: Holmes Validates HTML, Uses CSS To Do So

    holmes-w550

    Of course it is advisable, no, mandatory to have your source code checked, double-checked and validated to avoid errors and to ensure standards compliance. Instead of having your project run through one of the many validators out there, you can opt to use the brand-new diagnostic tool by the clever name of Holmes to achieve the same. Holmes is a tool, that uses CSS to check your source code for non-compliant and invalid HTML. Here is how it does it…



    Read more 
search form
 
image description image description