background preloader

Beautiful UI styling with CSS3 text-shadow, box-shadow, and bord

Beautiful UI styling with CSS3 text-shadow, box-shadow, and bord
By Henrik Helmers Introduction Previous articles have covered the basics of CSS3 transitions and 2D transforms and CSS3 borders, backgrounds and box-shadows; refer to those articles if you need to read up on the basics of using these properties. This article takes things further, showing how to use these properties to create beautiful UI elements without the use of any images, JavaScript or Flash. Contents: Where can they be applied? Support for these CSS3 features was introduced in Opera 10.50, and you’ll also be able to rely on most of them in the latest versions of Firefox, Safari and Chrome. Of course, in the real web most of us are stuck having to support Internet Explorer, which doesn’t yet support any of these properties. For the Web at large, however, all is not lost. It is really a matter of who your target audience is, and providing an acceptable user experience to them. Take 1: Buttons One of the most obvious applications of these properties is to simplify button design. Summary Related:  iPad what's change and doesn't change?

"Les utilisateurs d'iPad ont des réflexes d'internautes, pas de La spécialiste de l'ergonomie de Benchmark Group livre ses premières impressions sur le dernier né d'Apple. Pour elle, si l'outil est simple et agréable, il n'est pas révolutionnaire. JDN. Quelle était votre première impression lors de votre découverte de l'iPad ? Laure Sauvage. Est-ce le terminal numérique que la presse attendait ? Il permet de faire un journal multimédia et apporte beaucoup de confort par rapport à un support papier plus austère. Quelle place peut prendre l'ipad dans notre quotidien, au milieu des autres terminaux dont nous sommes déjà équipés ? L'iPad propose des services déjà existants.

What the iPad is Missing (No, it’s not a Camera) I’m not an iPad naysayer. I forked over $700 on the first day of pre-ordering and my iPad hasn’t left my side, day or night, since it arrived on Monday. I’m with those who see the device and its new approach to computing as an exciting step forward, especially for media delivery. Yet it’s exactly that part of media consumption, reading , that reveals what’s missing on the iPad: good typography. Signs that type took a backseat in the iPad’s development were clear back in January when Steve Jobs demoed the device, revealing just four uninspired and uninformed font options in iBooks. Disappointing, but not surprising. The string of odd missteps began with the release of Mac OS X. A lack of Lucida italic could be considered a mild irritant, but Apple’s typographic neglect in OS X ran deeper. Then came the iPhone, its fantastic display with a high pixel-density enabled legible type at small sizes. The iPad represents a new opportunity to reverse this trend. 1. 2. 3. 4. 5. 6. 7. 8.

A Popular Misconception Though I opted for a 3G-enabled iPad that won’t be delivered until later in the month, I was able to get my hands on a Wi-Fi-only model today, one of two devices that we bought at the office. In my limited use so far it feels terrific, though until I’m actually in possession of an iPad I can call my very own, it’ll be still too early to decide how much I like or dislike it. Without really being able to customize a machine like this for my needs — installing my preferred apps and loading my personal data onto it — it feels a little bit like a model home; attractive enough, but not really cozy just yet. In playing with iPad-optimized apps, I’m watching with particular interest to see how content publishers are approaching the platform. The Good, the Bad and the Hard-to-Use I can’t decide whether I’m distressed or excited about what experiments like this represent. What little interactivity there is on offer is minimal at best. I should be fair here, though.

WIRED on iPad: Just like a Paper Tiger… by Oliver Reichenstein First, the paper magazine was crammed into the little iPad frame. In the form of a PNG slide show. Update: I updated most of the examples to show the difference between InDesign and iPad. Good pictures speak for themselves. One or Two Columns? The iPad portrait mode allows for a nice column width with enough white space left and right. They fragment the text body, cluttering and suffocating the notoriously small iPad screenThey force you to use small text sizes or disproportionally increase the number of line breaks, creating a nervous zig-zag reading pathBreaking long text into disconnected page blocks, they complicate the overall orientation and interaction (scrolling in article vs swiping between articles)They require more hyphenation; they generate big text holes or ugly ragging; on a small canvas they don’t save space, they waste itThey force you into a paper metaphor and a defined page heightThey create numerous “what now?” Dear Paper Designer… Ad Integration

Is This Really The Future of Magazines or Why Didn’t They Just U I just downloaded the Wired iPad application, and like most iPad applications (and most magazines for that matter), I found myself bored with it within the first 20 minutes. I’m sure the content is engaging, I’m sure the articles are worth reading – but I am stumped as to why I would chose this over the physical magazine itself, or their website for that matter. In fact, for reasons I’ll get into below, I’m starting to believe that the physical magazine’s “interface” is vastly superior to it’s iPad cousin. However, what strikes me most about the Wired app is how amazingly similar it is to a multimedia CD-ROM from the 1990′s. 1990′s Here We Come … Again The only real differentiation between the Wired application and a multimedia CD-ROM is the delivery mechanism: you download it via the App Store versus buying a CD-ROM at the now defunct Egg Head store at your local strip mall. And that’s about the extent of the interactivity. Holy Shit, That’s Big Why is the magazine so large? I hope not.

At Last, the Open-Source iPhone-Killer | Gadget Lab Here at last is proof that open-source design can indeed kill the iPhone. The iPhonekiller is a mallet designed to smash the iPhone up good. Made from an inch-thick slab of stainless-steel, the head weighs in at a screen-crushing 3.5-pounds and the handle is made of beautifully carved wood. Open source? Yes. Designer Ronen Kadushin says that the “iPhonekiller is an Open Design, meaning, its design CAD files can be freely downloaded, copied, modified and produced by anyone, without special tooling, under a Creative Commons license.” In fact, the iPhonekiller is more ambitious than you first thought. iPhonekiller by Ronen Kadushin [DeZeen] iPhonekiller (prototype) [Ronen Kadushin]

iPad: ce qu’en pense la soucoupe » Article », digital jo Les médias ont très vite vu dans l'iPad un moyen miraculeux pour sortir du marasme dans lequel ils sont enferrés. C'est pourtant bien loin d'être le cas et beaucoup de travail reste à fournir. Revue des points de vue exprimés sur la soucoupe. Alors que la nouvelle tablette d’Apple sort dans les prochains jours dans l’hexagone et un peu partout dans le monde, la soucoupe a décidé de fouiller dans ses archives et d’en exhumer les avis, réactions et analyses de ses auteurs à propos de l’iPad. Avec un même message: si l’objet est fascinant et innovant, le chemin vers la révolution annoncée est encore long et plein d’embûches. Dès l’annonce de son lancement, on attendait – peut-être à tort – un produit fondamentalement nouveau et révolutionnaire. L’iPad est le chainon manquant entre l’iPhone et le MacBook. Damien Douani Les patrons de presse ont immédiatement vu dans la tablette le salut tant attendu qui allait leur permettre de monétiser leur contenu en ligne. Emgenius Benoît Raphaël J.

À propos de l'iPad Il y a trois semaines, j'ai acheté un iPad pour le bureau. Trois semaines à le faire passer de main en main, à discuter de la chose, de ce qu'on aime ou qu'on déteste... La liste est longue, car le moins que l'on puisse dire, c'est que la machine ne laisse pas indifférent ! Je vais dans un premier temps parler de l'utilisation de l'iPad, et je compte parler des dangers de la politique d'Apple dans un prochain billet, qui risque fort d'être moins flatteur. La première impression de l'iPad est positive pour à peu près tout le monde. Pourtant, sur une longue durée, les sources de frustrations se font nombreuses, et elles rendent très frustrante l'utilisation sérieuse de l'iPad. Aucun doute, la machine fait preuve d'un WOW factor d'autant plus fort que les gens à qui je la montre en ont entendu parler mais n'en ont jamais vu "en vrai". Probablement pas. Conclusion Damien Douani déclare sur Twitter Alors, pour ou contre ? Limitations de l'iPad Les points positifs c'est beau et rapide !

The iPad needs its HyperCard (Note: With the iPad scheduled to arrive this week, we reached out to a number of folks across a variety of industries to get their take on the device and the changes it may usher in. We’ll be featuring these pieces over the next few weeks. — Mac) Dale Dougherty, editor and publisher of MAKE: When I think about opportunities around the iPad, I recall the CD-ROM market of the late 1980s. My favorite CD-ROM product, which I thought held such promise as a landmark approach to multimedia, was Beethoven’s 9th Symphony by Robert Winter, a UCLA music professor. The CD-ROM market also consisted of “productivity” titles from Broderbund such as Family Tree Maker and Print Shop. The market for CD-ROMs collapsed because the distribution channel for boxed software went away, and the web became the primary means for users to find entertainment, games and productivity apps. What’s missing today is HyperCard, or an equivalent tool that can be used to create a new wave of applications for the iPad.