CSS3 Tutorials and Samples

CSS3 offers a huge variety of new ways to create an impact with your designs, with quite a few important changes. This tutorials will give you a introduction to the new possibilities with CSS3.

Get started with CSS3/

css3 tutorial 7 CSS3 Tutorials and Samples
A basic guide to using CSS3, good source to start learning about CSS3.

CSS3 Dropdown Menu

css3 tutorial 1 CSS3 Tutorials and Samples
In this Tutorial you can able to create the Apple style dropdown menu using CSS3 techniques.


jSlickmenu: A jQuery plugin for slick CSS3 menus

css3 tutorial 2 CSS3 Tutorials and Samples
The plugin called jSlickmenu, creates, well, slick menus with jQuery. Combined with some great CSS3 features likes rotation and shadows.


CSS3 Animated Bubble Buttons

css3 tutorial 3 CSS3 Tutorials and Samples
With this tutorial, you can easily turn any link on your page into an animated button by just assigning a class name. No JavaScript necessary. you can also add more colours in this buttons by adding more classes.


Pure CSS speech bubbles

css3 tutorial 4 CSS3 Tutorials and Samples
Enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.


CSS3 Minimalistic Navigation Menu

css3 tutorial 5 CSS3 Tutorials and Samples
In this tutorial, Learn making a simple CSS3 animated navigation menu, which degrades gracefully in older browsers and is future-proofed to work with the next generation of browsers


Easily Turn Your Images Into Polaroids with CSS3

css3 tutorial 6 CSS3 Tutorials and Samples
In this tutorial, Learn how to Turn Your Images Into Polaroids with CSS3 without JavaScript


CSS3 background images

css3 tutorial 8 CSS3 Tutorials and Samples
Background images / textures are being used and implemented in many ways, often adding the nicest of finishing touches to a website. It is now in CSS3 we can apply background image dimensions as well as use multiple background images.


Halftone Navigation Menu With jQuery & CSS3

css3 tutorial 9 CSS3 Tutorials and Samples
In this tutorial they are making a CSS3 & jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.


Pure CSS Letterpress Effect

css3 tutorial 10 CSS3 Tutorials and Samples
The letterpress effect is becoming hugely popular in web design, and with a couple of modern browsers now showing support for the text-shadow CSS3 property it’s now simple and easy to create the effect with pure CSS. No Photoshop trickery here!


Icons App Review

I’m sure like me many of you have needed to create icons for your desktop of iOS based apps. While it’s not hard to create the necessary icons it can be time consuming when you need to generate all the different sizes to support both retina and non-retina displays. This is where the Icons app […]

Apple’s announcement timing is uncanny

Tony Bradley at Macworld points out something interesting that I’ve also been thinking about: Apple is being awfully sneaky with its timing when it comes to product announcements.

The upcoming March 2 event happens to land not only right around the time that Motorola’s much-anticipated Xoom tablet will hit consumers’ hands, but also right in the middle of next week’s Game Developers Conference, when quite a few developers will be announcing new games for both the iPad and Android tablet platforms. The timing seems more than coincidental, especially with all of the announcements we’ve seen today.

And this isn’t the only recent Apple announcement apparently targeted at shaking things up: The Mac App Store’s launch date was set for January 6, right as this year’s CES was underway in Las Vegas, and much of that show’s sidetalk was taken up by rumors of the Verizon iPhone, which was announced a few days later on the 11th.

You could argue that this is just good business, and you’d be right — with its keynote events, Apple is the uncontested leader in product messaging for tech, and timing is a big part of that. If Apple is going to announce an iPad 2, why wouldn’t it be right when everyone’s focused on tablet software? (Not to mention that the event is being held at Yerba Buena, right next door to the convention center). But at the same time, it’s quite a coup, hijacking the attention of press and developers without any official involvement in the event they’re there to attend.

Apple’s announcement timing is uncanny originally appeared on TUAW on Thu, 24 Feb 2011 20:00:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

MacDec provides another way to combine keyboard and Magic Trackpad

There’s a growing number of devices that allow Mac users to combine their keyboards and Magic TrackPads into a single unit. Steve Sande took a look at TwelveSouth’s MagicWand not long ago.

But if you have the money to spare and want something really sleek — and expensive — thodio will sell you the MacDec, a thick slab made out of wood or acrylic that will hold your devices securely in place with the aid of eight powerful magnets. The wood MacDecs run roughly $138 and the acrylic around $165 — the original prices are in Euros.

Unlike the MagicWand, which places the Magic Trackpad to the side of the keyboard, the MacDec orders them in a laptop-like configuration, actually in the shape of a 15-inch MacBook Pro.

[Via Wired]

MacDec provides another way to combine keyboard and Magic Trackpad originally appeared on TUAW on Thu, 24 Feb 2011 19:00:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

NZ earthquake hits Mac/iOS devs; Dejal Software creates relief effort

The magnitude 6.3 earthquake that hit Christchurch, New Zealand on Tuesday has caused incredible damage and hit close to home for many of us at TUAW. Developer David Frampton (@majicdave on Twitter) from Majic Jungle Software had a particularly scary few days. Although Dave lives in Wellington on the North Island, his mother Ann Bodkin was trapped in rubble for several days before being rescued. We were thrilled to read Dave’s tweet when she was close to being rescued: “Mum is alive!!!!!!!!!!!!!!! Still trapped, but talking to rescuers. So so unbelievably happy and relieved.”

Another developer and regular on the TUAW Talkcast is Layton Duncan (@polarbearfarm) from iOS development house Polar Bear Farm. Layton was at work when the earthquake hit, and he quickly started sending photos and videos via Twitter. You can see his office in the photo above, and read about his experience on his blog. We were very glad to see that he made it through the devastating quake unharmed, and can’t wait to talk with him on the next Talkcast.

Relief efforts will continue for some time, and New Zealand expat developer David Sinclair’s Dejal Software (@dejal) is helping out with an incredible deal — he’s donating 100% of all profits from the sales of his Mac Apps (Simon, TimeOut, Caboodle, and BlogAssist) between now and Sunday to rescue and relief efforts in New Zealand.

Here’s your chance to do good and get some great software at the same time. Many thanks from those of us at TUAW to David Sinclair and Dejal for this wonderful outreach to the people of New Zealand.

Photo by Layton Duncan

NZ earthquake hits Mac/iOS devs; Dejal Software creates relief effort originally appeared on TUAW on Thu, 24 Feb 2011 18:30:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

Fruit Ninja and Max Adventure for iOS updated with new content

Two of TUAW’s favorite App Store apps (and probably yours as well) have been updated with new content. Halfbrick’s Fruit Ninja has a few new swords to play with, including one that plays piano music as you swipe. There are new leaderboards to fight your friends (and everyone else on) for the Classic and Zen modes. Great free update for a terrific app — no wonder it’s sold six million copies (inspiring Halfbrick to build up an orchard to pay back karma for all that destroyed virtual fruit).

Imangi’s great Max Adventure dual-stick shooter has also been updated with a new survival level and a few performance improvements and bugfixes. More importantly, it’s on sale right now for just 99 cents, so if you haven’t grabbed this one yet, now’s your chance. I just picked it up again recently, and despite the kid-friendly graphics and storyline, the action and progression are a lot of fun.

We’ve got appointments with both Halfbrick and Imangi at GDC next week, so stay tuned to hear what’s coming next from these two great iOS developers.

Fruit Ninja and Max Adventure for iOS updated with new content originally appeared on TUAW on Thu, 24 Feb 2011 18:00:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

Chris Espinosa: Apple’s longest-serving employee

Here at TUAW, we often keep you up-to-date on Steve Jobs and Steve Wozniak, the famed Apple cofounders. But Electricpig.co.uk today pointed out that there’s an Apple employee who has more years of service with the company than even Steve Jobs — Chris Espinosa.

Espinosa actually joined Apple at the ripe old age of 14 before the company was formally incorporated, and after the official launch in 1977, he became Employee #8. Espinosa was involved in writing the Apple II Reference Manual while attending college classes at the University of California, Berkeley and also had the fun of helping to write the preliminary business plan for the computer known as the Macintosh.

Electricpig notes that Espinosa still works with the company 35 years later and has never, unlike Jobs, had a tenure with another company. Jobs, you’ll remember, went off to found NeXT and was with that company for 11 years before returning to Apple, bringing his total years of service to a measly 24. Steve Wozniak still receives a paycheck from Apple, but hasn’t done any work for the company since 1987.

Espinosa is still actively involved with the development community and maintains a friendly face on Twitter as @cdespinosa.

Chris Espinosa: Apple’s longest-serving employee originally appeared on TUAW on Thu, 24 Feb 2011 17:00:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

DropPhox wirelessly connects your iOS camera with Dropbox

DropPhox (US$1.99) from DaVinciWare Inc. is a little gem that everyone using an iOS device with a camera (and Dropbox) should go out and buy. This app allows you to snap pictures or videos, and have them wirelessly transfer to your Dropbox account via either 3G or Wi-Fi. We love Dropbox around here and use it for just about everything.

The first thing you’ll do is link DropPhox to your Dropbox account. By default a folder will be created in Dropbox — named, not surprisingly DropPhox, but you can change it if you’d like. Once you take a picture, if there is a connection, the pictures or videos will transfer. If no connection exists, transfer will be put on hold and resume as soon as DropPhox detects one. That’s it. It works seamlessly, perfectly and every time.

There are a number of things you can set either in DropPhox, or in the Settings app to tailor things to your liking. The first one is the size of the image. I don’t have an iPhone 4, but on my 3GS, I can choose between, original, 1200×600, 960×1280, or 600×800. This is important, since an original resolution shot can be over 3 MB large, and sometimes you don’t need the higher resolution image in Dropbox. In the Settings app, there are also options to enable or disable saving to your camera roll, choose a date format (all the shots are named starting with the date, so this may come in handy) and a few other settings. In the DropPhox app, you can provide the needed Dropbox settings, select a saving directory and turn Geotagging on or off.

Gallery: DropPhox Gallery

Continue reading DropPhox wirelessly connects your iOS camera with Dropbox

DropPhox wirelessly connects your iOS camera with Dropbox originally appeared on TUAW on Thu, 24 Feb 2011 16:30:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

Bad kitty: Sticky mouse issue demonstrated in Lion

Over the day we’ve been hearing about bugs in the developer preview of Mac OS X 10.7 Lion, mostly with 3rd-party services like Dropbox (no sync, no menu bar icon), Evernote, the 1Password Safari plugin, Textual crashes, etc. But here’s a little video demonstrating an acute case of “sticky mouse” — not what you want in your shiny new OS, I should think.

Video on the next page, but what it shows is that clicking on an item in the new operating system can cause it to become stuck to your mouse. Luckily, Apple has a few more months of grooming before this cat is actually out of the cage.

Continue reading Bad kitty: Sticky mouse issue demonstrated in Lion

Bad kitty: Sticky mouse issue demonstrated in Lion originally appeared on TUAW on Thu, 24 Feb 2011 16:00:00 EST. Please see our terms for use of feeds.

Permalink | Email this | Comments

Engadget goes hands-on with the new MacBook Pro

If you thought today couldn’t get any more hands-on, you were wrong. The folks over at our sister blog, Engadget, just received a review unit of the new 15-inch MacBook Pro with Thunderbolt technology and posted lots of delicious photos for us nerds to enjoy. (Note that unlike many other Apple-branded technologies, there’s no InterCap-styled ‘B’ in “Thunderbolt.”)

Unfortunately, even though the model has Thunderbolt connectivity, there aren’t any peripherals yet available that use the new I/O tech. This means that we won’t be seeing any speed test demos in the immediate future, however much of a thrill it would bring. But it will work out of the box with all Mini DisplayPort connectors.

The model itself is nearly identical to the previous family of MacBook Pros from a visual standpoint (the only change is a Thunderbolt port vs. the Mini DisplayPort), but it’s still fun to watch an unboxing. On an already-busy day, this is a must-check-out for any major Apple geek.

Corrected editing error, the trackpad is identical to earlier version.

Engadget goes hands-on with the new MacBook Pro originally appeared on TUAW on Thu, 24 Feb 2011 15:00:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

MobileMe boxed copies going away

Apple is reportedly informing third-party resellers that boxed versions of MobileMe are now discontinued. Retailers can continue to sell their existing inventory, but supplies will not be replenished. This latest information falls in line with earlier rumors that suggest Apple may offer MobileMe as a free service with cloud-based digital lockers for music, photos and videos.

In this scenario, Apple may briefly move to a digital-only sales model to let retailers sell their existing stock. Once the standing inventory is depleted, Apple will transition MobileMe to a free service in the upcoming months. Adding fuel to the fire of these rumor, Apple has removed the paid version of MobileMe from its online store, offering the service as a free 60-day trial.

During its annual shareholders meeting on February 23, the Cupertino company also confirmed that it is getting ready to flip the switch on its North Carolina data center. The $1-billion center is rumored to serve as the hub for its free MobileMe service and possibly a cloud-based version of iTunes.

MobileMe boxed copies going away originally appeared on TUAW on Thu, 24 Feb 2011 14:00:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

iOS 4.3 gold master rumored ready

iOS update screen: photo by Håkan Dahlström on flickr.com

According to Boy Genius Report, Apple has finalized the code for iOS 4.3 with build 8F190. The upcoming update is rumored to include a handful of new features like iPad FaceTime, PhotoStream, and PhotoBooth for iOS. If true, we’ll likely see iOS 4.3 discussed or released next week during the press event scheduled for March 2.

iOS 4.3 gold master rumored ready originally appeared on TUAW on Thu, 24 Feb 2011 13:30:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

OS X Lion preview ably demonstrates that disc is dead

Today’s cloud-based release of the OS X 10.7 Lion preview adds one more nail to the coffin of removable media. Last September, TUAW declared that the disc is dead. Apple’s move today, in releasing Lion through the online Mac App store, helps reconfirms that DVDs and CDs are headed the way of the floppy, i.e. to dodosville along with the thylacine and Android the dot matrix printer.

As Apple’s new death star of a data center in North Carolina begins to serve its role in taking Apple to the clouds, the disc-less Macbook Air line begins to look less like a push to save weight and streamline hardware and more like simply doing business as usual.

What do you think?

View Poll

OS X Lion preview ably demonstrates that disc is dead originally appeared on TUAW on Thu, 24 Feb 2011 13:00:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments