Awesome SVG

SVG, or Scalable Vector Graphics, is a XML-style markup driven vector graphic rendering engine for the browser. SVG is supported in every browser, except IE < v9 and Android < v3. Want to know more? Awesome SVG is a community curated list of awesome resources related to SVG.

Google’s new Material Design guidelines

Google Design

If the new Material Design from Google is to influence the design of all Google products, then its visual style and interactive metaphors have a good chance of influencing established web conventions. Google products are prevalent on so many desktops and devices that it’s reasonable to believe their look-and-feel will be influential – especially since they build upon the Flat Design trend that’s already become the new norm. Good designers know that following standard web conventions can help make products intuitive and easy to use. Perhaps it may be wise, therefore, for designers to take some cues from the stage that Google is now setting with these published guidelines.

Explore and master Chrome DevTools with this free course

Code School

School never ends for software developers. Ever! If you’re perfectly happy being mediocre, you can just sort of learn organically while you work. But if you want to be a bad-ass, then you’ve gotta be proactive in your studies. Luckily, there’s no shortage of really great tutorials and courseware out there. For Web Developers, I recommend this one, sponsored by Google, called Explore and Master Chrome DevTools. The course features 17 videos, which you can download for offline viewing. It also features over 75 interactive challenges, which are are assisted by the Discover DevTools Companion extension for Chrome.

chodeSchool_screenshot_GoogleDevTools

Here’s what you’ll learn:

  • Chapter 1: Getting Started & Basic DOM and Styles
  • Chapter 2: Advanced DOM and Styles
  • Chapter 3: Working With the Console
  • Chapter 4: Debugging JavaScript
  • Chapter 5: Improving Network Performance
  • Chapter 6: Improving Performance
  • Chapter 7: Memory Profiling

For those of you who’ve been using Chrome DevTools for a long time and think you know all this stuff, I challenge you to go deeper. There are plenty of surprising little moments within the course that’ll make you go, “Oh, now that’s cool!”

Step by step guide to create a custom theme in WebSphere Portal 8.5

IBM Digital Experience wiki
August 22, 2014

From time to time, I get a ping on Skype at some crazy hour. It’s Michele Buccarello and he’s twelve hours deep into another study on some aspect of IBM Digital Experience software. As far as I know, he’s been going at it for days. He’s what I call a cave dweller – he’s pure nerd (and I mean that as a compliment). But it’s not just Michele’s ability to plow through the night with incessant focus that’s impressive. When he emerges from his cave, he bears gifts of knowledge for our community. In his latest adventure, Michele’s gone deep into theme development on WebSphere Portal 8.5 and delivered this very detailed and highly illustrated guide. Just scanning through the screen-shots, I see a lot of intriguing stuff I haven’t seen before and I can’t wait to dive in myself.

Along the same topic, you might also be interested in Michele’s recent study on the WebSphere Portal Theme Menu Framework.

Note: Look for the PDFs under the expandable Attachments section on the wiki pages I’ve referenced; they’re buried rather inconspicuously.

IBM Digital Experience Developer

IBM developerWorks

Here’s a relatively new resource for IBM Digital Experience developers. The site features code samples, downloadable resources, and a blog with valuable posts from an impressive lineup of subject matter experts. Topics include IBM WebSphere Portal, IBM Web Content Manager, IBM Connections, IBM Worklight, IBM Web Experience Factory, IBM Forms Experience Builder, IBM Rational Application Developer, Portal Tools, and more.