Denis Potschien

  • 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 
  • Pinstamatic Pimps Pinterest, Allows for Sharing of Websites, Texts and Places

    You know that the social network Pinterest limits itself to the sharing of visual media, images foremost. Even though this is surely part of its success, there are times when you’d like to share other content, especially when the content is not available as an image. In these cases, Pinstamatic, a new service to extend Pinterest’s capabilities comes into play. Pinstamatic allows for the sharing of texts, websites and places. It enhances the presentation of images also.



    Read more 
  • Tilted: HTML Elements Become Parallelograms With Maskew

    You know that you can tilt HTML elements into the shape of a parallelogram using the CSS3 property “transform”. Nice, at first sight. But then, calling “transform” on a picture leads to tilting the picture itself. Uncle Hugo is not amused about his new skewed look. And you know, it is his corporation you are preparing the web site for. To save you, I have found the JavaScript library Maskew. Maskew skews elements into parallelograms too. But it does not skew the content, only the frame. Uncle Hugo himself will not tilt (at you) this way…



    Read more 
  • New Era: Computation of Time with Moment.js

    Calculating time values and displaying them correctly is not child’s play. There are lots of different units (Year, Month, Day, Hour etc.) and – more disturbing – different systems of numeration, none of which is decimal. But you need not fall into despair. Moment.js is there to help you. The small JavaScript library comes equipped with lots of nifty features for calculating time spans, converting international time formats and also cares for the output of the results. Needless to say that Moment.js works for different languages and time zones.



    Read more 
  • CSS4 Today: Address Parent Elements Using cssParentSelector.js

    CSS makes it easy to address child and sibling elements. Parent elements cannot be addressed by the use of CSS though, at least not today. CSS4 will introduce this possibility, but do not hope to see any browser supporting that any time soon. The jQuery plugin cssParentSelector allows the use of the new CSS4 parent selector today.



    Read more 
  • Tear Down This Wall: HTML_CodeSniffer Checks Websites For Accessibility

    Accessibility is a major societal task that is constantly gaining in importance. Websites are no exception here. Even more so, online services for some people are their sole possibility of taking part in social life. Thus accessibility is a vital precondition to allow handicapped people to claim their share of the information age. HTML_CodeSniffer is a tool to check any given website for compliance to given standards. The tool generally works as a bookmarklet and can be invoked while surfing around any given website easily.



    Read more 
  • Heyoffline.js Notifies Your Users When They Go Offline

    The new features of HTML5 offer online and offline events that can be queried to check for an existing internet connection. Especially web apps need to be able to rely on the proper transmission of the state of the web connection to avoid losing data. The JavaScript library Heyoffline.js provides functionality to achieve just that.



    Read more 
  • Fed Up with Unreadable: Are You a Human realises Captchas in the Form of Simple HTML5 Games

    You know these sickening Captchas any web form these days brings before your eyes. Want to download something? Captcha. Want to send in a complaint to your telecom provider? Captcha. This would not even be a problem if it were only annoying. But more often than not, these Captchas are plain unreadable. Even if you own eagle’s eyes you will surely have experienced difficulty in deciphering common Captchas around the web at one point or another. What was once supposed to be unreadable for machines turns against its inventors. Is Skynet just around the corner? Anyway, alternatives exist. „Are You a Human“ offers a Captcha method that does not depend on blurry text and your deciphering abilities. Instead, these Captchas are little games, the so-called PlayThrus.



    Read more 
  • HTML5: Trendy Tooltips with Tooltipster for jQuery

    Tooltips are a square deal. They allow for the placement of important information just in the very location this information is needed, regardless of screen real estate. Tooltipster is a plugin for jQuery aiming at making the process of creating tooltips as easy as possible while providing the biggest functionality available. They conform to HTML5 and can be styled to your own liking using CSS.



    Read more 
search form
 
image description image description