09 Oct 2013, 09:30

Web Roundup - 9/10

Responsive web design

  • Viewport resizer, which defines itself as follow : Viewport resizer is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you want to test, click on your created bookmarklet and check all kinds of screen resolutions of the page
  • RWD Bookmarklet : a bookmarklet which allow to see you to what extend your site is responsive with some features like making a keyboard appear, etc.

User Experience

Javascript

HTML/CSS

  • Clipping & Masking in CSS or how to use CSS to apply some "filters" on your images.
  • CSS @supports (CSS & JS) to detect browser support for a given (CSS) style directive. It means you will structure your code based on feature detection. Not fully convinced but worth to know it exists.