Responsive Design: 160 useful tools, plugins and resources Since many of you out there are still struggling to find it all in one spot, when all you may need is just one main source that answers all your questions on Responsive Web Design, here at webdesignshock.com we’ve summed a full collection of 160 Resources that cover all Web Responsive Design related topics sorted in categories that go from framework, grid, bookmarklet, typography, tutorial, media-centric, useful articles, WordPress and Google Chrome; so that whatever it is that you’re looking to find related to web responsive design you’ll find it here at webdesignshock.com. Because With the on growing production of alternate devices’ over the past couple of years, have grown the amount of web responsive resources on the web, and the demand of web designers for them. Responsive design went from being the new “it” word of the web design world, to becoming the biggest growing trend of web design in 2011, to now being the up most necessary implementation when designing a website. Skeleton
HTML5 Bookmarks - daily news articles and bookmarks CoffeeScript 10 ressources pour vous aider à optimiser votre CSS - ressource-css Aujourd'hui sur le blog du Webdesign, découvrez 10 ressources pour simplifier l'optimisation et l'utilisation du CSS3. Pour optimiser le chargement d'une page, il faut entre autre limiter le nombre d'appels pour charger des ressources. Un sprite permet de réunir de multiples petites images en une seule, et donc de diminuer d'autant le nombres d'appels. Mais voila, les sprites, c'est pas très drôle à faire, donc Glue se propose de le faire pour vous. Kss permet de générer une doc pour vos CSS. Pratique pour le travail en équipe, et quand on revient sur un vieux projet. Devoir préfixer chacune des commandes CSS3 pour chacun des navigateurs, non seulement ça fatigue, mais ça augmente aussi le poids des fichiers CSS. Deadweight est un petit outil en ligne de commande permettant d'analyser ses pages afin de dire quelles lignes de nos CSS peuvent être enlevées sans problème, car non utilisées. Je suis sûr que vous connaissez le Scss, au moins de nom.
960 Grid System Animated QR Code Generator Online Animated QR Code Generator This is a *free service to generate QR codes in colour with embedded animations online for social media and custom branding QR codes. Upload your animation and click on the 'Generate Animated QR Code' button. Note: Supported animation types are multi-frame gif animations only. Looping and animation speed is supported. Sharing the QR code generator with others Copy the code below and paste it in your web site or blog so your visitors know where to go to generate QR codes. Note: When 'animating QR codes' always test the QR code thoroughly before putting it to use, because unfortunately not all smart-phone cameras and QR code reader applications are created alike. For professional QR code tools, services and utilities, please contact QR4 to find out how we can assist you. Examples of animated QR codes created with the generator above: For more fully functional animation examples see our Animated QR Code Generator Examples page. Other QR code generators from QR4
Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development LESS « The Dynamic Stylesheet language