Denis Potschien

  • 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 
  • Focal Point: CSS-Framework Scales Down Images In Responsive Designs Intelligently

    Responsive webdesign aims to present websites in the best possible way, even if viewed on mobile devices. Images are usually simply scaled down in that approach. If you use images with a high grade of details pictures soon become too small. The new CSS framework Focal Point cares for shifting the focus to the most important part of the image before scaling down. That way smaller resolutions only see part of the image but larger.



    Read more 
  • Lord Of The Rings: Ringmark Checks Mobile Browsers For HTML5 Capability

    HTML5, CSS3 and new JavaScript methods make mobile web apps possible that do not necessarily stand behind native apps for tablets and smartphones. But which mobile browsers on which devices are capable of performing modern HTML5 apps? The benchmark service Ringmark wants to help you find out.



    Read more 
  • Calendario for jQuery Allows For A Flexible And Responsive Calendar On Your Website

    If you need to publish events, anniversaries, anything that involves a date or date range, it is advisable to do this in the form of a visual calendar. That is exactly what the jQuery plugin Calendario promises to achieve. Calendario integrates a calendar with a month view into any website and is flexible customizable. The data to be displayed can easily be handed over via JavaScript.



    Read more 
  • HTML 5: Speed Up Your JavaScript-Animations with requestAnimationFrame

    Thanks to CSS3 we no longer need Flash to produce good-looking animations. In general we do not even need JavaScript. But CSS3 falls short for some use cases. If you need to calculate or recalculate your animations, there’s no getting round JavaScript. You do not have to use setTimeout and setInterval though. These do carry the disadvantage of simply repeating a function in defined intervals. Looking at animations, defined intervals are not the best way to make them work. If you have been using these two functions, you probably already experienced difficulties in finding the values for intervals in match with the required animation steps. Furthermore, setTimeout and setInterval rarely are in sync with the display refresh rate, which leads to the effect, that animations cannot be precisely presented. It doesn’t have to be that way, though…



    Read more 
  • Viewport Resizer: Extremely Flexible Bookmarklet Lets You Test Different Resolutions Easily

    A web designer’s tasks are far from getting easier. More and more different resolutions come to market and have to be addressed in professional layouts. The formerly rather simple distinction between a site for mobile and another for desktop users is not sufficient anymore. With the success of smartphones of the most different sizes the problem grows bigger by the hour. Of course we have media queries to address different resolutions properly. And even though they do work in the majority of cases you still have to test them properly.



    Read more 
search form
 
image description image description