Cross Platform/Browser testing

Browser shots:

Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server on their site.

All you have to do after submission, is have patience. If you submit it, the results will come soon after.

Check it out!

http://browsershots.org/

New And Comprehensive Wordpress 2.8 Tutorial and Hack Toolbox | Graphic and Web Design Blog - Inspiration, Resources and Tools

Wordpress just becomes more and more powerful, it’s very hard to keep up with new features. Thankfully there are several very active people behind great blogs, who write very well explained tutorials and premade code snippets to let you learn everything in very easy way. Today I made my exercise to find such sites and articles, which are very new and Wordpress 2.8. compatible. There are really long list with new features, you can check them in first link from Wordpress Codex, so make sure you can keep up!

In summary you’ll find here 37 helpful tutorials, resources and hacks + 11 helpful Wordpress related sites for further reading in long run. Hope you’ll like it!

A CSS Sticky Footer

We've all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over. In just a few simple CSS classes with minimal extra HTML markup, I've fashioned a sticky footer that even beginners can get a handle on. It's been tested in IE 5 and up, Firefox, Safari and Opera.

Carsonified » 23 Essential HTML 5 Resources

Everyone is excited about the possibilities of HTML 5, but there’s a lot to learn and absorb as well. With that in mind, we’ve compiled a list of articles to get you started!

  1. Yes, You Can Use HTML 5 Today! – A great beginning overview of HTML 5
  2. Wikipedia: HTML 5 – A basic overview from Wikipedia
  3. HTML 5 Cheat Sheet – A great quick guide to HTML 5 as a printable PDF
  4. HTML 5 Demos – A great set of demos. Just view the source to see how they work.
  5. HTML 5 Drag and Drop + Microformats = a whole world of possibilities – An example of how to use Drag-n-Drop in HTML 5
  6. HTML 5 Gallery – See what’s possible with HTML 5
  7. HTML 5 Forms Demo – A powerful demo of how forms work in HTML 5
  8. HTML 5 Doctor – A great general resource on HTML 5
  9. Headers in HTM 5 – A good article from HTML 5 Doctor on the Header element
  10. Video elements – A useful article from HTML 5 Doctor on the Video element
  11. Designing a blog with html5 – A tutorial on how to build a blog in HTML 5
  12. How to get HTML5 working in IE and Firefox 2 – Another great article from HTML 5 Doctor
  13. HTML 5 – Draft Standard – The whole spec, in all it’s scary technical detail
  14. Semantics in HTML 5 – An opinion piece from A List Apart
  15. Thinking About HTML 5 canvas Accessibility – Some quick thoughts on accessibility problems with the Canvas element
  16. HTML 5: nav ambiguity resolved – A post by Zeldman on the HTML 5 Nav element
  17. A Selection of Supported Features in HTML5 – A great list from Molly about which HTML 5 features are supported by which browsers
  18. The WHATWG Blog – The Web Hypertext Application Technology Working Group – the folks working on the HTML 5 spec
  19. HTML 5 canvas – A great in-depth tutorial on how the HTML 5 Canvas element works
  20. Native Drag and Drop – A demo of how the Drag-n-Drop functionality works.
  21. Bespin – A Mozilla Labs experiment on how to build an extensible Web code editor using HTML 5 technology.
  22. When can I use… – Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies
  23. Comparison of layout engines (HTML 5) – A good resource from Wikipedia

People to follow

These are the folks that are at the center of HTML 5 …

  1. Ian Hixie (@hixie) – Editor of HTML 5 Spec. Currently working at Google.
  2. Dave Hyatt – Co-creator of Firefox. Worked with Ian Hixie on HTML 5 spec. Working at Apple on the Safari and WebKit team.
  3. Bruce Lawson (@brucel) – Works for Opera, evangelising open web standards as part of their Developer Relations team. Also a member of the Web Standards Project’s Accessibility Task Force.
  4. Molly Holzschlag – Group Lead for the Web Standards Project (WaSP) and an invited expert to the HTML and GEO working groups at the World Wide Web Consortium (W3C)
  5. We’re probably forgetting others … please make suggestions in the comments

No time to implement this for con-ed demo tomorrow, but great resources.