ScreenShot
View allAll Photos Tagged html5
Om nom nom... My site is complete! Tell me what you think.
***iOS users sorry that the site looks like shit on your puny browsers, love Apple***
www.patthepcwizard.com/?page=home
Coded by yours truly.
HTML5 - Playable Inworld
Metal Slug / The King of Fighters 97 / & more coming soon!
INSTRUCTIONS:
* InWorld Browser
* Press CTRL + P (preferences) --> Sound & Media ---> Media
Select:
[x] Allow Inworld scripts to play media
* Join [Autumn Lagoon] Group (Free)
Visit Us in maps.secondlife.com/secondlife/Summer%20Bliss/162/96/2501
Spotify:
open.spotify.com/playlist/0uriocREC99UndCJS2DzWL?si=15200...
Classic Space Adventure is a free fanmade webgame I have created that you play in your browser (Chrome recommended) using your keyboard, It is inspired by the Classic Space theme by LEGO®, so you will notice many of these sets in the game, recreated in a pixelated style.
Play the game here, or check out the webpage for the game here.
There is also a Facebook page for this game that you can follow.
The first crop of Jeremy Keith's HTML5 For Web Designers from A Book Apart has arrived! Copies are shipping out on Friday. It looks and feels lovely.
I have created an Instagram page for the game Classic Space Adventure. You can follow it here if you are intrested.
Classic Space Adventure is a free fanmade webgame I have created that you play in your browser (Chrome or Firefox) using your keyboard, It is inspired by the Classic Space theme by LEGO®, so you will notice many of these sets in the game, recreated in a pixelated style.
Play the game here, or check out the webpage for the game here.
There is also a Facebook page for this game that you can follow.
Boston Globe's website is a fine example of platform-agnostic design. It can be seen on a widescreen display, tablet, smarthone... and on a Newton MessagePad from the nineties!
Idea and Newton screenshot from Grant Hutchinson
Original Boston Globe picture from responsivedesign.ca
Boston Globe website by Ethan Marcotte, Filament Group, Upstatement and internal teams.
Don't forget Closed Captioning! HTML5 needs to be accessible for the hearing disabled as well.
Feel free to use this logo for any presentations, web pages, or whatever else you can think of. it uses the Gallaudet font www.fontspace.com/category/ASL
Here's a braille version: www.flickr.com/photos/draket/5449654430/
Screenshots of HTML5 drawing app for Microsoft's Art of Touch campaign. It runs surprisingly smoothly even when rendering heavy geometry.
Here is an overview map of the first space castle in chapter 3 of my webgame Classic Space Adventure. The castle is called Blox-Kloss Mini Castle. The hero Red Spaceman has to rescue Green-Bee from the evil robot Blox-Kloss and bring him back to his robot partner, who then opens the door to the next chapter.
This overview map is a bit inspired by walkthrough guides of 2D-games that could be seen in older game journals, which included maps similiar to this one.
You can play the game at ww.jalex.se/classicspaceadventure. There is also a Facebook page for the game.
A tshirt only Sam Ruby could enjoy. And maybe Ian Hickson.
Original image from here.
Update, 2011-01-26: check out The new HTML5 fist
Web, Design,Dizajn,Internet,Prezentacije,Izrada,Povoljno,Jeftino,Sajta,Sajtova,Vizit,Kartice,Business,Card,PHP,MySQL,HTML,XHTML,HTML5,CSS,JS,Turtorials,Graphic,Photoshop,PSD,Priprema,Stampanje,Stampa,Color,Development,Programiranje,Excample,Download,Best,Facebook,Aplikacije Resenja,Tekst,Obrada,Slike,Reci,Dela,Ruka,Majstora,Mehanicki,Twitter,MySpace,Drustvo,Znanje,Ucenje,Napredovanje,Musrerije,Kupci,Posao,Zarada,Prihodi,Povecanje,Novac,Ulaganje,Kes,Lova,Pribor,Graficki,Grafika,Reklame,Reklama,Oglas,Psy,Connect,Hing,SEO,Optimizacija, Design Arts, Internet, Making Money, News, Webmaster, Technology, Computer, Business, Education, Business & Economy, Marketing and Advertising, Publishing Industries, News and Media, Business Cards, Flyers, For Sale, Building and Construction, Video Editing, Webmastering, Article Directories, Communications and Networking, Computers and Technology Weblogs, Contests, Countries, Cultures, and Groups, Design and Development, Design Services, Beauty, Finance, Electronics, Domain Names, Graphics, Information Technology, Macintosh, Multimedia, Operating Systems, Programming and Development, Script Services, Search Engine Optimization, Security and Encryption, Service Providers (ISP), Databases, eCommerce, Email, Tools, Web Browsers, Telecommunications, Tools & Resources, Internet and Web Skills, Web Directories, URL Services, Directory Templates, Directory Blogs, Directories of Directories, Shopping, Web Hosting, Link Building, FAQs, Forums, Domain Name Registration, Deep Web, HTML, HTTP, Magazines, JavaScript, Organizations, Searching the Web, Servers, Site Development, Site Announcement and Promotion, Statistics and Demographics, XML, Portals, Academic Competitions, Business to Business, Education Weblogs, Special Education, Genres, Movies, Music, Booksellers, Travel, Europe, Africa, Asia, Australia, Canada, Hong Kong, Ireland, New Zealand, North America, South America, United Kingdom, English Language Usage, Maps, Standards, Computer Science, Energy, Ecology, Engineering, Computer Games, Crafts, Electronics and Electrical Components, Publications, Internet Access, Wallpapers, People, Work, Women, Social Sciences, Men, Language and Linguistics, Society
This is the official logo for Geeks now !
Wait... :D
This is actually based on this logo :
SVG File here :
Luis Hernández y Román Tienda presentaron un panorama del HTML 5 y hablaron sobre el posible futuro de este lenguaje de programación.
Foto: eneas
Luis Hernández y Román Tienda presentaron un panorama del HTML 5 y hablaron sobre el posible futuro de este lenguaje de programación.
Foto: eneas
Design created with my PixelFlow HTML5 / EaselJS example:
www.mikechambers.com/blog/2011/02/02/pixelflow-easeljs-ca...
1920x1200 Desktop Background powered by 5apps.com and marie-schweiz.de
nutzungsrecht für dritte ist nicht vorhanden. bei verwertung für talks muss man mich vorher fragen.
Designing iPad Apps Monday, 02/14/2011
Jennifer Brook (The New York Times), William Couch (USA TODAY), Craig Mod (PREPOST / Flipboard)
The iPad and its emerging entourage of Android tablets have introduced a new style of computing, confronting designers with new challenges. Explore practical techniques and eye-opening gotchas of tablet interface design, all grounded in the ergonomics, context, psychology, and nascent culture of these new devices.
____________________________________________________________________________________
Jennifer Brook, Information Architect for the New York Times
The challenge of building the NYTimes iPad app: How do we design something new that feels familiar? Designed for the device, but maintained typography and branding.
Remember that apps are distinct from web and print.
Great apps:
Understand the platform
Start small and improve over time
Require collaboration to build
Crafted crafted with the human eye and touch in mind
Killer apps do 1-3 things well. They are specific, useful, and easy to use.
A complex system that works is invariably found to have evolved from a simple system that worked. The inverse proposition also appears to be true: A complex system designed from scratch never works and cannot be made to work. You have to start over, beginning with a working simple system.
—p. 71
The waterfall model of development is like a factory and it ends up being too heavy. You need a lighter-weight process to develop simple apps.
When developing, you should put your work on a device as soon as possible. Wireframes and designs should go on a device and stakeholders should view every stage on the device.
Apps should be useful tools for human beings.
William Couch, USA Today | Designing for Distraction
Device | Interaction | Content
Consider the device
-> Device Environment
indoor/outdoor
stationary/moving
focused/distracted
Consider an object's habit field
Windows Phone "Be Here Now"
Kindle is "comfortable in the world" (Tom Armitage)
-> Device Culture
Platforms as cultures
population | customs | governance | styles | beliefs
Consider physical interactions
Device interaction is touch, there's no intermediary
Consider the content
You should have a content API that feeds where you publish
web | mobile | tablets | TV | print
Content can be long form and text online can be a rich experience
Craig Mod, Flipboard | Content Formats & Tablets
HTML5 is the future of books and content
Screens will be paper density (300/dpi)
Great typography will prevail
Ownership is dissolving
The value of marginalia is increasing
The physical is not going away
Skeuomorphism is manifest in the publishing ethos. We're making apps to look like physical books.
When a magazine is replicated on an iPad:
How do you let the user know what they can and can't touch? (Bullet points, touch targets, something more subtle?)
The iPad interaction model isn't fully fleshed out.
As an app designer, you need to teach the user.
Types of Content
Formless (epub) | Definite/semantic/physical (PDF, epub) | Interactive/non-linear HTML5, epub3
ePub doesn't have to be ugly (Virginia Quarterly Review and A Book Apart are good examples).
ePub3 is basically a wrapper for HTML5/CSS3 (so it's very flexible/capable)
Magazine apps can use PDF, that's better than using images, like was previously done on the web and is being done now on apps. PDF is better because it's real text (machine-readable, resizable, copyable).
iOS/Android Native is good for interactive content, because it gives you extreme control over a non-linear flow.
Publishers should make compelling "steal-worthy" content.