Web Tutorials + Resources

HTML + CSS:
HTML5 & CSS3 Fundamentals (Channel 9)
Web Fundamentals (Code Academy)
Learn HTML (W3 Schools)
Learn HTML5 (W3 Schools)
Learn CSS (W3 Schools)
Learn CSS3 (W3 Schools)

JavaScript:
Javascript Fundamentals: Development for Absolute Beginners
JavaScript (Code Academy)
jQuery (Code Academy)
Learn JavaScript (W3 Schools)
Learn HTML DOM (W3 Schools)
Learn jQuery (W3 Schools)
Learn AJAX (W3 Schools)
Learn JSON (W3 Schools)

Other:
APIs (Code Academy)
PHP (Code Academy)
Learn PHP (W3 Schools)
Learn SQL (W3 Schools)
Learn ASP.NET (W3 Schools)
Learn Web Pages (W3 Schools)
Learn Razor (W3 Schools)
Learn MVC (W3 Schools)
Learn Web Forms (W3 Schools)
Learn XML (W3 Schools)
Learn SOAP (W3 Schools)
Learn RSS (W3 Schools)
Learn Web Services (W3 Schools)

Projects

Design:
Microsoft .toolbox
The CSS Zen Garden
MIX Online
Color Scheme Designer
Adobe Kuler
Colour Lovers
Color Schemer
Color Blender
TinEye MultiColr Search
TinEye Reverse Image Search
Google Reverse Image Search

Authoring + Inspecting:
Expression Web
Firefox 3D Page Inspector
Mozilla WebMaker (X-Ray Goggles)
Web Developer extension for Firefox
Modern.ie

Dream Projects

I’m starting this entry to have a place to post various ideas that I’ve had over the years and been excited about but lacked the skills necessary to bring them to fruition. The list will be (very) short to begin with but hopefully I will remember to add things here as I think of them.

3D Forum | Comments System
When I browse forums online, very few of them handle dialogue trees very well and spatial context is always lost when someone is replying to a much earlier comment or quoting someone else.

My idea has been to take full advantage of CSS3 3D Transforms, Silverlight 5, WebGL or any other 3D web technology capable of handling my vision to be able to simply, quickly, and effectively browse a 3D dialogue tree to sort by:
chronology (often, for clearer understanding of discussion flow it is more helpful to understand the order that things were said in, rather than seeing them clustered by the comment which they are replying to),
relationship (all replies to and quotes of an earlier comment|post|entry are semantically linked and can be grouped and ungrouped at will),
topic (different threads that share a common theme and even individual posts|comments in different threads that have more to do with each other than their parent threads).

After being admin on the Numonohi messageboard for a couple of years and then participating in the Photosynth forums, I’ve seen many cases where a conversation forks and really would be better off if broken out into its own thread. If moderators are given the ability to correctly tag comments and replies, then the end user should be able to see the rabbit trail as heading off in another direction visually|spatially and not be distracted if they wish to simply follow the main thread. This also allows those who wish to take rabbit trails to go ahead and preserves original context for where a rabbit trail was born, rather than a hard coded migration to a new thread by a mod.

It also provides a visual way of discovering related topics, given that a mod has tagged two topics as being similar.

Visual inspiration:
Microsoft Seadragon
(for implementing ZUI correctly + rearranging DZIs on the fly)
Microsoft Live Labs Pivot
(for demonstrating the power of visually filtering data + preserving context)
Final Fantasy 13 Skill Leveling Menu
(for a general idea of the fractal branching structure of topics)
Windows Phone Messaging
(for clean layout)
Zune Social
(for clean layout)

 

Photosynth Fansite Possible Features

  • Facebook Embeds
  • Twitter Embeds? (Less likely possible, due to this being something that Twitter needs to implement.)
  • Mobile Forum Layout | Responsive Design
  • Embed synths + panos in forum discussions
  • Synth + Pano Sorting à la Microsoft Live Labs Pivot
  • Follow a User à la Tumblr | Twitter | Pinterest
  • One on One Messaging to facilitate asking photo permissions for a collaborative synth, etc.
  • Email notifications of replies + comments, favorites, shares, follows, + new uploads from your subscriptions.
  • View a particular user’s geotagged content
  • Filter search results à la Microsoft Live Labs Pivot
  • Video Tutorials + Tips
  • Showcase + Curated Collections
  • Simplify Downloading data
  • Set D3D as default viewer
  • Video Podcast
  • Search + Sort across all forums
  • Add forum topics relationships
  • Make apps for Windows Phone + Windows

Technical hurdles to overcome:

  • Using Microsoft Account login is easy but Photosynth.net does not offer authentication to third party apps/sites
  • I need Seadragon viewer tech that works on more platforms and is ideally as performant as the D3D viewer.

Posted from WordPress for Windows Phone

Recalling Prior Design Goals + Feature Sets

  • Keyboard|Joypad|Remote|Kinect|Touch|Mouse|Voice Navigation
  • Directionally Bounded Memorizable Menus (can be navigated with the monitor off, once learned)
  • MultiResolution Backgrounds with Portrait and Landscape Fill Bounds
  • Content Resides on an Open Canvas
  • Use of Seajax Canvas to
    1) Move Background as Tabs are Navigated
    2) Zoom to Specific Image Regions when viewing comments on those portions
  • Deep Zoom Collections with CSS3|WebGL?
  • Stack Exchange style gamification
  • Quora + Stack Exchange style auto-saving via AJAX.
  • Circular Overlay Menus (As seen in Secret of Evermore, Tomb Raider, etc.)
  • Figure Out Ingenial’s old menu
  • Subtitles For all Audio Content
  • Enable Pose Tagging in Photos
  • Enable Trillian Style Multi-IM Sign In + Unified Contact List + Message History
  • Email, IM, VOIP, Video Chat, Telephony, SMS, MMS Archival
  • Photosynth Style Geo-Registration + Browsing of Photos, Video, + Audio
  • Chronological Wiki for Public Events
  • Chronological + Geospatial Personal Wiki
  • Discussion:
    One on One,
    Chosen Few,
    Public to a Chosen Group,
    Public to a Chosen Era,
    Public to All Alumni,
    Public to Web
  • Media Sharing
  • Cultivate Deeper Discussions
  • Share Web Resources
  • Enable Interest|Hobby Sharing
  • TinEye + R/WW Indexing
  • Facial Recognition Indexing
  • Provide Image + Video Restoration
  • Facilitate Promotion of Personal Businesses
  • To Be Continued…

Posted from WordPress for Windows Phone

And Now, Some Random Embed Tests



[nokia-maps template=”nokia.blue.place” sizes=”{‘width’: ‘664’,’height’: ‘374’}” href=”http://places.nlp.nokia.com/places/v1/places/loc-dmVyc2lvbj0xO3RpdGxlPVBhcHVhK05ldytHdWluZWE7bGF0PS05LjQ2MzMyO2xvbj0xNDcuMTkzMDQ7Y2l0eT1QYXB1YStOZXcrR3VpbmVhO2NvdW50cnk9UE5HO2NhdGVnb3J5SWQ9Y2l0eS10b3duLXZpbGxhZ2U;context=Zmxvdy1pZD0xZDg5ZjJhZi0zNWIwLTU1YzMtYmY3OS1hOTNkMTJlZmNhNWFfMTM2NTA4ODAxMDYwNl8wXzI4NjMmcmFuaz0wJmJib3g9MTQwLjgwNDU4JTJDLTExLjY1Nzg1JTJDMTU3LjA4NTc3JTJDLTAuODc3ODk” zoomLevel=”17″ tileType=”satellite” latitude=”-6.1786336,145″ longitude=”145.4132535″ title=”Lapilo, Eastern Highlands Province, Papua New Guinea”]