JSONLint - The JSON Validator. User Experience quotes and articles to inspire and connect the UX community | inspireUX BNOTIONS We laughed, we learned and we connected with hundreds of developers at the jQueryTO 2013 conference in downtown Toronto. The 2-day conference attracted the top talent in the city and beyond, featuring cutting edge presentations and a stellar speaker lineup, which included Paul Irish and Addy Osmani from the Chrome team and some of the biggest names in the jQuery developer community. (Slides for all the speaker’s presentations follow below.) We used Google+ as a social platform during the event and asked everyone to “check-in” and use “party mode,” so we could crowd-source photos from the conference. Over 2 days, more than 150 photos were uploaded from attendees! A collection of great photos from jQueryTO 2013 “A huge thank you to the 500+ devs that stayed to watch my paint performance keynote at +jQueryTO. We want to thank all the volunteers for their help in running an awesome conference. Louis Lazaris – When jQuery and CSS3 3,181 views
25 great free UX tools There might be no such thing as a free lunch but thanks to the wonders of Open Source software, freeware and trial software there most certainly is such a thing as free software. In this article I list 25 great free UX tools, including tools to help with prototyping, annotating, screen grabbing, site mapping, usability testing, accessibility and analytics. Prototyping tools Pencil Pencil is a nice little Open Source tool for creating prototypes, UI mockups, and UX diagrams, such as user journeys. Pencil – A free prototyping and diagramming tool LucidChart LucidChart is an online tool for creating diagrams, UI mockups and prototypes. LucidChart – A prototyping and diagramming tool with a free trial version Balsamiq Balsamiq is another online UI prototyping tool and like LucidChart it’s not fee but does allow you to create simple single pages for free using the trial version (just click on the ‘take a tour’ link). Balsamiq – A prototyping tool with a free trial version Serena Prototype Composer
Frontend Single Point of Failure | Dean Hume At this year's Velocity Europe conference, I watched a great talk by Google's Patrick Meenan about 3rd party scripts and frontend Single Point of Failure (SPOF). A single point of failure is a part of a system that, if it fails, will stop the entire system from working. Quite often, you may add 3rd party scripts such as jQuery, social sharing buttons or Ad tracking scripts to your website with the best intentions, but depending on the way that these scripts are loaded you could potentially create a frontend single point of failure that can block the entire site! If these 3rd party scripts are not implemented and deployed properly they pose a significant risk for the websites that host them. Once you have downloaded and added the plugin to Chrome, simply navigate to your desired webpage. Click on the plugin and you will be presented with a list of the blocking scripts. As you surf the web with this plugin enabled, you may notice how many websites have blocking scripts on their pages!
Feature sniffing Internet Explorer - Snippets Pretty much all web developers should know by now that browser sniffing is evil. If you don’t know why, you should definitely read Richard Cornford’s excellent treatise Browser Detection (and What to Do Instead). Feature detection, where you look for the specific feature you want to use, is much safer; taken to the extreme, it can end up like the rather clever Modernizr project. But what if you really do just want to know if your code has the misfortune to be running on IE7? Ideally, you should use Microsoft’s conditional comments to handle that, for example here’s how to load a script segment specifically for IE7: But what about handling browser differences deep in the middle of a big script? Of course, you could always resort to the evil browser sniffing, looking at the user agent to see what you’re running on, but that way is fraught with peril as discussed at length by Cornford and others. But there is another way. Here’s a table of some browser properties you can check for.