Finally, an editor so simple even Snoopy won’t get distracted. Image: Webmonkey
If you ever need a quick scratchpad to just write, not save what you write, but just write, you can quickly turn your web browser into an ultra-basic notepad with a single line of HTML.
This clever trick comes from developer Jose Jesus Perez Aguinaga who says that “sometimes I just need to type garbage. Just to clear out my mind. Since I live in the browser, I just open a new tab and type”:
data:text/html, <html contenteditable>
Thanks to the HTML5 contenteditable attribute and the modern browser’s ability to handle data URIs, your browser is now a notepad — just click to type.
Of course there’s no easy way to save your work, so while this is probably the most minimal editor you could hope for, it isn’t the most practical for actual work. Still a great trick though. Check out the comments on Aguinaga’s post and on this Hacker News thread for some enhancements to the basic idea (like what I used for the screenshot above) and a Chrome extension.
Microsoft has launched a new site, Modern.IE, aimed at simplifying the sometimes arduous process of getting websites to work in older versions of the company’s Internet Explorer web browser. The new site also serves to promote web standards and help developers avoid mistakes like only supporting WebKit browsers, roughly the modern equivalent of the regrettable “works best in IE6″ websites of 2001.
Modern.IE consists of three main tools — a site scanner that will look at your code and detect potential problems for older versions of IE, a cross-browser testing tool (part of a partnership with BrowserStack) and a set of guidelines for building sites with web standards.
The most useful of the bunch is the first, the site scanner. Plug your URL into the scanner and it will come back with a list of possible compatibility problems, some unique to older versions of IE, some more general, like outdated JavaScript libraries. Like other tools of this sort — think Yahoo’s YSlow, but here the emphasis is cross-browser compatibility rather than speed — Modern.IE then offers suggestions for fixing the problem.
Or at least usually it does. In some cases it will apparently tell you to get in touch with Microsoft engineers instead for what Microsoft’s Ryan Gavin calls “security and privacy reasons.” It’s also worth noting that Modern.IE still suggests running your site through Compat Inspector, and of course, while Modern.IE is handy for catching larger issues it’s no substitute for actual cross-browser testing.
Microsoft has also included two suggestions that may irritate some developers — adding two snippets of Microsoft-specific code. The first is pretty innocuous, it’s just a bit of code to set an image so users can add your site to the new Windows 8 home screen with a “tile.” Yes, it’s Microsoft-specific code, but the Win 8 home screen images are no different than the Apple-specific apple-touch-icon code that’s probably on your site right now. The second suggestion is to add a bit of CSS to support Microsoft’s proposed MSPointers API. The MSPointers API actually looks quite useful, but suggesting developers use it now smacks of hypocrisy given that elsewhere on the site Microsoft suggests that developers stick to “stable standards.” The MSPointers API isn’t a standard at all, let alone stable.
The second major part of Modern.IE is Microsoft’s partnership with BrowserStack, a service that offers live, web-based browser testing through virtual machines. As part of the partnership you can use BrowserStack free for three months. After that BrowserStack’s regular pricing starts at $20/month for individuals.
Microsoft has also put together “back level versions of Windows and Internet Explorer” as virtual machine images so you can do your more thorough testing locally if you prefer. That means Windows XP, Windows Vista and Windows 7 operating systems with their companion browser versions IE6, 7, 8 and 9. At the moment there are only images available for Windows Server, but a Microsoft representative tells Webmonkey that VMs for Mac And Linux will be available later today.
The last part of Modern.IE is the “code with standards” section which offers an article on “20 tips for building modern sites while supporting old versions of IE.” Most of the advice is sound, though it does advocate for a conservative approach to web standards that’s not necessarily in keeping with the pace of the web.
That last aspect may put some developers off, though it’s worth noting that the Modern.IE site does not adhere to its own conservative approach. Instead the site does exactly what most savvy developers are already doing — using HTML5 and CSS 3, but including Modernizer to help make the site work in older versions of IE.
While the site is obviously geared specifically to toward developers that need to get their sites working in older versions of IE, most of the advice — particularly the emphasis on progressive enhancement — is sound advice for anyone building websites today.
The only exception is the current Adobe Flash plugin.
Provided you’ve been keeping the Flash plugin updated, you may not even notice the change. But if you’re running an older, vulnerable version, video on sites like YouTube will no longer automatically load movies. Instead you’ll soon see a gray box and notice warning you that your plugin is out of date.
Michael Coates, Mozilla’s Director of Security Assurance, cites crashes as the main motivation for the change. “Poorly designed third-party plugins are the number one cause of crashes in Firefox,” writes Coates on the Firefox blog. “By only activating plugins that the user desires to load, we’re helping eliminate pauses, crashes and other consequences of unwanted plugins.”
Third-party plugins are also a notoriously popular way to deliver viruses and other malware.
Of course the click-to-play option can’t protect you from yourself – all you need to do to make the plugin in question run is click on the grayed out box and everything will work as usual. There’s also a new plugin icon in the URL bar; click it and a menu will show you which plugins on the page are disabled. Click “activate” to enable them, though obviously it’s a better idea to update Flash to the latest version.
One of the most common uses of Flash on the web these days is to deliver video to web browsers that don’t support the popular H.264 codec. When Firefox’s native support for H.264 video and MP3 audio arrives later this year, most Firefox users will likely have considerably less need for the Flash plugin.
Google’s Ro.me experiment running in Chrome for Android. Image: Screenshot/Webmonkey
Google Chrome for Android is beefing up its animation powers. For now the new WebGL support is limited to developers willing to install the beta channel and delve into Chrome’s settings, but expect support for sophisticated WebGL animations to land in the final version of Chrome for Android soon.
If you’ve already installed the beta channel of Chrome for Android you’ll be automatically updated to the latest release. If you’d like to try it out, head over to the Google Play Store (unfortunately, searching the Play Store for “Chrome Beta” doesn’t work). It’s worth noting that Chrome and Chrome Beta install as two different apps.
WebGL is a JavaScript API for adding hardware-accelerated 2-D and 3-D rendering to the HTML5 Canvas tag. It’s the cornerstone of many sophisticated animations on the web — think cutting-edge games or interactive videos like Google’s earlier Ro.me experiment.
The WebGL API is based on OpenGL, a desktop graphics standard, which means WebGL can run on many different devices — your laptop, your phone, even your TV. That said, older Android phones will likely be a disappointment when it comes to rendering complex WebGL animations.
The latest Chrome for Android Beta gives users access to chrome://flags, a hidden menu page that allows interested developers to run experimental features. Head to that address and scroll down to find the option to turn on WebGL.
Other handy developer tools in chrome://flags include an FPS counter, which shows a page’s frame rate, CSS Shader support and the same experimental WebKit features option you’ll find in the desktop release of Chrome.
The dream of the ’90s is alive not just in Portland, but in Internet Explorer as well.
As part of its series of self-mocking advertisements, Microsoft has launched a new ad, though this one is less mocking and more nostalgic. If you miss 56K modems, fanny packs or a time when trolls were little dolls with pink hair, check out the video above (at the risk of dating ourselves, a few of the things supposedly from the ’90s seem a bit more ’80s).
We’ve said it before; we’ll say it again: Internet Explorer, for all its many faults, really was a great browser at one point. And with IE 10 Microsoft is getting back to those halcyon days of the 90s, making a browser that once again bests the competition in many ways.