Dec 08

google chrome for macGoogle has finally released an official beta version of its Chrome browser for Mac. The initial beta version, termed Build 4.0.249.30, requires Mac OS X Leopard or Snow Leopard, and is only compatible with Intel-based Macs. In addition to the Mac release, Chrome for Linux has also been promoted to a beta version.

While developer builds of Chrome have been available for nearly six months, only now does Google consider it full-featured enough and stable enough to promote to its “Beta” release channel. Work will continue on Chrome with additional Developer Preview releases occurring on a regular basis. Refined versions will then periodically (approximately monthly) be released as new additions to Chrome’s Beta channel. Releases will eventually make their way to Chrome’s “Stable” channel, which will offer “rock solid” performance without the inclusion of features still under development and testing.


Download Google Chrome


Google Chrome Extensions

chrome-homepage

tags: , ,

Oct 27

I could say -  I always write code that’s valid and “Apply Source Formatting” as Adobe Dreamweaver CS4 does it , but the truth is I’m a hack.
I get things to work with spit and chewing gum, and my code is a sloppy mess. Tidy Service to the rescue!

Tidy Service is a OS X Service that cleans up markup using the powerful HTML Tidy library originally created by  Dave Raggett. The version of HTML Tidy used in this build corresponds to the binary version released on February 11th, 2007.

HOW DO INSTALL IT?

  1. Download Tidy Service
  2. Copy TidyService.service file to /Users/<your home directory>/Library/Services/
    Note: You may need to create the directory “Services” if it does not already exist.
  3. Logout and then login  again (or restart systyem).
    Note: Tidy Sevice will not appear in the Services menu until you logout, then login
  4. Create settings for TidyService.
    create /Users/<your home directory>/TidyService.conf
    and insert following settings to TidyService.conf

    indent: yes
    indent-spaces: 4
    wrap: 72
    markup: yes
    output-xml: no
    input-xml: no
    show-warnings: no
    numeric-entities: no
    quote-marks: yes
    quote-nbsp: yes
    quote-ampersand: no
    break-before-br: no
    uppercase-tags: no
    uppercase-attributes: no
    doctype: omit
    show-body-only: yes
    output-html: yes
    tidy-mark: no
    

    A detailed listing of options can be found at http://tidy.sourceforge.net/docs/quickref.html

  5. Set a shortcut to easy access to Tidy Service. Open Leopard -> System Preferences -> Keyboard -> Keyboard Shortcuts. Select Services in left box and set find “Tidy Markup” in list.
    system.preference.keyboard

HOW TO USE

Tidy Service can be used to clean up HTML markup in any application that supports services by selecting (Coda, SubEthaEdit, Tumult HyperEdit, or TextWrangler) the markup in question and choosing one of the Tidy menu items from the Services menu.
tidy_service
Currently, there are two processing options: Tidy Markup and Tidy to XHTML. Tidy to XHTML instructs the Tidy engine to  generate valid XHTML, while Tidy Markup does not.

tags: , ,

Oct 08

If you are a web designer or do any work matching colors with photos, you are in luck. Mac OS X comes with a cool little program to help you get the digital value of any pixel on the screen. It’s called Digital Color Meter.

Here is how to do it:
Step 1: From the ‘Finder’ menu, choose ‘GO->Utilities’ or click Shift + Command + U
Digital Color Meteor Utility

Step 2: Next, open the app, ‘Digital Color Meter’
digital color meteor

Now, you can change the aperture size to smaller (left) or larger (right). Also, you can use the drop down menu to choose what format you want it represented in. For HTML coding, use RGB As Hex Value, 8-bit.
To copy the displayed color value to the clipboard, hover the mouse cursor over the color you want to measure and press Shift+Command+C. Your needs may be different, and it gives you several options to choose from.

digitalcolor meter keyboard shortcuts:

  • Lock Position (Command+L)
  • Lock X (Command+X)
  • Lock Y (Command+Y)
  • Copy Image (Command+C)
  • Save as TIFF (Command+S)
  • Hold Color (Shift+Command+H)
  • Copy Color As Text (Shift+Command+C)
  • Copy Color As Image (Option+Command+C)

More about DigitalColor Meter on Wikipedia

tags: , , , , ,

Sep 30

About Coda

CodaApple Design Awards 2007 winner! So, we code web sites by hand. And one day, it hit us: our web workflow was wonky. We’d have our text editor open, with Transmit open to save files to the server. We’d be previewing in Safari, adjusting SQL in a Terminal, using a CSS editor and reading references on the web. “This could be easier,” we declared. “And much cooler.”

Coda is a unique web development environment that offers a complete file browser (both locally and remotely), publishing, full-featured text editor, WebKit-based preview, CSS editor with visual tools, full-featured terminal, built-in reference material, and much more. Coda is the Mac’s first one-window Web development application that integrates numerous modules into   one cohesive user experience.

Coda - Your Sites screen
All of the usual languages are supported and styled appropriately including:
CSS, HTML, Javascript, Java, Perl, PHP, Python, Ruby, SQL, XML, and straight text.

I do web development pretty much every day and have never been a real fan of the all inclusive, live editing types of tools. Honestly tools like Dreamweaver really makes me cringe. So like many others I normally have a separate application for text editing, FTP, shell, and of course a few browsers open. I have to tell you, I’ve taken the red pill now and doing away with all of these separate tools actually seems possible with Coda.

The software is $99 but you do have a trial period to test it out and see if you like it. The staff at Panic appear to be interested in ideas to improve the software further so if you have any suggestions its worth dropping them an email.

System Requirements:
Mac OS X 10.4 or later (include Snow Leopard). Official website to download it panic.com
See the Coda text editor in actions:
You need to a flashplayer enabled browser to view this YouTube video

tags: , , ,

Sep 05

panicPanic Inc. creates some of the best Mac software on the market. From Coda to Transmit to CandyBar, Panic’s software simply works. One of the great things about two of their most popular applications, Transmit and Coda, is that they function very well together. Coda’s FTP functionality is built on Transmit’s, and, because of this, Panic has made it easy to import one’s Favorites from Transmit into Coda.

codatransmit

To import Favorites from Transmit to Coda:
1.  Launch Coda,
2. Select “Sites” from the menu bar,
3. Choose “Import Transmit Favorites….”

As long as your copy of Transmit is registered, this feature should work.

tags: , ,