background preloader

LiveReload

LiveReload

http://livereload.com/

Hote injoignable Voici une excellente nouvelle provenant de Google Operating System ! Qui n’a jamais été contraint de modifier son user agent au sein d’un navigateur pour tester un système, ou encore se « faire passer » pour un navigateur en particulier. De plus, la modification de l’user agent du navigateur est parfois très utile si vous visitez un site qui ne fonctionne pas bien dans votre navigateur actuel, ou si vous êtes un développeur et que vous voulez tester un site… Jusqu’à aujourd’hui, il était nécessaire de passer par une extension, User Agent Switcher ou encore en changeant l’user agent depuis les préférences avancées de votre navigateur ( about:config ) pour Firefox, ou en ajoutant un paramètre en ligne de commande ( ). C’est aujourd’hui chose faite depuis Chrome 17, dev channel et canary . Voici la manipulation à faire pour changer le user agent sur Chrome :

Sass vs. LESS "Which CSS preprocessor language should I choose?" is a hot topic lately. I've been asked in person several times and an online debate has been popping up every few days it seems. It's nice that the conversation has largely turned from whether or not preprocessing is a good idea to which one language is best. Let's do this thing.

SVG Fallback, Vertical Rhythm, CSS Project Structure Advertisement Howdy, folks! Welcome to more Smashing Magazine CSS Q&A. It works like this: you send in questions you have about CSS1, and at least once a month we’ll pick out the best questions and answer them so that everyone can benefit from the exchange. CodeKit — THE Mac App For Web Developers 50 Free Tools and Apps for Web Designers and Developers Over the past year or so I have bookmarked hundreds of various tools and resources covering all aspects of web & mobile development – There are tools that will improve your work-flow, resources that will clean and validate code, apps that will allow you to collaborate with any number of colleagues, bookmarklets that let you create mockups within your browser, productivity checklists, sites that will track and keep a watchful eye on your sites… and on … and on. So, having all of these amazing bookmarks, I thought I would share my 50 favorites with you. I have split the article into the following sub-categories for easier browsing: General Web Development Tools, Web Typography Apps, Browser Tools, Web Site Analysis Apps and, finally, Productivity Apps & Tools. The apps also don’t include frameworks, Javascript plugins nor template tools, they are all strictly small tools that can help with your development productivity. Web Development Tools ProCSSor – Advanced CSS Prettifier

Compass Documentation HTML5 Video Bumpers Video is a bigger part of the web experience than ever before. With native browser support for HTML5 video elements freeing us from the tyranny of plugins, and the availability of faster internet connections to the workplace, home and mobile networks, it’s now pretty straightforward to publish video in a way that can be consumed in all sorts of ways on all sorts of different web devices. I recently worked on a project where the client had shot some dedicated video shorts to publish on their site. They also had some five-second motion graphics produced to top and tail the videos with context and branding. This pretty common requirement is a great idea on the web, where a user might land at your video having followed a link and be viewing a page without much context.

À quoi servent les balises META ? Les balises META c’est utile quand c’est utile; et quand c’est pas utile… eh bien c’est inutile. Vous l’aurez compris: ça dépend. Mais pour ne pas vous laisser avec cette simple vérité — et jolie tautologie —, nous vous proposons un petit point sur les balises META. Top 10 Programming Fonts Sunday, 17 May 2009 • Permalink Update: This post was written back in 2009, and much has changed since then. I’ve also written a few subsequent posts about alternative programming fonts, like this one about Anonymous Pro. I’m a typeface geek, and when it comes to selecting a font I’ll stare at all day, I tend to be pretty picky. Recently, when I discovered that a friend was using a sub par typeface (too horrible to name here) for his Terminal and coding windows, my jaw dropped, my heart sank a little, and I knew it was due time for me to compose this article.

Web IDEs: the future of coding Still using desktop code editors? Web integrated development environments (IDEs) are a new way to build your web projects directly in the browser, often saving development time and making collaboration easier. The humble browser used to just serve up simple HTML documents, but it’s often now your first stop for just about any task. Think about it — document editing, file sharing, image manipulation, server backups, 3D rendering, music production and just about any other work traditionally done in desktop software can now be handled by a web service. I’ve actually become reluctant to install anything anymore, as there’s usually a great web alternative that just requires a simple account signup to use it.

Sublime Text 2 + Zen Coding = w00t ! Pour faire mon boulot d’intégrateur, j’ai toujours préféré coder sur un que sur un IDE complexe. A chaque fois que j’essaye de me mettre à Eclipse ou Aptana, je trouve que ça ne me convient pas vraiment. Ça fait donc quelque temps que me suffit largement. Transitional Interfaces — Design/UX Designers love to sweat the details. Much time is spent pixel-fucking buttons, form styles, setting type, & getting those icons as sharp as a tack. A+, great job, don't stop you guys. ...but there's little consideration about how it all fits together outside of a static comp.

Hack Your Maps Web maps have come a long way. Improved data, cleaner design, better performance, and more intuitive controls have made web maps a ubiquitous and critical component of many apps. They’ve also become one of the mobile space’s most successful transplants as more and more apps are powered by location-aware devices. The core web map UI paradigm itself—a continuous, pannable, zoomable surface—has even spread beyond mapping to interfaces everywhere. Article Continues Below

Related: