Responsive Data Tables
In addition to the techniques below, see this roundup of additional explorations of this problem. Garrett Dimon: Data tables don’t do so well with responsive design. Just sayin’. He has a good point. Responsive design is all about adjusting designs to accommodate screens of different sizes. So here’s what we are gonna do… We’re going to use “responsive design” principles (CSS @media queries) to detect if the screen is smaller than the maximum squishitude of our table. We’re being good little developers and using Plain Ol’ Semantic Markup here for our table. <table><thead><tr><th>First Name</th><th>Last Name</th><th>Job Title</th></tr></thead><tbody><tr><td>James</td><td>Matman</td><td>Chief Sandwich Eater</td></tr><tr><td>The</td><td>Tick</td><td>Crimefighter Sorta</td></tr></tbody></table> Our regular CSS is nothing special: The small-screen responsive stuff comes in now. Hey what about IE? <! See it View Demo This isn’t perfect… UPDATE: Other ideas View Demo
folksemantic - #1 - Semantic web and interconnected gadgets - see the future. - gadgets, tech tools, tech toys, newest gadgets, ipod. mp3, electronic toys, TV, DVD, HiFi, CD, cell-phones, computer, netbook, notebook, bluray, HD-TV, HD, radio
Making an iPad HTML5 App & making it really fast
June 4th, 2010 About a month ago or so, Amy and I release a little (literally, it’s about 5k) HTML5 iPad App for looking up time zones. I don’t mean select-box wasteland like all other time zone sites (who likes select boxes anyway?!), I mean a nicely polished, touch-enabled UI that works offline, too. The site uses no images (‘cept for the ad), no JavaScript framworks, and no external CSS, and fits quite comfortably in a few k’s of gzipped HTML. First visit the site on your iPad (desktop browsers work, too!) Our first attempt ran really great on the Apple-supplied SDK iPad Simulator. And here’s what we did: 1. At first, we used a quite complex -webkit-gradient for the gradients in the “day bars” for the various cities. We replaced those bars with a big canvas element that sits in the background, and we redraw only those portions of the screen that undergoes changes (the different highlighting when you drag around the green bar). 2. Also a major source of slowdown. 3. 4. 5. 6. 7.
What Is WOA? It's The Future of Service-Oriented Architecture (SOA)
The need for businesses to open up their silos of information and internal capabilities to their internal customers has become an increasingly pressing issue as organizations strive to increase operational efficiencies and innovate more effectively with existing resources in the business and technical climate of early 2008. And in the last couple of years, as exposing uniquely powerful sets of data to online business partners has moved into the mainstream in the form of open Web APIs , opening up our IT systems across the Internet has become a competitive imperative as well. Unfortunately, despite two decades of experiments in heavyweight software engineering (the alphabet soup of EAI, SOA, ESB) for solving these types integration problems, we've seen relatively marginal improvements for most implementors despite heavy investments by businesses large and small. So to loosely paraphrase a famous line from history, I come to praise SOA, not to bury it. What is WOA?
DataPortability.org - Share and remix data using open standards
Microformats
