Denis Potschien

  • 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 
  • Create Favicons Online With These 5 Useful Tools

    faviconeditor_xiconeditor-w550

    Favicons are to websites what bread and water is to human beings: essential. They’ve been around long-since and will still be when we all have perished. Shortly after the inception of the web, they started their triumphal march. Nowadays, favicons are not long thought or talked about, they are just implemented like a duck takes to water. To create them, several solutions exist. First on there are plugins or native functionality for common desktop software solutions. What we want to focus on today are solutions in the form of online services. There are a few and they differ quite considerably.



    Read more 
  • HTML5 Server-Sent-Events: How To React On Server Requests With JavaScript

    serversentevents-w550

    You certainly know the XMLHttpRequest object, with which it is possible to communicate with a web server from inside an HTML document and have it updated without the need for reloading the page. Now, with the newly introduced server sent event, part of HTML5, we can even react to requests from the server side without the need for a reload. This way we can keep page contents simultaneously updated. This proves useful in several cases, e. g. regarding your stock of products, that is probable to change every second.



    Read more 
  • Photoshop Etiquette: Basic Knowhow for Designing The Web Using Photoshop

    photoshop-etiquette-homepage

    Adobe’s Photoshop still is the market’s most common and most popular choice for professional designers. Besides photography and print design, which Photoshop once got invented for, it is widely used in the designing of websites, too. The last ten years saw the product grow in functionality especially in terms of web design features. A large part of the world’s most successful websites started as a draft in Adobe’s market leader. Photoshop Etiquette is a new and free service, aiming at beginners in web design with Photoshop. It offers the absolute basics and makes for a very good starting point.



    Read more 
  • Lazy Line Painter for jQuery Animates SVG Onto Your Website

    Thanks to the canvas element and the drawing capabilities of JavaScript we can calculate and present graphics inside the browser. That way drawings can be animated onto a website. The downside is, that you would have to do a lot of programming to achieve this. If you are not into programming or simply want to save some time, the jQuery plugin Lazy Line Painter might come in handy. It promises to perform this tedious task for you.



    Read more 
search form
 
image description image description