TweetFollow Us on Twitter

Mineralogy 101: Use the Quartz (2D), Luke!

Volume Number: 21 (2005)
Issue Number: 8
Column Tag: Programming

Mac OS X Programming

Mineralogy 101: Use the Quartz (2D), Luke!

by David Hill

Welcome!

While most of you have probably heard of Mac OS X's 2D drawing API, Quartz 2D, how many of you have taken the time to pull up the headers and get your hands dirty figuring out what it can do? For those of you that haven't, whether you've been too busy or just too intimidated to learn another drawing API, I'm going to walk you through some of the basics in this article. I'm not going to dwell on theory or the details of the drawing model. Instead, we're just going to play with the API and perhaps learn something along the way. I'll present short snippets of drawing code that you can drop into a sample project and try out. Feel free to play with the code and experiment on your own.

I'm basing the code on Mac OS X 10.3 (Panther) and Xcode 1.5 so if you're running a different version of the OS or Xcode, you'll need to adjust the content accordingly. In particular, watch out for functions that are only available in Panther. The Quartz 2D headers very specifically mark those APIs that are only available in 10.3 and later with the flag AVAILABLE_MAC_OS_X_VERSION_10_3_AND_LATER. In addition, while I'm providing a Cocoa project with this article, the Quartz 2D code is clearly marked and valid for Carbon as well as Cocoa. Carbon developers should watch out for differences between the coordinate systems, however, since Cocoa and Quartz 2D place the origin in the bottom left corner with +y pointing up while Carbon (older QuickDraw code as well as Carbon Events) assumes that the origin is in the upper left corner with +y pointing down.

One final note about Quartz 2D: the headers, functions, and types are all prefixed with CG as an abbreviation for Quartz 2D's older name, Core Graphics. Luckily, Xcode knows how to find the headers when you need to take a look. Just hit CMD-D, type the name of the header you're looking for ("CGContext.h", for example), and hit return. You can also CMD-double-click on a Quartz 2D type or function name in your code and Xcode will find the header for you.

The Quartz2DShell Project

Those of you following along at home will need a simple project to hold the Quartz 2D code snippets we'll be talking about. Either download the sample code for this article or start up Xcode and create a new Cocoa application project (for simplicity, I'm not using the Cocoa Document-based project). I've called mine Quartz2DShell but feel free to be more creative. Once Xcode has created the project, double click on the MainMenu.nib to open it in Interface Builder. Switch over to the Classes tab in the MainMenu.nib window, search for NSView, click on NSView in the class list, and select Subclass NSView from the Classes menu. IB should select the new NSView subclass (give it a suitable name like Quartz2DView). Then, select Create Files from the Classes menu and you're almost done. Add a Custom View to the window, resize it to fill the window, and set the resizing springs so that the view tracks the window. Finally, set the view's custom class to Quartz2DView and you're done. Save the nib file and return to Xcode. You should see Quartz2DView.h and Quartz2DView.m waiting for you.

Getting Started

The first thing you need in order to draw with Quartz 2D is a CGContextRef. For those of you familiar with other drawing APIs, you can think of a CGContextRef as a QuickDraw port or a GDI device context. CGContextRefs hold your drawing state and give you a place to draw. There are several different ways to obtain a CGContextRef but for our purposes we'll simply retrieve one from our custom view by replacing the existing drawRect: method with the code shown below.

	- (void)drawRect:(NSRect)rect
   {
      // get the current CGContextRef for the view
      CGContextRef currentContext =
         (CGContextRef)[[NSGraphicsContext currentContext]
         graphicsPort];

      // grab some useful view size numbers
      NSRect bounds = [self bounds];
      float width = NSWidth( bounds );
      float height = NSHeight( bounds );
      float originX = NSMinX( bounds );
      float originY = NSMinY( bounds );
      float maxX = NSMaxX( bounds );
      float maxY = NSMaxY( bounds );
      float middleX = NSMidX( bounds );
      float middleY = NSMidY( bounds );

      ////
      ////   insert the Quartz 2D drawing code snippets here
      ////

      CGContextFlush( currentContext );
   }

Carbon developers working with WindowRefs will need to get the port for the window and then call QDBeginCGContext() to obtain the appropriate CGContextRef. Note that you'll also need to call CGContextFlush() and then QDEndCGContext() once you're done drawing. Your function drawing code should look something like this:

   CGrafPtr portPtr = GetWindowPort( windowRef );
   CGContextRef currentContext = NULL;
   QDBeginCGContext( portPtr, ¤tContext );

   // insert the Quartz 2D drawing code snippets here

   CGContextFlush( currentContext );	
   // update the window
   QDEndCGContext( portPtr, ¤tContext );

Rectangles

As I mentioned earlier, the coordinate system of the CGContextRef has the origin in the bottom left corner and the +y axis points up. What I didn't tell you was that the context is also set up such that one context unit is equivalent to one view pixel. As we'll see a little later, Quartz 2D has a very flexible coordinate transformation system based on the concept of the Current Transformation Matrix (CTM) and so you can change that one-to-one mapping if you like. For now, we'll leave well enough alone and keep things simple. As long as we don't change the CTM, we can use coordinates that match the dimensions of the view and get the results we'd expect.

Let's start with some really basic drawing. Most of the Quartz 2D API is based on the concept of a path (we'll talk about paths in just a minute) but there is a really straightforward convenience function for drawing rectangles called CGContextFillRect(). CGContextFillRect() takes the CGContextRef you're drawing into and the rectangle you'd like Quartz 2D to fill. Insert the following code into the drawRect: method and then build and run the app.

   //   try a simple rectangle with the convenience function CGContextFillRect
      CGRect testRect =
         CGRectMake(   originX + width / 4.0,	
   // left
                           originY + height / 4.0,
   // bottom
                           width / 2.0,						
   // width
                           height / 2.0 );				
   // height
      CGContextFillRect( currentContext, testRect );

You should see a large black rectangle in the middle of your window (Figure 1). Since we're basing our rectangle on the dimensions of the custom view, if you set up the resizing springs correctly in IB you should be able to resize the window and have the rectangle adjust accordingly in real time.


Figure 1: Black rectangles go with everything

Now that you've drawn your first Quartz 2D graphic, let's move on to a slightly more complicated topic. As I mentioned before, Quartz 2D likes to deal in paths. In fact, the CGContextFillRect() function really just creates, fills, and destroys a rectangular path under the hood. Let's take a look at what the CGContextFillRect() function is doing for us. Drop this code into the drawRect: code in place of the previous snippet:

      CGContextBeginPath( currentContext );
      CGContextMoveToPoint( currentContext,
         originX + width / 4.0, originY + height / 4.0 );
      CGContextAddLineToPoint( currentContext,
         originX + width / 4.0 + width / 2.0,
         originY + height / 4.0 );
      CGContextAddLineToPoint( currentContext,
         originX + width / 4.0 + width / 2.0,
         originY + height / 4.0 + height / 2.0 );
      CGContextAddLineToPoint( currentContext,
         originX + width / 4.0,
         originY + height / 4.0 + height / 2.0 );
      CGContextFillPath( currentContext );

Here, we're starting a new path with CGContextBeginPath(), moving to the bottom left corner of the rectangle, adding lines along the bottom, right, and top edges, and then filling the path with CGContextFillPath(). Note that we didn't have to add the fourth line to close the path ourselves. For the purposes of filling the path, Quartz 2D will automatically close the current path (if it is still open) with a straight line back to its starting point whenever we call one of the drawing functions.

One interesting thing to note about Quartz 2D and paths: drawing with the current path (either filling, stroking, or both) consumes that path. If we were to add another drawing call like CGContextStrokePath() after our call to CGContextFillPath(), nothing would happen. We would have to recreate our rectangular path in order to draw it again. Thankfully, since performing both a fill and a stroke (drawing the outline) of a path is so common, Quartz 2D provides a way to do both in one function call. Simply call CGContextDrawPath() and pass in kCGPathFillStroke or kCGPathEOFillStroke for the drawing mode parameter and Quartz 2D will fill and stroke the path in one operation.

In order for the stroke to be visible over the fill, I'll need to show you one more thing: colors. There are two important colors in Quartz 2D: the fill color and the stroke color. There are several ways to set colors but, for the purposes of this article, we'll stick with the simplest two: CGContextSetRGBFillColor() and CGContextSetRGBStrokeColor(). (If you want to investigate Quartz 2D's color support in more detail, check out CGColorRefs and CGColorSpaceRefs). Replace the call to CGContextFillPath() with these lines and watch what happens:

   // Set the red, green, blue, and alpha color values
   CGContextSetRGBFillColor( currentContext,
      1.0, 0.0, 0.0, 1.0 );
   CGContextSetRGBStrokeColor( currentContext,
      0.0, 1.0, 0.0, 1.0 );
   CGContextDrawPath( currentContext, kCGPathFillStroke );

Now your code should draw a red rectangle with a green outline. For those of you like me with poor eyesight, a bad monitor, or both, you may have some trouble seeing the single-pixel outline. Let's make the stroke wider and more obvious. Add this line before the call to CGContextDrawPath():

   CGContextSetLineWidth( currentContext, 10 );


Figure 2: Looks like we forgot something

Ah, now that the outline is more visible (Figure 2), you can clearly see why I said that Quartz 2D would close the path for the purposes of filling the path. Quartz 2D didn't automatically close the path for the stroke so the left edge of the rectangle doesn't have a green line. Close the path manually (Figure 3) by adding this call to CGContextClosePath() after the third CGContextAddLineToPoint() call:

 CGContextClosePath( currentContext );


Figure 3: That's much better

Lines

Now that you've got a handle on rectangles, we'll move on to some of the fun things you can do with lines. We've already added lines to paths to make our rectangles and changed the line width but there are some other things we can tweak to control the way lines look. Replace your rectangle code with the line code below that explores the different line cap styles.

   // draw some wide lines with different endcaps and dashes
   CGContextSetLineWidth( currentContext, 15 );
		
   CGContextSetLineCap( currentContext, kCGLineCapButt );
   CGContextBeginPath( currentContext );
   CGContextMoveToPoint( currentContext,
      originX + 15, originY + 15 );
   CGContextAddLineToPoint( currentContext,
      maxX - 15, originY + 15 );
   CGContextStrokePath( currentContext );
	
   CGContextSetLineCap( currentContext, kCGLineCapRound );
   CGContextBeginPath( currentContext );
   CGContextMoveToPoint( currentContext,
      originX + 15, originY + 45 );
   CGContextAddLineToPoint( currentContext,
      maxX - 15, originY + 45 );
   CGContextStrokePath( currentContext );
	
   CGContextSetLineCap( currentContext, kCGLineCapSquare );
   CGContextBeginPath( currentContext );
   CGContextMoveToPoint( currentContext,
      originX + 15, originY + 75 );
   CGContextAddLineToPoint( currentContext,
      maxX - 15, originY + 75 );
   CGContextStrokePath( currentContext );


Figure 4: Line cap styles

This code produces three fat lines (Figure 4) with different end styles: butt, round, and square. Feel free to increase the line size or zoom in (using Mac OS X's accessibility controls) to get a better look at the end caps. Also, notice that while the line with the kCGLineCapButt style ends right where the path starts and ends, the other two line cap styles cause the line to overflow the end points. This happens because the round and square cap styles draw a half-circle and a square, respectively, centered on the end point of the path whereas the butt cap style squares off the end of the path perpendicular to the path at the endpoint.


Figure 5: Line join styles

Quartz 2D can also join lines in three different ways: miter, round, and bevel. The following code draws three paths composed of two lines each (Figure 5). Notice the difference in the corners where the lines meet. Depending on the size of your window, the miter and bevel join styles may look the same. Narrow the window slowly and the mitered lines will eventually change as the angle between the lines increases (Figure 6). I don't know about you but I'm really glad Quartz 2D figures all of this out for me.


Figure 6: The miter join looks different now

   // test the different line join styles
   CGContextSetLineWidth( currentContext, 15 );
   CGContextSetLineCap( currentContext, kCGLineCapButt );

   CGContextSetLineJoin( currentContext, kCGLineJoinMiter );
   CGContextBeginPath( currentContext );
   CGContextMoveToPoint( currentContext,
      originX + 15, originY + 105 );
   CGContextAddLineToPoint( currentContext,
      maxX - 75, originY + 105 );
   CGContextAddLineToPoint( currentContext,
      originX + 15, originY + 155 );
   CGContextStrokePath( currentContext );
	
   CGContextSetLineJoin( currentContext, kCGLineJoinRound );
   CGContextBeginPath( currentContext );
   CGContextMoveToPoint( currentContext,
      originX + 15, originY + 175 );
   CGContextAddLineToPoint( currentContext,
      maxX - 75, originY + 175 );
   CGContextAddLineToPoint( currentContext,
      originX + 15, originY + 225 );
   CGContextStrokePath( currentContext );
	
   CGContextSetLineJoin( currentContext, kCGLineJoinBevel );
   CGContextBeginPath( currentContext );
   CGContextMoveToPoint( currentContext,
      originX + 15, originY + 245 );
   CGContextAddLineToPoint( currentContext,
      maxX - 75, originY + 245 );
   CGContextAddLineToPoint( currentContext,
      originX + 15, originY + 295 );
   CGContextStrokePath( currentContext );

Paths

Up to this point, we've been drawing by setting up the current path in a context and then asking the context to draw that path. This works fine but it can be awkward when you want to reuse a path multiple times. Luckily, Quartz 2D includes a separate path object, CGPathRef, that you can create and reuse over and over again. The usage pattern is simple: create a mutable path, add to the path in much the same way as we did for the current path in the context, add the path to the context, and ask the context to draw. Note: the NULL parameters below are CGAffineTransforms that allow you to transform the points as they're added to the path. We won't worry about those in this article so we'll pass in NULL to keep Quartz 2D from doing any extra work. Drop in the code snippet below and try it out.

      //   create a path and use it
      path = CGPathCreateMutable();
      CGPathMoveToPoint( path, NULL,
         originX + 15, originY + 120 );
      CGPathAddLineToPoint( path, NULL,
         maxX - 75, originY + 120 );
      CGPathAddLineToPoint( path, NULL,
         originX + 15, originY + 170 );
      CGContextAddPath( currentContext, path );
      CGPathRelease( path );
      CGContextStrokePath( currentContext );

Not too exciting, is it? Have patience. We're getting to the good part. Creating a CGPathRef, adding to it, drawing with it, and then releasing it isn't terribly efficient. What you really want to do is create the path, set it up, and then use it multiple times before releasing it. Get rid of the boring path code above and replace it with this:

   CGContextSetLineWidth( currentContext, 2 );

   // create and set up the path starting at the origin
   path = CGPathCreateMutable();
   CGPathMoveToPoint( path, NULL, originX, originY );
   CGPathAddLineToPoint( path, NULL,
      originX + width / 8.0, originY );
   CGPathMoveToPoint( path, NULL,
      originX + width / 8.0, originY + 0.25 * width / 8.0 );
   CGPathAddLineToPoint( path, NULL,
      originX + 0.75 * width / 8.0,
      originY - 0.25 * width / 8.0 );

   // translate the origin to the middle of the window
   CGContextTranslateCTM( currentContext,
      middleX, middleY );
		
   // scale the context so that things are twice as big in both directions
   CGContextScaleCTM( currentContext, 2, 2 );
	
   float radiansToRotate = 2 * M_PI / 21;
   int i;
   for ( i = 0; i < 21; i++ )
   {
      // add the path to the context and draw
      CGContextAddPath( currentContext, path );
      CGContextStrokePath( currentContext );
			
      // rotate the context just a bit
      CGContextRotateCTM( currentContext, radiansToRotate );
   }

   // we're done with the path
   CGPathRelease( path );


Figure 7: Repeated and rotated path

This code adds some new twists (Figure 7) to what you've seen before by manipulating the CTM. Remember the CTM? I told you that as long as we didn't mess with it, we could draw using view coordinates and things would turn out like we'd expect. Well, now we've got to change the CTM or we won't be able to see that we're drawing the CGPathRef object multiple times. In this case, we set up the path, set up the CTM so that the coordinate system origin is in the middle of the window, make things a bit bigger, and then enter a loop. The loop draws the path object and then rotates the CTM a bit so that we don't draw the path over itself 21 times in a row. Note: CGContextRotateCTM() rotates the CTM such that the next path you draw appears to rotate counter-clockwise around the origin.

There's one last stop on our tour of paths and lines: dashes. Quartz 2D makes it almost too simple to draw beautiful dashed lines. All you need to do is set up an array containing the dash lengths you want, make a call to CGContextSetLineDash(), and stroke your paths. Quartz 2D takes care of the rest. Take this code for a spin (Figure 8) and see what you think.

   // play with line dashes
   CGContextSetLineWidth( currentContext, 10.0 );
   float dashPhase = 0.0;
   float dashLengths[] = { 20, 30, 40, 30, 20, 10 };
   CGContextSetLineDash( currentContext,
      dashPhase, dashLengths,
      sizeof( dashLengths ) / sizeof( float ) );
		
   CGContextMoveToPoint( currentContext,
      originX + 10, middleY );
   CGContextAddLineToPoint( currentContext,
      maxX - 10, middleY );
   CGContextStrokePath( currentContext );


Figure 8: A custom dashed line

Here, the dashLength[] array sets up dashes of length of 20, 40, and 20 with gaps in between of length 30, 30, and 10. You can also adjust the phase (where the dash pattern starts - play with it a bit) when you call CGContextSetLineDash().

Dashes work fine with straight, horizontal lines but that's boring. Let's try something more interesting. Here's another snippet that draws curves instead of lines (Figure 9). Add this code after the CGContextStrokePath():

   // play with curves & dashes
   CGContextSetRGBFillColor( currentContext,
      1.0, 0.0, 0.0, 1.0 );
   CGContextSetRGBStrokeColor( currentContext,
      0.0, 1.0, 0.0, 1.0 );
	
   CGContextMoveToPoint( currentContext, middleX, maxY );
   CGContextAddCurveToPoint( currentContext, originX, maxY,
      originX, 0.667 * maxY, middleX, middleY );
   CGContextAddCurveToPoint( currentContext,
      maxX, 0.333 * maxY, maxX, originY, middleX, originY );
   CGContextAddCurveToPoint( currentContext, originX,
      originY, originX, 0.333 * maxY, middleX, middleY );
   CGContextAddCurveToPoint( currentContext, maxX,
      0.667 * maxY, maxX, maxY, middleX, maxY );

   CGContextDrawPath( currentContext, kCGPathFillStroke );


Figure 9: Dashed and filled figure eight

Notice how the dash pattern moves along the curve as you resize the window while the pattern remains fixed on the horizontal line? That is because Quartz 2D starts the dash pattern at the beginning of the path and repeats the pattern as many times as necessary to reach the end of the path. If the length of the path changes, Quartz 2D just continues the pattern as necessary. Since we're always looking at the beginning of the path for the straight line, the pattern doesn't appear to shift. However, with the curve we can see a clear beginning and end of the path. That makes the additional dashes added and removed quite obvious as the curve length changes.

Shadows

Mac OS X has always provided very nice shadows under windows and other UI elements. With Panther, Apple added APIs to Quartz 2D to allow you to draw your own shadows. There are two shadow APIs: the simple one and the slightly less simple one. The former, CGContextSetShadow(), sets up a simple black shadow. The latter, CGContextSetShadowWithColor(), allows you to specify the color of the shadow. We'll use the black version here but knock yourself out with colored shadows if that's your thing. Add this line right after the "play with curves & dashes" comment.

 CGContextSetShadow( currentContext,
      CGSizeMake( 14.0, -14.0 ), 7.0 );


Figure 10: New and improved with Shadows!

Now our curve has a nice soft shadow (Figure 10) but if you look closely you'll see that the dashed green outline is casting a shadow on the red filled portion. Depending on the look you're going for, that may or may not be what you want. It turns out that even though we're making a single call to fill and stroke the path, Quartz 2D is performing two separate operations and each result has a shadow. The fill comes first with the bottom shadow and then the stroke comes along and draws its shadow on top of the fill. So, if you want the combined result of the two operations to have a single shadow, what do you do? You'll need to use a transparency layer, yet another new feature added to Quartz 2D for Panther.

Transparency layers only require two function calls, one to begin the layer and one to end the layer. In between, all Quartz 2D drawing for the context goes into the layer instead of the destination of the context. Once you end the layer, all of the drawing in the layer is composited into the context using the shadow state of the context. It will make more sense if you try it out yourself. There are two lines of code below. Add the CGContextBeginTransparencyLayer() call right after the call to CGContextSetRGBStrokeColor() and the CGContextEndTransparencyLayer() call right after the CGContextDrawPath() call.

CGContextBeginTransparencyLayer( currentContext, NULL );
   CGContextEndTransparencyLayer( currentContext );


Figure 11: Just one shadow this time

With that change, you should see your green-outlined, red-filled figure-eight with a single shadow behind the whole thing (Figure 11). Oh, and you're probably still drawing the black dashed line in the background. Transparency layers make it very easy to add shadows to whole groups of objects. As their name implies, you can also use transparency layers to properly handle alpha compositing (transparency) of multiple objects at the same time by setting the alpha value for the context before you begin the transparency layer. Call CGContextSetAlpha() before you call CGContextBeginTransparencyLayer() and the contents of the layer will be composited back into the context with that alpha value when you end the layer. To see this in action, add the following call right before you begin the layer:

   CGContextSetAlpha( currentContext, 0.5 );

Now the whole figure eight has faded out and you can see some of the black dashed line running through the middle (Figure 12). You can also see the faint outline of the figure's shadow through the red fill on the left side.


Figure 12: Fading out

Wrap Up

I hope you've enjoyed our brief exploration of Quartz 2D. There's so much power and elegance in the API, you really need to sit down and play with it for a while before you get a feel for what it can do. With any luck, I've given you enough of a taste of Quartz 2D that you're ready to go off and experiment on your own. Enjoy!


David Hill is a freelance writer living in College Station, Texas. In a former life, he worked in Apple's Developer Technical Support group helping developers print, draw, and write games. In his free time he dabbles in screen savers and other esoteric topics.

 
AAPL
$524.94
Apple Inc.
+5.93
MSFT
$40.01
Microsoft Corpora
-0.39
GOOG
$536.10
Google Inc.
-20.44

MacTech Search:
Community Search:

Software Updates via MacUpdate

Mac DVDRipper Pro 4.1.7 - Copy, backup,...
Mac DVDRipper Pro is the DVD backup solution that lets you protect your DVDs from scratches, save your batteries by reading your movies from your hard disk, manage your collection with just a few... Read more
PDFpenPro 6.2 - Advanced PDF toolkit for...
PDFpenPro allows users to edit PDF's easily. Add text, images and signatures. Fill out PDF forms. Merge or split PDF documents. Reorder and delete pages. Even correct text and edit graphics! Create... Read more
PDFpen 6.2 - Edit and annotate PDFs with...
PDFpen allows users to easily edit PDF's. Add text, images and signatures. Fill out PDF forms. Merge or split PDF documents. Reorder and delete pages. Even correct text and edit graphics! Features... Read more
Monolingual 1.5.9 - Remove unwanted OS X...
Monolingual is a program for removing unnecesary language resources from OS X, in order to reclaim several hundred megabytes of disk space. It requires a 64-bit capable Intel-based Mac and at least... Read more
Maya 2015 - Professional 3D modeling and...
Maya is an award-winning software and powerful, integrated 3D modeling, animation, visual effects, and rendering solution. Because Maya is based on an open architecture, all your work can be scripted... Read more
Starcraft II: Wings of Liberty 1.1.1.180...
Download the patch by launching the Starcraft II game and downloading it through the Battle.net connection within the app. Starcraft II: Wings of Liberty is a strategy game played in real-time. You... Read more
Sibelius 7.5.0 - Music notation solution...
Sibelius is the world's best-selling music notation software for Mac. It is as intuitive to use as a pen, yet so powerful that it does most things in less than the blink of an eye. The demo includes... Read more
Typinator 5.9 - Speedy and reliable text...
Typinator turbo-charges your typing productivity. Type a little. Typinator does the rest. We've all faced projects that require repetitive typing tasks. With Typinator, you can store commonly used... Read more
MYStuff Pro 2.0.16 - Create inventories...
MYStuff Pro is the most flexible way to create detail-rich inventories for your home or small business. Add items to MYStuff by dragging and dropping existing information, uploading new images, or... Read more
TurboTax 2013.r17.002 - Manage your 2013...
TurboTax guides you through your tax return step by step, does all the calculations, and checks your return for errors and overlooked deductions. It lets you file your return electronically to get... Read more

Latest Forum Discussions

See All

Have a Special Dead Trigger 2 Easter Bas...
Have a Special Dead Trigger 2 Easter Basket Full of Goodies, Courtesy of Madfinger Games Posted by Rob Rich on April 18th, 2014 [ permalink ] Dead Trigger 2 | Read more »
Zynga Launches Brand New Farmville Exper...
Zynga Launches Brand New Farmville Experience with Farmville 2: Country Escape Posted by Tre Lawrence on April 18th, 2014 [ permalink ] | Read more »
David. Review
David. Review By Cata Modorcea on April 18th, 2014 Our Rating: :: MINIMALISTIC IN A DIFFERENT WAYUniversal App - Designed for iPhone and iPad David is a minimalistic game wrapped inside of a soothing atmosphere in which the hero... | Read more »
Eyefi Unveils New Eyefi Cloud Service Th...
Eyefi Unveils New Eyefi Cloud Service That Allows Users to Share Media Across Personal Devices Posted by Tre Lawrence on April 18th, 2014 [ permalink ] | Read more »
Tales from the Dragon Mountain: The Lair...
Tales from the Dragon Mountain: The Lair Review By Jennifer Allen on April 18th, 2014 Our Rating: :: STEADY ADVENTURINGiPad Only App - Designed for the iPad Treading a safe path, Tales from the Dragon Mountain: The Lair is a... | Read more »
Yahoo Updates Flickr App with Advanced E...
Yahoo Updates Flickr App with Advanced Editing Features and More Posted by Tre Lawrence on April 18th, 2014 [ permalink ] | Read more »
My Incredible Body - A Kid's App to...
My Incredible Body - A Kid's App to Learn about the Human Body 1.1.00 Device: iOS Universal Category: Education Price: $2.99, Version: 1.1.00 (iTunes) Description: Wouldn’t it be cool to look inside yourself and see what was going on... | Read more »
Trials Frontier Review
Trials Frontier Review By Carter Dotson on April 18th, 2014 Our Rating: :: A ROUGH LANDINGUniversal App - Designed for iPhone and iPad Trials Frontier finally brings the famed stunt racing franchise to mobile, but how much does its... | Read more »
Evernote Business Notebook by Moleskin I...
Evernote Business Notebook by Moleskin Introduced – Support Available in Evernote for iOS Posted by Tre Lawrence on April 18th, 2014 [ permalink ] | Read more »
Sparkle Unleashed Review
Sparkle Unleashed Review By Jennifer Allen on April 18th, 2014 Our Rating: :: CLASSY MARBLE FLINGINGUniversal App - Designed for iPhone and iPad It’s a concept we’ve seen before, but Sparkle Unleashed is a solidly enjoyable orb... | Read more »

Price Scanner via MacPrices.net

iMacs on sale for up to $160 off MSRP this we...
Best Buy has iMacs on sale for up to $160 off MSRP for a limited time. Choose free home shipping or free instant local store pickup (if available). Prices are valid for online orders only, in-store... Read more
iPad Airs on sale this weekend for up to $100...
Best Buy has WiFi iPad Airs on sale for $50 off MSRP and WiFi + Cellular iPad Airs on sale for $100 off MSRP on their online store for a limited time, with prices now starting at $449. Choose free... Read more
Apple restocks refurbished Mac minis starting...
The Apple Store has restocked Apple Certified Refurbished Mac minis for up to $150 off the cost of new models. Apple’s one-year warranty is included with each mini, and shipping is free: - 2.5GHz Mac... Read more
Hyundai Brings Apple CarPlay To The 2015 Sona...
Hyundai Motor America has announced it will bring Apple CarPlay functionality to the 2015 Sonata. CarPlay is pitched as a smarter, safer and easier way to use iPhone in the car and gives iPhone users... Read more
Updated iPads Coming Sooner Than We Had Thoug...
MacRumors, cites KGI securities analyst Ming Chi Kuo, well-respected as an Apple product prognisticator, saying that Apple will introduce an upgraded iPad Air and iPad mini in 2014/Q3, meaning the... Read more
Toshiba Unveils New High And Low End Laptop M...
Toshiba has announced new laptop models covering both the high-end and low-end of the notebook computer spectrum. Toshiba 4K Ultra HD Laptop Toshiba’s new Satellite P55t features one of the world’s... Read more
Save up to $270 with Apple refurbished 13-inc...
The Apple Store has Apple Certified Refurbished October 2013 13″ Retina MacBook Pros available starting at $1099, with models up to $270 off MSRP. Apple’s one-year warranty is standard, and shipping... Read more
Apple now offering refurbished iPad mini with...
The Apple Store has Certified Refurbished 2nd generation iPad minis with Retina Displays now available starting at $339. Apple’s one-year warranty is included with each model, and shipping is free.... Read more
Microsoft Blinks – Drops Microsoft Office 365...
Microsoft has dropped the annual subscription fee for Microsoft Office 365 Personal – which is needed in order to create and edit documents in Microsoft Office for iPad. However, Apple’s iOS and OS X... Read more
New AVG Vault Apps for iOS and Android Help K...
AVG Technologies N.V. an online security company for 177 million active users, has announced the launch of its latest mobile application, AVG Vault. The free app introduces an innovative user... Read more

Jobs Board

*Apple* Solutions Consultant (ASC) - Apple (...
**Job Summary** The ASC is an Apple employee who serves as an Apple brand ambassador and influencer in a Reseller's store. The ASC's role is to grow Apple Read more
*Apple* Retail - Manager - Holyoke - Apple I...
Job Summary Keeping an Apple Store thriving requires a diverse set of leadership skills, and as a Manager, you’re a master of them all. In the store’s fast-paced, Read more
*Apple* Retail - Manager - Apple (United Sta...
Job SummaryKeeping an Apple Store thriving requires a diverse set of leadership skills, and as a Manager, you're a master of them all. In the store's fast-paced, dynamic Read more
*Apple* Solutions Consultant (ASC) - Apple (...
**Job Summary** The ASC is an Apple employee who serves as an Apple brand ambassador and influencer in a Reseller's store. The ASC's role is to grow Apple Read more
*Apple* Retail - Market Leader - Cincinnati...
…challenges of developing individuals, building teams, and affecting growth across Apple Stores. You demonstrate successful leadership ability - focusing on excellence Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.