Posts Tagged ‘html5’
Apple’s HTML5 and Web Standards Page
Posted in Web, on June 4th, 2010 by Carlos.
Apple has posted a smorgasbord of HTML5/CSS3/JavaScript samples that show off the capabilities of browsers supporting these web standards (i.e. Safari). Check it out – just don’t use any browser but Safari (whether it supports these standards or not). [Apple]
Panic-Inspired Status Board Live Preview using HTML5 contentEditable and localStorage
Posted in Status Board How-to, Web, on April 26th, 2010 by Carlos.
Ok folks, ahead of me trying to explain how I built this thing, which might take some time to get to, I figured I might as well share a live preview of my Panic-inspired Status Board with the masses.
Credit goes to the following sites for the different components that I grabbed from various tutorials or resources to make this all happen:
contentEditable with localStorage: http://html5demos.com/contenteditable
I modified it so to save several different chunks, rather than just one list. Admittedly, I’m not a script coding pro, so I’m pretty sure I took a long-way of doing things, but ultimately it worked! If you have suggestions on how to make it better, please let me know!
jDigiClock – jQuery Clock with Weather: http://www.radoslavdimov.com/jquery-plugins/jquery-plugin-digiclock
This little plugin is actually much more full-featured than what I used, so check it out for what it can do. I modified to include only the information I wanted (time, weather icon, temperature). I either hid, or deleted the rest of the items that I did not use. I used some CSS to position the items how I wanted them, and used a bit of transform capabilities of CSS3 to scale the plugin to my wanted size. This saved me from having to open all the different graphics that come packaged with the plugin and resize them each.
Juitter – Live jQuery Twitter Feed: http://www.juitter.com
I created some of my own styling, but used the jQuery based Juitter plugin to have a live view of a customizable Twitter feed. Although not perfect, it was one of the best Twitter integration options I could find at the time.
A few things to know, before clicking through to the live preview:
- You should be able to click on the lists and start typing, deleting, etc. Refreshing, and even closing/opening the browser should leave all your content intact. I’ve even tried clearing browser history/cache/etc. and suprisingly the content stayed there. Read my word of warning below for more on this.
- Given that this uses localStorage, you will not see your changes on a different machine, as it only shows what is stored on the machine you are using at the time. My hope is to eventually turn this thing into something that PHP based with MySQL integration so that it can be accessible from different machines to show the same information, as well having a database you can easily backup in case of disaster to prevent losing the to-do’s. If someone is interested in helping me do that, drop me a note.
- I recommend you use Google Chrome in Full-screen mode on a monitor resolution of 1920×1200. This was specifically designed to be run this way, so it will not appear correctly in other resolutions, and perhaps even other browsers, especially non-webkit based browsers.
- You will see that depending on the size of the individual lists, the lists may actually wind up going completely off screen. I haven’t created a fix for that (it’d be nice to be able to drag-drop the lists to different positions). For now it’s my way to stay on top of my to-do list so it never gets out of hand!
- The weather does not seem to be working at the moment. I believe it is my host that isn’t allowing it to work, as it works running locally on my machine, as well on the plugin page that is mentioned above.
- The default font for the lists themselves is American Typewriter, which should be loaded up on Mac’s by default. For non-Mac viewers, it should default back to Times.
- Twitter feed is currently only displaying tweets about/from Keys That Click
- A word of warning. If you want to use this LivePreview as your own actual to-do list, please know that it experimental, and I cannot by any means guarantee that your to-do list will not just one day disappear! I myself don’t know what to expect when using localStorage.
Well without further ado… click the button below to launch the live preview:
How Microsoft Can Get Web Designers (that usually hate IE) to Promote IE9
Posted in Web, on March 17th, 2010 by Carlos.
Yesterday, Microsoft posted some new information about Internet Explorer 9 on their IEBlog. Tidbits from the posting include the support for hardware accelerated HTML5, as well as CSS3. Although they are making strides to reach the level of standards compliance that other browsers already have, they still have a way to go. My hope is that they get there by the time they launch.
Why not just hope IE dies and everyone can live happy lives with Firefox, Safari or Chrome? First, IE won’t die. Second, after working with many a client that only ever uses IE, I found that it’s often difficult to convince them to use a new browser. And frankly, I don’t push the subject much anymore unless they are still using IE6. But imagine that you could recommend to a client – just upgrade to IE9 (assuming IE9 works) and know your site will look/behave the way you had originally intended. It wouldn’t be a tough sell really (except for those IT department governed corporate clients). Microsoft could then use the very legion of individuals that could not stand them (web designers/developers), to work for them. Sure we’d still have to test for antiquated browsers like IE6 and IE7, but I think we’d be more willing to recommend an IE product that works, because the sell would be that much easier.
Will a standards compliant IE make developers switch back to IE? Probably not. But if they are OK with their clients using IE9 because, at the end of the day their site looks/behaves the same way that it does in other browsers, then all the better. It would make our lives easier, and for that, I would be more than happy to recommend Microsoft.
Update: Damn. Well… what I missed to mention as I just found this out, is that IE9 won’t run on Windows XP. I guess that easy sell just got a lot harder. You’ll now need to recommend a new OS, just to get the new browser. Damn you Microsoft… Although I agree with letting old software die to encourage upgrades to newer software, I know that won’t happen easily. Sunnava.
Google Apps to drop IE6 Support
Posted in Web, on February 2nd, 2010 by Carlos.
I received an email yesterday from Google Apps stating that as of March 1 2010, Google will begin to drop support for IE6 “as well as other older browsers that are not supported by their own manufacturers” starting with Google Docs suite and Google Sites editor. Later in 2010, Google Mail and Google Calendar will also drop support for the antiquated browsers. Google claims that it will be employing “faster JavaScript processing and new standards like HTML5″ rendering older browsers useless.
I think it’s about time a major corporation such as Google is putting their foot down with support for browsers like IE6. Long known as the bane of every web designer and developer, IE6 still seems to have a chokehold on the Internet, even though its usage numbers are dwindling, As such, it is slowing down progress for the new technologies that make the Internet truly interactive, and perhaps more importantly, easier to develop for. Guiltily, I must admit that I even still insist that sites I design be IE6 friendly as you never know what browser a client or potential client is using. This announcement from Google, however, has me thinking that I will officially be dr0pping IE6 support as well. Given that it was released August 27, 2001 (according to Wikipedia), I think we are good to move on.
Do you still support IE6 for web projects, and if so why? Is it safer for interactive sites such as Google Apps to drop support for these browsers than perhaps a general information site?
No Comments »