Denis Potschien

  • 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 
  • Design Kindle: New Resource For Web Designers Offers Icons, Textures, UIs And More For Free

    Web designers are natural born searchers. They are on a continuous quest for icons, textures, inspiration, whatever helps get the next project done. If everything works fine they find what they were looking for and if things run really well the findings can be used freely. I know that Design Kindle is exactly where you should start your search. I assume a high probability that your search not only starts but also ends there. Design Kindle, a new resource for web designers, offers freebies – well – freely and in high quality and with no restrictions for commercial projects. Get the point?



    Read more 
  • CSS: How To Individualize Scrollbars in Webkit Browsers

    Internet Explorer is able to do it. Since ages, immemorially, almost. I’m talking about the customization of its scrollbars. Since version 5.5, which was released in July 2000, you can individualize the colors within its scrollbars. Most currently, browsers based on Webkit have caught up with IE 5.5 and allow for even more sophisticated individualization – their possibilities are not limited to simply changing colors.



    Read more 
search form
 
image description image description