Denis Potschien

  • 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 
  • Neither Graphics Nor Fonts! Icons In Pure CSS3 with One-Div.com

    Icons are becoming more and more common these days. Mobile clients are responsible for this trend as icons are most useful in environments where screen real estate is scarce. Icons help you find your ways around without needing too much text (if any). With the rise of higher density screens and rising resolutions it is preferrable to shift away from static icon imagery to vectorized icons that are able to scale to any desired size without pixelation or blurry looks. This requirement has initiated the rise of icon fonts. But wait, there is another possibility with its own advantages. Icons can be designed using pure CSS3 also…



    Read more 
  • Easings.net – CSS3 Animations Leadfooted

    With the introduction of CSS3 we are able to use animated hover effects and other transitions. These transitions can be induced through the use of so-called easings. Easings differ in the way they start and accelerate or slow down and stop an animation. The website Easings.net has put together an overview of available easings. On top of that they provide some additional effects complete with source code for your easing pleasure.



    Read more 
search form
 
image description image description