Denis Potschien

  • 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 
  • JavaScript-Turbo: Head.js Speeds Up Your Website

    Complex websites would not work well without JavaScript. Often there are several scripts residing in the head of your HTML document. The more you embed, the slower your website, potentially. Head.js is a JavaScript tool that calls itself the only script you need. We have put it to the test and found out that Head.js can really boost the performance on websites with several scripts. The more scripts you call in the head the higher the effect Head.js can provide.



    Read more 
  • BookBlock And Windy: 2 jQuery-Plugins Provide Exceptional Content Navigation

    Chances are, you are not looking for sliders, you have to watch your steps to avoid not trampling on them. There are more sliders on this planet than content for them to take care of. As this is the case, why do we introduce two more variants to our readership? It’s simple. BookBlock and Windy, the new jquery-plugins by Codrops, are extraordinary, totally fresh and new in their approach. They offer a variety of exciting effects to have you present your content in ways not seen before. I am impressed.



    Read more 
search form
 
image description image description