I could have saved myself a lot of typing yesterday. All you need is WWDC 2011: the Musical.
Author: vdebolt
Apple’s announcements from WWDC 2011
Apple announced OS upgrades and new products at the Worldwide Developer Conference (WWDC) 2011 event yesterday. There was news about updates to the computer operating system – Mac OS X Lion – about the iPad and iPhone operating system – iOS 5 – and about a new service/product called iCloud. No new gadgets this time around.
Mac OS X Lion
Image Credit: BENM.AT
Out of 250 new features, Apple highlighted only some of them during the keynote. A major takeaway: you have access to everything everywhere all the time.
Trackpads will now respond to multitouch gestures including scroll, pinch and zoom.
A new control on the upper right will let you take an app full screen with a swipe, another swipe at the upper left will exit full screen.
Mission Control unifies Expose and Spaces. You can swipe to see all open apps and spaces. Another swipe takes you back to the desktop. If you’ve loved using Spaces, Mission Control will make it easier for you.
The Mac App Store is built in. That means you can buy software on your laptop with no trips to the store. Apps can be arranged and stored in folders like on iOS. When you launch an app, it takes you right back to where you were when you left off. Apple calls this feature Resume.
Auto-save is automatic in documents now. Plus versions of a document are saved as you work, which you can browse through with an interface that looks like Time Machine.
Tapping a document name opens up a contextual menu, including Browse All Versions. You can quit an app without saving, because Lion saves it for you.
AirDrop will appear in the Finder. Use it to drag and drop documents between computers in your network.
Mail is brand new. It looks like the version of Mail on an iPad and is optimized for reading. Search in mail can recognize if you are searching for a person, a subject or a date. The threading of mail is called “Conversation View” and appears in a separate column.
Lion is only available in the Mac App Store for only $29. It will be available in July. It looks like users currently running Leopard must first upgrade to Snow Leopard ($29) to gain access to the Mac App Store, so it will be a $60 fee to upgrade if you’re not already at Snow Leopard.
iOS 5 on iPhone and iPad
Image Credit: BENM.AT
Apple is calling iOS 5 a major release. There are 200 new features. The big ten were mentioned in the keynote.
Notifications will now be collected in a Notifications Center. They will be reachable without being so much of an interruption. If the screen is locked, they show. Swiping over a notification puts you into the relevant app, even from the locked screen.
Newstand will make it easier to get all your magazine subscriptions. Subscriptions will now be downloaded in the background.
Twitter will have a single sign-on across all your iOS apps. It’s integrated into apps like the Camera, too.
Safari will have a Reader feature and make it show just the story you’re reading. You can request full page and won’t have to tap from page to page. And you can email contents from what you’re reading rather than a link. That one may not be a big hit with web sites wanting traffic. Reading List lets you save stories to read later. A big one for me is that there is now tab browsing for Safari in iOS 5!
Reminders lets you store lists, dates, locations, todo items. It syncs with iCal.
Camera is faster and has a shortcut from a lockscreen, even if you have a passcode set. You can pinch to zoom in the camera. The camera can lock in auto expose and auto focus. You can edit right in the camera app – crop, rotate, red eye, etc.
Mail will add rich-text formatting, controled indentation, draggable addresses, and support for flagging. You’ll be able to search messages. There will be more support for S/MIME. There will be built in dictionary across all iOS apps, including Mail. You can split the keyboard to type with just your thumbs.
The new PC Free feature is a nice one. You can set up and activate the device without your PC. Software updates come straight to the device without being tethered to a computer. Updates shouldn’t take so long either, since they will only update what’s changed.
Game Center is more social. Games can be purchased and downloaded from Game Center.
iMessage is a new service between all iOS users. Messages can include text, photos, videos, contacts. You can see when the other person is typing. You can request delivery receipts and read receipts. iMessage pushes to all your iOS devices. Start with your iPod Touch and finish on your iPad. Messages don’t interrupt what you’re doing, they fade in and out without stopping things.
iOS 5 ships in the fall.
iCloud
Image Credit: BENM.AT
Steve Jobs handed off the speaking duties for the OS updates, but introduced iCloud himself.
iCloud lets you move your digital hub into the cloud where everything stays in sync between all your devices. Do something with one device, it gets sent to the cloud and pushed back down to all your other devices. It’s integrated with all apps – contacts, calendar, mail, App Store, iBooks, Documents, iWork (Pages, Numbers, Keynote), photos (using the Photo Stream app), iTunes. A change anywhere propagates everywhere. Including any new devices you buy as soon as you activate it. You’re limited to 10 devices.
There’s once a day backup to iCloud of all content.
iCloud is free. And it works for Macs and PCs.
The photo storage is only the last 1000 photos you’ve taken, so they have to be downloaded and stored somewhere outside iCloud if you have more than 1000.
There’s also a space limit in iTunes music.
To get iTunes in the cloud, just upgrade your phone to iOS 5. iTunes in the cloud will also run on iOS 4.3. It will be built in to all iOS 5 devices shipping in the fall.
You don’t have to buy the music from iTunes to use it on iTunes. iTunes Match can convert songs you’ve ripped from your CDs to the the Apple encoding (256 kbps AAC) and store them in the cloud. Jobs didn’t mention what the implications to the music industry might be of iTunes Match “legalizing” music you pirated or downloaded from some questionable source. The service is $24.99 a year no matter how many songs you have. And a sync is fast when compared with other services.
My Two Cents
Mac products continue to get better and better, and the cost of upgrading to the latest and greatest is not burdensome. The laptop is becoming a bit more iPad-like in operation while the iOS devices become more and more capable.
Their cloud service seems to be a better deal than the others available right now, or at least offers some stiff competition. If you’ve already got online backup storage in the cloud, iCloud might not provide the storage capacity you need to let it go. In iCloud’s favor, it is dead easy and syncs to all your devices automatically.
[Editors Note: Cross-posted at BlogHer.]
Review: The Book of CSS 3
The Book of CSS 3: A Developer’s Guide to the Future of Web Design by Peter Gasston is from No Starch Press, 2011. This is a professional level book, meant for developers already capable with CSS. Gasston does an effective job of describing all the currently practical and theoretically useful capabilities of CSS 3.
He approaches each topic by starting with a high level explanation of the syntax for each CSS 3 property. He then gives a brief but practical code example accompanied by a black and white figure showing the effect of the code snippet. If there are a number of ways the CSS can be used to create different effects, Gasston goes through each one. For example, he has numerous examples of what can be done with multiple columns and gradients. He lists which browsers (if any) support the property now and which browsers have promised support in the near future. If browser specific prefixes are needed for properties, he specifies which ones.
The chapters are arranged in an order that takes the reader from parts of CSS 3 that are immediately useful and dependable to things that are still theoretical and not yet implemented. Here are some of the chapters – I’m leaving out things like introductions and appendices – but you can see the way the information is ordered.
- media queries
- selectors
- pseudo-classes and pseudo-elements
- web fonts
- text effects and typographic styles
- multiple columns
- background images
- border and box effects
- color and opacity
- gradients
- 2D transformations
- transitions and animations
- 3D transformations
- flexible box layout
- template layout
- the future of CSS 3
There are two appendices. One collects all the browser support data from each individual chapter and property. The other is an excellent set of links for online resources.
I read it front to back because I was planning to write this review, but I think this book would be most useful to a developer as a reference. Keep it on a nearby shelf and grab it when you need to check on how to do something or check on what needs a browser prefix or check or the syntax needed to accomplish a particular effect. It’s immediately useful, but it will also be there with solid information as some of the not-yet-implemented aspects of CSS 3 come into common use.
I can certainly understand the decision by an author and publisher to keep the cost of a book down by going with only black and white, but this book would have benefited from color. I have a trivial complaint that has nothing to do with the quality of the content of the book. The paper used for the cover has some sort of coating that makes it feel greasy. It doesn’t actually make your fingers greasy, of course, but I had the urge to wash my hands every time I touched the book. A disconcerting sensation that was distracting to me.
Summary: A thorough examination of the present and potential uses of CSS 3.
A review by Virginia DeBolt of The Book of CSS 3: A Developer’s Guide to the Future of Web Design (rating: 4 stars)
Modifying an hReview microformat to include HTML from schema.org
Google, Yahoo and Bing announced schema.org yesterday.
Many sites are generated from structured data, which is often stored in databases. When this data is formatted into HTML, it becomes very difficult to recover the original structured data. Many applications, especially search engines, can benefit greatly from direct access to this structured data. On-page markup enables search engines to understand the information on web pages and provide richer search results in order to make it easier for users to find relevant information on the web. Markup can also enable new tools and applications that make use of the structure.
A shared markup vocabulary makes easier for webmasters to decide on a markup schema and get the maximum benefit for their efforts. So, in the spirit of sitemaps.org, Bing, Google and Yahoo! have come together to provide a shared collection of schemas that webmasters can use.
I immediately began to think about how this would apply to my frequently used hReview microformat. I looked at the schema for books, and tried to see how I could incorporate that into a book review if I continue to use the hReview microformat to do book reviews.
Here’s what I came up with. I’d love comments. The additions to the hReview from the book schema are in red.
<div class="hreview" itemscope itemtype="http://schema.org/Book"> <span style="display:none">product</span> <p><img
class="photo"src="image.jpg" alt="alt here"></p> <div
class="description"itemprop="reviews"> <p><a
class="fn url"itemprop="name url" href="link here" title="affiliate link to Amazon"><cite>book title here</cite></a> by <span itemprop="author">author's name</span> is from <span itemprop="publisher">publisher's name</span>, <span itemprop="datePublished">date here</span>. Text of the review here.</p> <p>Text of the review here.</p> <p>Text of the review here.</p> <p
class="summary">Summary: text of the summary</p> <p><span
class="reviewer vcard">A review by <a href="http://www.webteacher.ws/" rel="me">Virginia DeBolt</a></span> of <cite itemprop="name"> book title here</cite> <span class="rating" itemprop="rating"> (rating: n stars)</span></span></p> </div> </div>
What I’m wondering.
- Is the hReview microformat even needed since there is so much overlap between the book schema and the hReview microformat. It’s redundant. Should reviewers switch to the schema and abandon the microformat?
- I’m wondering about putting an
itemprop
in thecite
element, since most of the schema HTML is added withspan
tags. It seems more semantic to me.
What do you think? Are schemas going to replace microformats completely?
Want to get in on Google +1? Here’s how.
Google +1 is now live. If you want to make it part of your process, here are some tips for getting started.
Add it to Your Web Page
- Mashable has directions for adding a +1 button to a WordPress blog.
- Others can add it by using this bit of JavaScript at any point in a page:
<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script> - See the Google +1 API page for more options
Using +1
Useful links: Facebook app, Mac malware, iOS 5 rumors, Wells Fargo settlement
Turn your Facebook profile into a virtual museum. Might be a good way to take a look at what you’re sharing and whether it’s really what you want to be sharing.
Mac OS update against Mac Defender.
Twitter Getting Photos in Order Ahead of iOS 5 Integration. Just a few days until Apple announces what’s up with iOS 5, and these rumors are among the most interesting I’ve seen.
Wells Fargo will pay $16 Million to users who experienced accessibility issues with their phone and website services.
Leveling up to HTML5
HTML5 is getting pretty usable. I didn’t say finished or official, just usable. Doable.
If you’re ready to start leveling up to HTML5, here are some resources to get you going.
Books
- HTML5 for Web Designers by Jeremy Keith
-
Introducing HTML5 (Voices That Matter) by Bruce Lawson and Remy Sharp
Websites
Articles
Articles on Web Teacher