Electric Mobile Simulator (FREE)

iOS (iPhone/iPad) Web Browser Simulator for Windows


- FREE!
- Indispensable if you don't own a Mac.
- Great for presentations!
- No dependencies, a standalone compact installer.
- Works great with jQuery Mobile and other top Mobile Web JavaScript Libs.
- View some short videos of the simulator on YouTube (No Voice over): Video 1 Video 2.
- Solid simulation of iOS Web Browsing Experience (iPad and iPhone).
- Zoom in and out on device content and device chrome.
- Toggle Browser Chrome to approximate the experience of Web Apps added to the iOS home screen.
- Test iOS detection on your Web site with full iOS user agent string simulation.
- Based on WebKit 533.x (Desktop, so its not perfect!)

The Play framework makes it easier to build Web applications with Java
Finally a Java framework made by Web developers. Discover a clean alternative to bloated enterprise Java stacks. Play focuses on developer productivity and targets RESTful architectures.

GWT supports a subset of JSR 303 Bean Validation. At compile time GWT validation uses the same Validation Provider you use on the server to create a Validator for all your objects.

What things should a programmer implementing the technical details of a web site address before making the site public? If Jeff Atwood can forget about HttpOnly cookies, sitemaps, and cross-site request forgeries all in the same site, what important thing could I be forgetting as well?

For a while now, I’ve had a dream. My work in the last 8 or 9 years has been heavily focused around education, whether I’ve been commissioning and editing technical books to help people create cool stuff with technology, training new employees at the various companies I’ve worked for, or editing and writing tutorial articles to help people use Opera’s software. I am passionate about the Web too, and a big believer in open web standards. I wanted to do my bit to help make the Web a better place, and I think this comes back to education, whether that’s teaching people how to collaborate and have more respect for one another, or teaching them how to make their web sites work across platforms and devices, and be accessible to people with disabilities. Web standards are key to the latter, so I decided to try putting my time and energy into something that would help increase the adoption of web standards on the Web today and in the future. It has been floating around my head for a while now, but it has finally come to fruition at Opera—many thanks to my wonderful employers for paying me to do this! One of my dreams has finally been realised.

So in this article I introduce to you the product of a lot of hard work over the last several months (by myself and a lot of other people)—the Web Standards Curriculum, a course designed to give anyone a solid grounding in web design/development, no matter who they are—it is completely free to use, accessible, and assumes no previous knowledge. I am mainly aiming this at universities, as I believe the standards of education in web standards to be somewhat lacking at many universities. I’ve heard tales of students being marked down for using web standards in their coursework, because the marking schemes are so outdated; I’ve also heard tales of employers despairing because when they interview university graduates for web–related positions, they find out that the graduates really don’t have a clue about real world web development. If you’re at a progressive university that does teach web standards in a reasonable fashion, then I tip my hat to you—get in touch!

Are you looking for a basic understanding of how UIs are created on the web or who wants to brush up outdated UI development knowledge? Or maybe you'd like to learn more about the medium you're designing for and gain basic tools for prototyping designs? Do you want a better understanding of the web and how Google makes the pages that are its face to the world? If so, "HTML, CSS, and JavaScript from the Ground Up" is for you.

Eloquent JavaScript is a book providing an introduction to the JavaScript programming language and programming in general.

The book exists in two forms. It was originally written and published in digital form, the HTML version of which includes interactive examples and a mechanism for playing with all the example code. This version is released under an open license.

I am publishing a revised version of the book on paper, which will come out early in 2011. The structure of this version remained largely the same, but the whole text has been thorougly edited and updated. You can pre-order from Amazon here. There is still an interactive coding environment for this version, as a separate page.

Modernizr adds classes to the <html> element which allow you to target specific browser functionality in your stylesheet. You don't actually need to write any Javascript to use it.

I decided a while back that I wasn’t going to get an iPad. Instead, I’d wait for the second generation iPad next year. This has been my approach when it comes to new Apple products. Yes, I’m scared of the early adapter regret. As the launch date neared, my mind changed a bit. My wife is an avid book reader, and I thought it’d be a perfect device for her. But more importantly, I think the iPad will have a significant impact on how us web designers approach interaction design for this medium and the coding behind it. I need one to tinker with.

I bought one on Saturday. I love it. I won’t get into the philosophical aspects that have been debated by many recently, instead I’ll focus the rest of this post on web design/development for iPad’s Mobile Safari. Creating web sites that look and behave consistently on different browsers and versions have been the bane of us web designers’ existence since Mosaic/Netscape days. While I’m happy with the experience surfing on the iPad, I can’t help but to think, “argh another browser.” Even though Mobile Safari on the iPad is identical to iPhone’s, but the term “optimized for mobile” means differently for each device. The iPhone optimized sites are often minified version of the desktop sites, for speed and better use of screen real estate. The iPad’s browser offers the desktop experience, so it should be treated as one. I divided the rest of this post to two sections: iPad ready and iPad optimized, depending on how far you want to customize your site for iPad.

Open source mobile phone detection

A jQuery plugin for mobile web development on the iPhone, iPod Touch, and other forward-thinking devices.

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards. I shall publish Drafts periodically, as time permits. Please send feedback. The final manuscript will be published on paper by O’Reilly, under the Google Press imprint. Pre-order the printed Work and be the first in your Community to receive it. The Work shall remain online under the CC-BY-3.0 License.

Gradients are presently only supported in Safari 4 and Chrome (webkit) and Firefox 3.6. In webkit they can be used anywhere an image can be - for example background-image, list-style-image, border-image or with generated content. In Firefox they can only be used as background images.

Note webkit based browsers and Firefox have very different syntax for gradients.

If you specify a gradient as a background, be sure to also specify a background color, to ensure text is legible in browsers which don't support gradients.

Gradients can be linear or radial (this editor creates linear gradients for webkit browsers). In webkit they require a start and stop position and color, and may also take one or more color stops, which specify a color and position. Enjoy playing with gradients!

You can edit the underlined values in this css file, but don't worry about making sure the corresponding values match, that's all done automagically for you.

Whenever you want, you can copy the whole or part of this page and paste it into your own stylesheet.