Shannon Norrell
Random Examples
  1. Random Documents
  2. My Resume
  3. Functional Specification Example - Tabbed UI
  4. Table Feature Functional Specification Matching Vista UX
  5. Advanced Gadgetry Article for MSDN Magazine
    - discusses Sidebar Gadget Development, Reading RSS Feeds, XML Data Islands, Data Source Objects (DSO), Applying XSLT to XML in Javascript, Accessing XSLT variables from Javascript, "Self" vs this, provides a (windows) mechanism to view generated HTML
  1. Random Code Samples
  2. WebGL + HTML5 Mixed Mode windowing system (Hit "N")
  3. Barrel Distortion Effect using GLSL Vertex & Fragment Shaders within ThreeJS
  4. Windowing system with resizable, draggable, Max/Restore, URL navigation
  5. SketchFab-Like Annotation of .OBJ using ThreeJS/WebGL
  6. HTML5/Javascript/CSS3 Virtual Keyboard
  7. Dynamic Interface using drag and drop using no libraries
  8. Example of Rich HTML5 Multimedia exhibit (Webkit only)
  9. iPad Presentation Framework for Pharma Industry (must use Webkit-based browser)
  10. Cool Reordering Interaction. Similar to iOS behaviour.
  11. Third re-working of Canvas Spinner. This time much more re-usable
  12. Drag-to-animate 3D model (Webkit:Desktop||Mobile)
  13. Scroller for iPad (extremely difficult)
  14. Handwriting simulation - done in 1 hour
  15. 3-D Simulation. Done in 1 day
  16. HTML5/CSS iOS-like Popover
  17. HTML5/CSS3 Progressive Graph
  18. HTML5 Green Screen Technique for <VIDEO> tag using <CANVAS> (Desktop Safari Only)
  19. HTML Canvas balls - collision detection, friction (Work in Progress)
  20. HTML5 Canvas Wheel for mobile devices - Resizable with Complex "Hot" Regions
  21. CSS3 3D Cube Grid (Safari only. s-l-o-w)
  22. MultiEditor done for Apple iTunes
  23. Completely reworked HTML5 Canvas Spinner (Webkit only)
  24. HTML5 Canvas Spinner (Webkit only)
  25. Simplified UI for a complex task. Also modern drag and drop
  26. Prototype page done for Apple Computer - check out custom picklist, lightbox and layout
  27. Slider done for Apple Computer
  28. 3D Cube Demo - Snow Leopard+WebKit only
  29. HTML5 3D Sphere Demo (Not my code, but fun!) - WebKit only
  30. Calender Gidget & Rounded Input Box Gidget
  31. DHTML ScrollBars
  32. Simple, Sequenced Animation
  33. Web 2.0-Style Rounded Corner Tabbed Metaphor Navigation Framework
  34. Rounded Word Balloon
  35. Vista-like DHTML Table
  36. Vista-like DHTML Button
  37. Vista-like Tabbed Framework
  38. Vista-like DHTML Window Object
  39. Rounded Corners without Images, Tabbed UI Framework
  40. Enterprise Level Web Application Table UX Design
  41. Emulation of Facebook's <FBML:MULTI-FRIEND-INPUT> tag
  42. Dropdown menu that appears in the same place regardless of scrolling
  43. Image Selection Behavior that Mimics ACDSee (and Windows Explorer)
  44. Get NT User Info (FullName, Groups) using VBScript to Drive ADSI
  45. DHTML Grid using Object-Oriented Javascript
  46. DHTML Tree Control using Object-Oriented Javascript
  47. DHTML Drag and Drop done for Macromedia in 1997
  48. DHTML Slider Control done for Macromedia in 1997
  49. DHTML Timer Control done for Macromedia in 1997
  50. Combo Box Scriptlet Demo done for @Hoc 5/2002 in three hours
  51. Excel Emulation Within a Web Browser done for ROI4Solutions in one hour
  52. UserPicker Designed for Lucent to Support Thousands of Users
  53. Cross-Browser Drag and Drop .. works for IE6 and Netscape 6.
  54. Fitt's Law of Usability - Partial Solution for HTML List (radio/checkbox) Selection
  55. AOL Radio (best viewed in FireFox or Safari) - First Rotating Knob ever produced using DHTML
  1. Mac Widgets for OS X 10.4 Tiger
  2. MovieFone Widget done on behalf of AOL
  3. Search Widget done on behalf of AOL