Denis Potschien

  • 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 
  • In From The Cold: Find A Slot For Every Content With Off-Canvas Layouts

    As a web designer you face challenges constantly. But the evolution of mobile devices multiplies the challenges you have to cope with. Placing texts, images, navigation, sidebars, headers and what not on a desktop-sized browser-window is hard enough in terms of creativity and information architecture. Doing the same on a mobile device is close to impossible. There just isn’t enough screen real estate. A new approach that addresses this problem works with the use of so-called off-canvas-layouts. In this type of layout content is placed where you cannot see it, outside the screen, well, outside its visible area to be more precise.



    Read more 
search form
 
image description image description