Denis Potschien

  • 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 
  • Tiny Circleslider: Who Said Sliders Are Boring?

    Image- or, more general, content sliders are as popular as can be. There are plenty of them on the market. Design and functionality resemble, the choice of a slider is more or less a matter of taste. Tiny Circleslider is different though. The tool lets you place content elements in a circle. This makes for a futuristic look and feel.



    Read more 
  • SwipeView: Mobile Gallery with Touch Control on Smartphones and Tablets

    JavaScript and galleries, what do you associate? I associate the word plethora. Though it’s not easy for new projects to impress, SwipeView does. Because SwipeView supports touch control, it is ideal for usage on mobile devices such as tablets and smartphones. You navigate through the galleries with swipes. Non-mobile devices imitate the swipes with mouse actions. The project even features classical navigation concepts.



    Read more 
  • Presentations With Reveal.js and HTML5: Better Than PowerPoint

    Presentations are PowerPoint, you say? Well, think again. Most people I know start yawning as soon as PowerPoint gets mentioned. You don’t want your clients to yawn. If you are into presenting using your Android or iPad, you’ll even need additional tools to get a PPT up and running. As we are web developers, why not use the fine JavaScript framework Reveal.js, that just caught my eye? Reveal.js lets you build your presentations as a website, so all you need to – well – present is a browser.



    Read more 
search form
 
image description image description