CSS3

  • 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 
  • 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 
  • Makisu – Sushi-Inspired CSS 3D Navigation for jQuery

    Better browser support has CSS experiments become more popular these days. My personal favorite up until today was Paperfold CSS. Of course we also saw Meny and some other more playful approaches. Makisu is a brand-new concept for dropdown navigation menus realized by the use of CSS 3D transforms. I have seldom seen such an impressing result. Sorry Paperfold CSS, I leave you for Makisu…



    Read more 
  • tiltShift.js: Tiltshift-Effects with CSS3 and jQuery

    tiltShift.js is nothing short of a little sensation. Using the new CSS3 Image Filters, developer Noel Tock realized a tiltshift-effect for any image you’d want to apply one to. It has of course to be said, that at the time of this writing only Chrome and Safari 6 are able to visualize the effect. Furthermore the pictures have to be generally qualified for the use of tiltshift. But this proves true for all possible fake tiltshifts, as can be achieved by Photoshop and others.



    Read more 
  • Metro UI CSS: You can have a tiled website too

    Microsoft’s new UI, once known by the name of Metro, has caused quite some buzz in the tech world. Meanwhile the name has been dropped, which again caused quite a buzz in the tech world. We don´t know why this was done nor do we know if the next Windows will be a market success. What we know is, that Metro as a design style has its fans. If you are one of them, we have great news for you. Thanks to Metro UI CSS you can give your very own website the same tiled look, the interface of the next generation Windows will have. Go ahead!



    Read more 
  • Brand-new Firefox 16 Beta lays a sharp focus on web developers

    It’s been merely a few days, since Firefox 15 has seen the light of day in its final version. But the Mozilla crew isn’t lazy and has already pushed out the beta of Firefox 16. Since August 30th Firefox 16 can be downloaded for all the usual platforms. Even a version for Android is already available. This time Mozilla doesn’t only target the enduser with some shiny new functionality. This time Firefox is all about the web developer. Improved developer tools, including a brandnew commandline, and the unprefixing of several important CSS properties will have the community cheer.



    Read more 
  • The Mobile Web: CSS Image Replacement for Retina Display Devices

    I see more and more devices that have a pixel ratio bigger than 1.5, even 2. My Galaxy Nexus for example has a pixel ratio of 2 and so do the latest versions of the iPhone and iPad. Retina display seems to be the next evolution and next challenge for us as designers.



    Read more 
  • 40 CSS Reference Websites and Resources

    If you want to design websites or modify your existing website design, then you need to have at least a basic knowledge of Cascading Style Sheets (CSS). Thankfully, CSS is a very easy language to get to a grip on, however you may find it takes a little more time to master it.



    Read more 
  • 40 Beautiful Free HTML5 & CSS3 Templates

    There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all. In web development, it’s important to move with the times and embrace the latest changes. As such, all of the templates listed in this article were designed using HTML5 and CSS3; both of which will help future proof your website and make them more accessible.



    Read more 
  • CSS3 Tutorials to Brighten Up Your Day

    As we all know, a lot of complicated CSS code snippets had to be used back then when you simply wanted to achieve a rounded corner, and even had to use JavaScript for simple animations. But since the coming out of CSS3, life has become a lot easier.



    Read more 
search form
 
image description image description