CSS Articles on TUAW - The Unofficial Apple Weblog

ScreenSteps 2.8.7, documentation gets social

by Brett Terpstra (Nov 6th, 2010)

ScreenSteps, an app for creating screen-based documentation and a TUAW favorite, has just released a pretty big update and a brand-new social document service called ScreenSteps.me. The desktop update includes, among other improvements, a totally-rewritten screen capture tool that makes the ...

CSS motion magic with Sencha Animator preview

by Brett Terpstra (Nov 5th, 2010)

We've seen some cool tricks done with CSS3 in recent months. From iOS icons made in pure CSS to the OS X Dock animation that Sam mentioned this week, people are embracing the possibilities. It is, however, only a certain breed of developer that has the mindset and the patience to build these kinds ...

Icons and World Clock created with CSS3 magic, courtesy of Webkit

by Brett Terpstra (Jun 28th, 2010)

Recent versions of Webkit, the browser engine that Safari and Chrome are based on, have allowed for extensive use of CSS3, as well as some proprietary CSS tricks. The result has been some very innovative art created entirely using CSS. Take, for example, Louis Harboe's set of iOS icons created using ...

AdLib: Apple's secret web app weapon

by Mike Schramm (Apr 9th, 2010)

MobileCrunch noticed something interesting about the iPad User Guide hidden in the iPad Safari's bookmarks. It's a web app, but it doesn't feel like a web app -- the views scroll independently and smoothly, "clicking" is exact, and the whole thing runs much more like a native iPad app than anything ...

Firefox 3.6 Release Candidate now available

by Mike Schramm (Jan 11th, 2010)

Mozilla has dropped a Firefox 3.6 release candidate which you can download and install it now if you want to try the browser's latest and greatest. It's a big, significant update, including many bug fixes, built-in Persona support, fullscreen for open native video, and an improved automatic form ...

Inside the new iTunes LP format

by Tim Wasson (Sep 15th, 2009)

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 ...

Developer Color Picker: For your pickiest developer

by Robert Palmer (Jul 17th, 2009)

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 ...

3D animations coming to Safari

by Joshua Brickner (Jul 17th, 2009)

Charles Ying over at satine.org has put together an impressive demo using Safari's forthcoming CSS 3D transform features. There is a YouTube video of the demo (you can watch it in the 2nd half of this post), as a nightly build of WebKit or the Snow Leopard version of Safari is required to render ...

CSS Animation to replace need for Flash in MobileSafari? Not likely

by Robert Palmer (Feb 6th, 2009)

New nightly builds of Safari's bleeding-edge doppelgänger, WebKit, are getting some new support for CSS animations -- support that's already available in MobileSafari. The animations, which include a falling leaves effect, a way to simply animate objects sliding across the screen, and a ...

CSS trick mimics sideways-flicking behavior in MobileSafari

by Robert Palmer (Aug 13th, 2008)

Ajaxian has posted a ridiculously simple way to enable web apps to mimic the iPhone's side-to-side flicking behavior using custom CSS supported by MobileSafari. If you're creating a web app specifically for iPhone and iPod touch users, you can get a similar feel to a native application with ...

Safari 3 allows styled form controls

by Robert Palmer (May 8th, 2008)

This was included in WebKit builds beginning several years ago, apparently, but is something I recently stumbled upon. Historically, Safari has been pretty insistent on making sure web page form fields (like drop-down menus and buttons) retain the Aqua look-and-feel. Web designers, on the other ...

Set custom iPhone CSS signatures

by Erica Sadun (Nov 16th, 2007)

Here's a great how-to that I've been meaning to post for a while. Blogger David F. Bills posted a tutorial for adding custom CSS signatures to your iPhone email defaults. The process involves copying over your preferences file and adding the CSS code to the SignatureKey preference. This gets very ...

iPhone Web Development book debuts

by Erica Sadun (Nov 2nd, 2007)

August Trometer's new PDF book, Optimizing Your Website for Mobile Safari" just debuted. I am not much of a web designer myself but I may cough up the ten bucks to pick up a copy of this ebook. Topics according to the web page include Mobile Safari detection, Webkit-specific CSS attributes, and how ...

New iPod touch ad was created by student, reuses Zune tune

by Mike Schramm (Oct 29th, 2007)

As many, many readers noted, a new iPod touch ad appeared on TV over the weekend, and Apple has now posted it on their site. There's a long story behind this one that I hadn't heard yet, it would seem that the ad is a product of TBWA/Chiat/Day, just like most of Apple's ads, but the idea actually ...

Hypercard's history

by Mike Schramm (Jul 24th, 2007)

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 ...