Since her 2011 TED talk and her inspirational follow-up for TED2014, artist Janet Echelman has been getting a lot of well-deserved press accolades. We'll let TED set the stage with their blog post covering Janet's work before we have a thing or two to say...
We have been talking about the use of webfonts for quite some time in GOODWORK™. Think TypeKit, Google Fonts, WebINK, and their buddies allowing you to break the chains of Sans vs Serif as your only font treatments for html text. What if we told...
Check out this new Microsoft project. It's an innovative way to approach software development. Instead of thinking of the development IDE as a glorified text editor, the code for a project is presented on a pannable 2d 'canvas', and completely changes the way code is...
This looks like a great tool for building custom responsive grid systems.
Lets you customize the following:
columns
column padding
column margins
media query / grid breakpoints (update your grid column numbers)
Spits out:
pngs for each breakpoint
css
less
js (toggle guides on and off in the browser)
http://gridpak.com/about/
...
Adobe Shadow looks like a great tool for multi-device web page testing.
Features:
Device pairing
Synchronized browsing and refreshing in sync with your computer
Perform remote inspection and debugging so you can see HTML/CSS/JavaScript changes instantly on your device.
Watch the video to see how this works.
...
Adobe released a new WYSIWYG web design tool presently dubbed Muse. It was created with the aim of easily allowing graphic designers familiar with InDesign to create web pages without the need to code in HTML.
Muse allows graphic designers the ability to combine images and...
Adobe released a new html tool called Adobe Edge. It's aim is to help in the creation of html5 websites by allowing you to animate html elements. It's a "preview" version and has limited functionality but speculation is that this tool will grow over time just...
Quick easy way to add a unique qr code to your web page that points back to the page it's in. Simply add <img src="http://lilqr.com/qr"> to your page and you're done!
http://lilqr.com/
...
This could be a helpful tool for helping remote folks work out js/css issues:
http://jsbin.com/
JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively.
JS Bin allows you to edit and test JavaScript...
The CS5.5 upgrade for Dreamweaver has a cool multi screen preview so you can see how your builds are looking cross-device. Very helpful when using responsive strategies.
http://www.adobe.com/devnet/dreamweaver/articles/whats-new-dwcs55.html
The Multiscreen Preview panel represents the three most common form factors in question—Desktop, Phone, and Tablet.
...