Looking to learn CSS? (book review)

4/5

Stylin' with CSS: A Designer's Guide (2nd Edition) (Voices That Matter)If you’re looking to jump into CSS or maybe just refresh your skills – then this is a good book to pick up!

Book Description: “This book teaches you everything you need to know to start using CSS in your web development work, from the basics of marking up your content and styling text, through the creation of multi-column page layouts without the use of tables. Learn to create interface components, such as drop-down menus, navigation links, and animated graphical buttons, using only CSS (no JavaScript required). Discover how to design code that works on the latest standard-compliant browsers, such as IE7 and current versions of Firefox, Safari, and Opera, while working around the quirks of the older ones.” – Amazon.com

As the description states, there are plenty of examples to give you a good feel for CSS. What makes this book stand out for me? Well, let me list the ways:

  • The book is written in a easy, clear style that makes you want to keep reading.
  • CSS concepts and rules are explained very well and as an added bonus – the why of CSS is explained – something that many other books seem to leave out.
  • The organization of this book is great, both for the first read and use as a reference (check out the appendices).
  • Its is easy to look at – meaning, the points and tips are well placed so that you don’t mind reading though the material (unlike many other technical books)

All in all I’d say this is a book you should check out if you think your CSS skills are getting a litttle rusty or your just starting out. If you’re quite familiar with CSS or are looking for the hottest CSS layouts and designs or tricks, then maybe another book is for you.

Rated 4/5 on May 24 2008
Vote on John Crosby‘s reviews at LouderVoice
LouderVoice review tags:

Posted in news | Tagged , , , , | Leave a comment

Identifying Multiple Screens with Adobe AIR

While working on a presentation about Native Windows & Adobe AIR I ran into the Screen class. The screen object provides information about the display screens available to an application allowing you to position applications/windows on different screens. I say screens and not monitors because of a little caveat that the livedocs have in them:

Note that there is not necessarily a one-to-one correspondance between screens and the physical monitors attached to a computer. For example, two monitors may display the same screen.

I thought I’d have a little fun to get my code fingers back after a week in Cabo San Lucas, and create a little AIR app that identifies each screen. The basics are:

  1. Identify the Screens – I knew I had 2 screens, so that was easy. The screens property is an array of Screen objects, so you can work with as many as the user has.
  2. Create something to identify the windows – I used transparent windows with a label to make things simple.
  3. Then position the new windows on the screens.

[as]

private var _screenOne:Screen;
private var _screenTwo:Screen;

private function _identScreens( p_event:MouseEvent ):void
{
// I know I have 2 screens so I’ll just grab those
_screenOne = Screen.screens[0];
_screenTwo = Screen.screens[1];

// Now lets identify the screens
var identOne:IdentWindow = new IdentWindow();
identOne.title = “Screen One”;
identOne.screenLabel = “1″;

// open the irst window and set its position on the first screen
identOne.open( true );
identOne.nativeWindow.x = ( _screenOne.bounds.width / 2 ) – ( identOne.width / 2 );
identOne.nativeWindow.y = ( _screenOne.bounds.height / 2 ) – ( identOne.height / 2 );

var identTwo:IdentWindow = new IdentWindow();
identTwo.title = “Screen Two”
identTwo.screenLabel = “2″;

// open the second window and set its position on the second screen
identTwo.open( true );
identTwo.nativeWindow.x = ( _screenTwo.bounds.right – ( _screenTwo.bounds.width / 2 ) ) – ( identTwo.width / 2 );
identTwo.nativeWindow.y = ( _screenTwo.bounds.bottom / 2 ) – ( identTwo.height / 2 );
}
[/as]

Very straight forward and simple, but a fun little exercise.

You can download and install the app (with source) using the badge below:

Please upgrade your Flash Player This is the content that would be shown if the user does not have Flash Player 9.0.115 or higher installed.

Or, download the zip’ed flex archive:

http://www.thekuroko.com/wp-content/plugins/downloads-manager/img/icons/winzip.gif download: Identify Screen Sample (4.59KB)
added: 07/05/2008
clicks: 548
description:

Posted in news | Tagged , , , , | Leave a comment

Adobe Announces the Open Screen Project

Adobe has just announced the Open Screen Project.

The Skinny:

  • Restrictions on use of the SWF and FLV/F4V specifications will be removed
  • The device porting layer APIs for Adobe Flash Player will be published
  • The Adobe Flash® Cast™ protocol and the AMF protocol for robust data services will be published
  • Licensing fees will be removed – making next major releases of Adobe Flash Player and Adobe AIR for devices free

What does it really mean? Well it could be the promise of a universal application platform and the ability to write an application and deploy it everywhere. But, we know, with the likes of Apple and Google, who haven’t really taken to the flash platform, that probably isn’t the case. To me it means that Adobe is allowing the community as a whole to participate in the direction that the flash platform takes. To develop what what the community wants and thinks needs to be developed. This is a good thing – yay Adobe and yay Flash!

A few more links to read:

Ryan Stewart

Techcrunch

Wired

Developers: http://www.adobe.com/openscreenproject/developers/

Businesses: http://www.adobe.com/openscreenproject/businesses/

Posted in news | Tagged , , , , , | Leave a comment

Beatport Downloader 1.0 officially launched!

The Beatport Downloader launched officially on April 22nd. This is an application that the team here at Realeyes built. The official downloader description follows:

The Beatport Downloader allows you to download and organize your recently purchased tracks with one click. No more incomplete or lost music, easily see the status of all your downloads. Organize your music like never before through the Downloader’s folder naming preferences. This feature allows for full control of how you store and search your music library. Install the application by clicking the Install button to the right. If you do not have Adobe® AIR™, it will ask you to install that first. Learn more about Adobe® AIR™ below.

About Beatport:

Beatport is the first authentic digital music store designed to service the evolution of the digital music culture, redefining how DJs and enthusiasts acquire their music. Beatport.com allows users to access the world of club music through secure, legal, hi-speed, high quality downloads in MP3, MP4 and WAV formats on a pay per download basis. With hundreds of labels and thousands of users world wide, Beatport is recognized as the leader for online, electronic dance music.

So, if you’re interested, check out the downloader at www.beatportdownloader.com.

Posted in news | Tagged , , , , , | 2 Comments

REDBug, WordPress and Firing up the Grill (Link share)

It has been a little slower at Realeyes latley so I’ve had time to play a bit. While playing I’ve run into some pretty interesting things over the past week, so I thought I’d share a few of the links I liked.

Development:
RealEyes Media . RED|bug
Release an updated version recently. Nifty debugging/logger AIR app that we’ve built.

Contacts Data API – Google Code
API from google so you can “own” your contact data…pretty nifty implications.

Selenium
A test tool for web applications. Selenium tests run directly in a browser, just like real users do. It runs in Internet Explorer, Mozilla and Firefox on Windows, Linux, and Macintosh, Safari on the Mac. We have plans to target Safari on the iPhone in some months.

101 Adobe AIR Resources to Add to Your Toolbelt of Awesomeness

CSS Templates ( Page 1 of 12 ) – Free CSS Templates

Concepts:
DataPortability.org – Share and remix data using open standards
DataPortability: The option to share or move your personal data between trusted applications and vendors

GTD:
mGTD: GTD for Moleskine v1.0 | Anabubula.com *
Another (pretty cool) moleskin hack.

WordPress:
WordPress › AIR Badge « WordPress Plugins
Allows you to easily create an install badge for your AIR applications using the [airbadge] tag in your posts.Created by Peter Elst

WordPress › Downloads Manager « WordPress Plugins
Adds a simple downloads manager to your blog.

Random Resources:
Digsby = IM + Email + Social Networks
Instant messaging, email notifications and social networking all in one client (Twitter, Facebook and MySpace)

Firing Up Your Weber Bullet – The Virtual Weber Bullet
It is spring time after all

Free eBooks – All Our Classic Books and Novels
Free literature for you to download – I like reading (ahem…listening) in the car!

Mark Shuttleworth » Blog Archive » Playing nicely with Windows
Windows-native installer for Ubuntu

Posted in news | Tagged , , , , | Leave a comment