HTML
Latest
Google tweaks Gmail's HTML5 web app to better utilize iPad screen space
It's still not a true Gmail app (sigh), but it's a step in the right direction, we suppose. Google has today announced that it has released an experimental user interface for the iPad built on the Gmail for mobile HTML5 web app, but unlike the iPhone and Android versions, this one has been retooled a bit to best take advantage of those extra pixels. iPad Gmailers will find a two-pane view with their conversations on the left and messages on the right, and while it's not exactly revolutionary, it's certainly better than what we're being forced to use on existing smartphones (and their comparatively minuscule displays). The company's openly asking for feedback once your iPad lands, and we couldn't help but notice that it pointed to the fact that Google is still the default search engine embedded into Safari. Who knows -- maybe Steve and Eric really were talking about butterflies and buttercups the other day.
Chrome brings Flash Player into the fold, trains it to kill iPads?
If Apple had its way, we expect that the iPad would go down in history as the device that nearly single-handedly destroyed Adobe's empire of Flash. While HTML5 has been in development for years, content providers like the Wall Street Journal, NPR, CBS and more have only begun transitioning video services to the new standard (and subsequently, away from Flash) now that it's time for Cupertino's big release. But this week, Adobe has found an ally in Google, which has just announced that the Chrome browser -- and more importantly, Chrome OS -- will not merely support but natively integrate the technology. In the short run, what this means is that the Chrome browser won't require you to download Adobe Flash Player or spend time updating it before back-to-back YouTube viewings and marathon Newgrounds sessions. In the long run, Google explains that it intends Flash to become an integral, seamless part of web design up there with HTML and Javascript -- and if we extrapolate, an integral part of its new Chrome OS as well. Pardon us for thinking out loud, but it sounds like Google's found an exclusive feature to highly tout, when it inevitably brings a Chrome OS tablet to market. [Thanks, Adam]
Flash on the iPhone, in demo form
Flash has finally made its way to the iPhone, with the help of some sneaky developers. The open source Gordon project, hosted over at github, has provided a JavaScript-powered Flash runtime. With it, you can actually load and view Flash's .swf files, even on the iPhone's Mobile Safari browser. I gave it a try earlier today and was delighted to find that several Flash demos ran fine on my 3GS, no jailbreaking or other installation necessary. Admittedly, this is a very preliminary build, that supports just these SWF tags. Also, to make this work, Flash developers will need to encapsulate the SWF into an HTML wrapper, importing the Gordon JavaScript source and then loading the swf, as shown here. I am not a Flash expert by any means, but this seems like a pretty cool development for any iPhone enthusiasts who would be interested in seeing the platform support that technology. At this point, there's not much to show for it besides a few demos (and who knows what Apple will think about this), but at least there's a currently viable way to run and view Flash on the iPhone. Thanks, August Joki. And yes, the project name is apparently a riff on Flash Gordon
Google halts development of Gears, makes room for HTML 5
Well, we've known for a while that Google was throwing considerable weight behind HTML 5, and that one of the purposes of the markup language is to do away with plug-ins for Internet apps, so it makes sense that eventually Gears would go the way of the Dodo. But so soon? Linus Upson, the man in charge of both the Chrome browser and Chrome OS engineering teams, has announced that the company is done developing the software. "We are not driving forward in any meaningful way [on Gears]," the man said in an interview with PC Magazine. "We are continuing to maintain it, so that applications will continue to work; we don't want to break anything out there." If you listen to this guy, it sounds like this was the plan, all along: "When we started the Gears project, three years ago... we did it because we couldn't get the browser vendors interested in building offline applications." He then details the mind trick: Google ships Gears, and suddenly browser vendors are "very interested in adding capabilities to build offline applications," paving the way for the capabilities in the next version of HTML. Clever, Google. In the same interview, Upson stated the company's plans to move all its apps to standards-based HTML 5 APIs. Now that it's convinced the world that it wants -- nay, needs -- rich Internet applications, we hope that the company will promise to use its powers of persuasion for good, and not for evil.
AT&T touts Opera-powered full web browsing with new phones from Samsung and Pantech
AT&T wants you to know that you don't need a smartphone just to get a rich, full web experience from your handset -- theoretically, anyway -- with the introduction of four new models from longtime partners Samsung and Pantech alongside a new featurephone browser. First up from Samsung comes the Flight (pictured left), billed as a "next-generation messaging device" on account of its full QWERTY portrait slide paired with a full touchscreen up top; it'll be available next month for $99.99 on contract after rebate -- that is, if you didn't buy it on Craigslist already. That silvery slate in the middle that's more likely to be catching your eye is the Mythic, rocking TouchWiz on a 3.3-inch display along with AT&T Mobile TV, making it a fitting successor to the Eternity and big brother to the Solstice; like the Flight, it swings onto retail next month, but you'll be paying a stiffer $199.99 on contract after $50 rebate. Turning our attention to the Pantech side of the table, we've got the Reveal (pictured right) that lets you have it both ways with a numeric keypad up top twined with a QWERTY slider underneath. It's 3G-capable, AT&T Navigator-equipped, and available for your enjoyment on October 18 in red and blue. Finally, the Impact (not pictured) has an OLED touchscreen up front, but when the texting gets hot and heavy, the phone opens up to reveal a second display along with a QWERTY keyboard. It'll be available in pink and blue, though neither pricing nor availability are being announced just yet. Gluing everything together is AT&T's new mobile browser, described as "a rich hybrid experience that gives you a HTML experience similar to your PC browser at home" that "works really well on a feature phone." Additionally, users visiting att.net from their PCs will be able to send bookmarks to their phones' mobile portals -- kind of a neat trick, especially when you're trying to minimize the number of URLs you have to mash out on an on-screen keyboard. Of course, featurephone browsers have a reputation for generally sucking, so considering that AT&T bills its new line of devices as "full web browsing phones," it'll be interesting to see how close they actually come to delivering on the claim; it's said the phones use "advanced data compression from Opera Software," which we're thinking is very likely some variation of Opera Turbo -- not a bad start.
Auto refresh any web page
Last night when the Apple store went down, I got tired of hitting refresh in Safari every few minutes while waiting for it to come back up, and went searching for something that would do the job for free. Now, this is not for coders who will laugh hysterically at my incompetence, but for those of you that are either lazy or don't program at all. I fit both categories. Back in 2005 someone going by the moniker of Biovizier posted the solution on Macosxhints.com. It's a little html snippet that will refresh any web page as frequently as you'd like, and its easily customizable for any page at all. Here it is: <html> <head> <**** **********="refresh" content="60"> </head> <body> <FRAMESET> <FRAME src="http://www.tuaw.com"> </FRAMESET> </body> </html> Copy this into TextEdit and save it with an .html extension. Then just double click it. You can change the refresh time from 60 to the amount of seconds you want to wait before the page refreshes, and you can change the URL to anything you want. I was using: http://apple.com/store and having it refresh every 20 seconds which must make me a certifiable fanatic. Since I saw this I've found a ton of uses for it, like refreshing eBay auctions in the last few minutes, or just leaving it set for TUAW to see new stories coming up when I'm doing something else. At present I have four or five of these snippets in a folder on my desktop for different purposes. Give it a try and see if you don't find a handful of uses for it. Okay, you coders can stop laughing now. Note: TJ Luoma just let me know that this tip won't work with Twitter which intentionally blocks this sort of thing. Thanks to macosxhints.com and Biovizier wherever you are.
Inside the new iTunes LP format
With the release of iTunes 9 came iTunes LP. Our own Dave Caolo gave iTunes LP a glowing review, but if you're wondering just how Apple worked their magic with the new format, web developer Jay Robinson has picked it apart thoroughly. As it turns out, simply replacing the ".itlp" extension with ".zip" reveals the contents of the package, which are actually HTML, CSS, and a little JavaScript. The Flash-like interfaces really use no Flash, but instead rely on the proposed CSS3 animation properties. If you're a web developer like yours truly (or a few other TUAW bloggers), you'll definitely want to check out Jay's analysis of the format. We've also been informed by a loyal tipster that if you take that unzipped folder of content and put it in your Sites directory (with Web sharing turned on, naturally), you might try browsing to it from your iPhone or iPod touch and seeing what shows up in Mobile Safari. Fascinating.
Developer Color Picker: For your pickiest developer
Wade Cosgrove, code ninja over at Panic, has released a freeware Developer Color Picker that helps developers of all stripes pick and paste color declarations for a variety of languages. Any color picker will let you choose a color from anywhere on your screen, but Developer Color Picker turns that into usable code for your Xcode and web development projects. Developer Color Picker generates code suitable for NSColor, UIColor, CGColorRef, CSS and HTML declarations. Depending on what you want, you can copy just the value for the color itself, or an entire declaration including the color. Imagine the time you save not having to type UIColor *aColor = [UIColor colorWithRed:0.282 green:0.569 blue:0.894 alpha:1.000]; again! Developer Color Picker is available on Panic's website.
iPhone nabs 59% of smartphone 'net traffic, 43% of mobile web traffic
Fortune has the results of an AdMob survey up, and they're pretty surprising -- Apple has apparently taken over 59% of smartphone traffic on the Internet, and in the mobile category in general, they've got a giant 43% of 'net traffic surveyed. But there's another side here: the report doesn't just point out that Apple accounts for the lion's share of mobile 'net traffic, but it states that smartphone traffic, and specifically the iPhone in general, hugely overshadows the actual sales numbers. The iPhone has 8% global market share, but accounts for 65% of HTML traffic. And smartphones in general overshadow their sales to a lesser degree: smartphones represent about 12% of mobile device sales, but AdMob calculates them at around 35% of their traffic last month.What does this mean? AdMob suggests it's a phase -- right now, because we're so early in the development stages of this platform, mobile web makes up the main chunk of traffic. But in the future, we may go through applications to get data, or use push notifications, and/or come up with other, more streamlined ways to get information out to mobile devices. But for now, iPhone and iPod touch users are still browsing the web, and as a result, they are accounting for way more traffic than their sales hint at.
Symbian S60 HTML Editor: one less reason to own a PC
Okay, so it's not like you're going to want to build entire websites from scratch using this application, but it's still nice to have in a pinch. The S60 HTML Editor requires only an S60-based smartphone, Python and the appuifw2 extension module; from there, users can indulge in simple HTML editing for tweaks on the run. Before you laugh it off, how do you know this post wasn't hand-coded using this very program? Huh? You're right, it wasn't.[Via IntoMobile]
GotGame releases their ingame browser separately
Behold the power of WoW Insider -- GotGame told us about their browser and social networking service a little while ago, and we were so much more fascinated with the browser part of their app that they split it off. And here it is: Rogue is what they're calling their ingame browser application -- you can download it for free from the site, and after a quick install, you can open up a browser in any PC game.As lots of commenters said on our last post, this isn't really an ingame browser, it's more of an overlay that lets you browse while playing the game. And all it really does is save you the couple of minutes it would take to tab out and check your own browser (or just run WoW in a windowed mode, and use both at the same time).But there are a probably a few users out there who would find it really useful. Downtime is the main issue I can think of (though lots of my downtime is filled lately with the Bejeweled addon anyway). But if you've been waiting for a solid, standalone ingame browser to come along (complete with Flash support, which makes it easy to pull up Hulu or Pandora while playing), Rogue is it.
Freeway 5.2 available with new MobileSafari support
Softpress Systems has released Freeway 5.2, which includes new tools for building web pages for iPhone and iPod touch. Freeway is WYSIWYG website creation software that features a traditional, page-layout approach and omits the need to write any code (unless, you know, you really want to handcraft your HTML). New in version 5.2 is the ability to create iPhone home screen icons and custom links to iPhone applications like Mail, Phone, Maps, and YouTube. Also, Freeway helps prepare QuickTime videos for playback on iPhone under a variety of network conditions. Additionally, Softpress has published a best practices document for publishing web sites for the iPhone and iPod touch. The "Building websites for the iPhone with Freeway" document can be found on the Softpress website. The update is free for registered users of Freeway 5 or higher. For new users, it's available in two flavors: Freeway 5 Express ($79) and Freeway 5 Pro ($249). The differences between the two versions are available here.
Guild Launch signatures are back
One of the more popular dynamically generated signatures out there are provided by guild forum hosting site Guild Launch. For those that don't know about it, they provide nifty signatures to go on the bottom of your guild forum posts, and look just like the one pictured in this post. The signature updates based on the WoW Armory data provided by Blizzard. Pretty handy for showing off your stats. After all, who doesn't want to show off that their warrior has just over 16k HP unbuffed?About two months ago the signatures stopped updating entirely. The major problem was that the Armory, which we are always reminded is still in beta, was experiencing some problems. Last week the Guild Launch signatures stared updating again (thanks to the Armory working again), but with a twist. They now will update automatically every 6 days instead of every day. However, you can still manually recreate the signatures once every 24 hours if you just have to get your stats updated. (Although with that said, I have rarely seen the Armory update right after you equip new gear and log out... still in beta. Yup.)Your old signatures will still work indefinitely, but they won't be updated anymore. To take advantage of the new updated signatures, head over to the announcement page and follow the instructions. Basically all you have to do is change one word in the html line for your signature; find the word "sig.php" and change it to "wsig.php". Poof! You're done. What site do you use to make your graphical signature?
Embed .Mac Web Gallery thumbnails in RapidWeaver pages
The new .Mac Web Galleries are great, but they unfortunately can only be built by iPhoto '08 and integrated into iWeb pages. Thanks to this RapidWeaver forum post from Günter, however, RW users have a trick for embedding those slick scrolling .Mac Web Gallery thumbnails into their pages. The trick more or less involves creating at least one or more .Mac Web Galleries, opening iWeb and using its new widgets feature to embed one of your galleries in an iWeb page, publishing to a folder and copying the specific piece of .Mac Web Gallery code out of that iWeb page and into a RapidWeaver Blocks page. It isn't exactly pretty, but I think I know of a way to simplify this process, at least for some of you. The way I figure it, if you're already publishing an iWeb page to your .Mac account with your galleries embedded in them, you can just open your iDisk and drill down to Web/Sites, find the page you published with that gallery code and simply grab it from there. No publishing to a folder and creating more junk to manage and delete, since you're already publishing those pages and code somewhere. As far as looking at the code on those pages, you can of course simply open them in a browser and use the View Source command, or you can find a text editor like TUAW favorite TextMate or even the free Taco HTML. For more questions on this you can try in the comments here since I know a good number of TUAW readers are also RapidWeaver lovers, but the original RapidWeaver support thread where I found this tip might be a better place if you want to get more thorough answers faster.
Create your own iPhone remote application
One of the good things about the "very sweet solution" of iPhone development is that you don't need any special tools or too much knowhow to create neat applications-- if you know a little HTML, a little PHP, and have access to a text editor, you can come up with some pretty cool stuff. This tutorial from IBM's DeveloperWorks is about as simple as it gets, and yet it shows you how you can use your iPhone as a remote for iTunes, Keynote, or any other AppleScript-able applications on your Mac, with no jailbreakin' necessary.Of course, as he mentions at the end, Telekinesis did most of this stuff early on, so if you've got something standard that you want to do (like control iTunes), you don't need to write the code yourself any more. But combine the tutorial with any other custom AppleScripts you've written (or might write), and a lot of possibilities open up in terms of what you can do with your computer, straight from your iPhone.[ via MacBytes ]
BBEdit version 8.7 released
BBEdit 8.7, the latest version of the triple-A HTML editor, has been released.Update: OK, so the reason I originally thought that all the "new" 8.7 features sounded familiar is because I actually was looking at the release list for version 8.5. The 8.7 release notice is here, and it includes Lua programming support, an option to remember which documents and browsers are open after closing BBEdit, and a Python language module and lots of other fixes and improvements. Sorry about the mistake, and thanks to all our commenters (and to Bare Bones Software themselves) for the heads up.8.7 is a free update for 8.5 and 8.6 customers. If you haven't picked up BBEdit yet, you can try out the free demo here.
Copy as HTML plug-in, amongst others, for VoodooPad
As I am finally wrapping my head around just how useful Gus Mueller's VoodooPad can actually be, I'm getting more interested in tinkering with how it can be extended and made to do my bidding. Dubbed as a "garden for your thoughts," VodooPad is a great place to jot down ideas, lists and notes with a wiki-like document format that makes it dead-simple to link one page to another. Out of the box VoodooPad comes with a lot of great features, but Gus also maintains a VoodooPad plug-ins page with a number of add-ons for making VoodooPad do everything from adding some handy keyboard shortcuts to more complex abilities like rendering math in your documents and allowing plug-in authors to use Python for writing VoodooPad plug-ins.At the top of my list, however, is the HTML Tools plug-in which allows you to preview the current VoodooPad page as rendered HTML, Textile or Markdown, as well as copy the text you've written as HTML (with styling attributes and all) or Simple HTML with just the plain markup. It's a handy plug-in for anyone who, like me, prefers to compose blog posts (or of course websites) in desktop software in order to take advantage of all the power Mac OS X has to offer, then simply copy and paste the blog post as HTML into their blogging engine or CMS. This Simple HTML feature needs a little work, however, as it isn't creating entirely proper HTML just yet. Lists, for example, are created simply with <br> tags instead of actual <ul> and <li> tags, but it could do the trick for those who aren't exactly trying to pass every HTML validation test available across the web.The VoodooPad plug-ins are provided for free, though some of them are still PowerPC-only. Demos of the $29.95 VoodooPad are of course available, with a $49.95 VoodoPad Pro version that offers a few key features for power users, as well as a free VoodooPad Lite version for those who don't need quite as much.
Hypercard's history
SiliconUser takes a short look at ye olde Hypercard technology, Apple's precursor to the concepts that eventually became HTML and the World Wide Web. The project was originally created in 1985 as an easier way to create programs on the Macintosh-- it consisted of a "cards and stacks" metaphor, as in you created one card that linked to another card in the stack, and so on. Early Hypercard stacks just worked as organized information databases, but eventually Hypercard ended up doing more and more-- cards could work as applications in themselves, and the links between them served as a precursor to hyperlinks and what we know as the Internet today. Personally, I only used Hypercard very minimally, and it's hard for me to imagine as much functionality coming out of Hypercard as we've got with CSS, HTML, and PHP today. But Hypercard faithful (of which the numbers seem to be not quite known), held onto the application for a long time.Hypercard's downfall came arguably not because it failed to stand up to new concepts, but because Apple, in a blunder, passed the program away to Claris, who tried to sell it rather than include it free in Macs. By the time Apple took it back, in 1993, the momentum was lost, and after a short period with Apple's Quicktime division, Hypercard was discontinued in 2004. Previous to that, Hypercard 3.0 was shown at WWDC 1996 (including the ability to display Hypercard stacks in a web browser, which might have been the key to keeping Hypercard alive), but that release never came. There are a few traces of Hypercard left on Apple's site, but as a technology, it's as dead as dead gets.Thanks, Thomas!
Saving iPhone applications inside data URLs
This is really basically the same theory as the iPhone bookmarklets Mat posted earlier (squeezing content into a URL), but it's a little less about function and a little more about storage. Currently, the iPhone doesn't allow you to save actual files locally, but it does allow you save URLs, so the idea here is to save entire applications (or other HTML content) in the form of a data URL.It's a pretty wonky hack, but it works-- you can convert whole HTML pages, or even applications, depending on the URL length the iPhone's bookmarks allow, into data URLs (with the Perl script on that page if you don't want to do it manually), and then those data URLs can be loaded into MobileSafari on the iPhone, even in Airplane mode. The suggestion is made that this could allow persistent storage for web applications on the iPhone, but wouldn't that require allowing the HTML page to write to and read from the iPhone's bookmarks? Is that possible?At any rate, maybe it's a good thing, for a little while at least, that Apple didn't release a "real" SDK for the iPhone. Web programmers are making their code do all kinds of flips and tricks to get every bit of access they can on the iPhone. People have been talking about browser-based, OS independent applications for years-- maybe Apple's insistence that iPhone developers go through the browser will bring about that world sooner than we thought.[via DF]
RapidWeaver 3.6 released
Realmac Software today has released the much-anticipated new version of RapidWeaver, their powerful WYSIWYG software that does a great job of filling the gap between iWeb and Dreamweaver. This new v3.6 ushers in a significant list of new features, such as: Themes Styles - no more digging in HTML and CSS to customize your theme (unless you really want to) 6 completely new themes Snippets - manage chunks of frequently used code instead of copy/pasting or constantly re-typing New Flash Slideshow - completely rewritten and can now pull images from a Flickr feed Improved blog, including tags and inline comment support Easy creation of Lists Detailed Publishing And much, much more Also, due to RapidWeaver's "skyrocketing" popularity, RealMac Software introduced a redesigned website today that includes a full-featured add-ons section where users can browse themes, plug-ins and code snippets, which of course also means 3rd parties nowhave one central RapidWeaver community where the can highlight their products. With everything involved, I can completely understand Realmac Software's decision to make v3.6 a paid upgrade - current users (including MacHeist owners) can purchase a v3.6 license for $25, while a full license costs $49. A demo is of course available, so head over to the shiny new Realmac Software site to see everything RapidWeaver has to offer.
