HTML 5 and CSS 3 Browser Compatibility Checklist

Application

Hide Coda ⌘H

Hide Others ⌥⌘H

Preferences… ⌘,

Quit Coda ⌘Q

Editing

Balance ⌘B

Beginning of Line ⌘←

Bigger Font ⌘+

Blockedit Selection ⇧⌘B

Check Spelling ⌘;

Clear Change Marks ⌥⌘M

Close Tag ⌥⌘.

Copy ⌘C

Cut ⌘X

End of Line ⌘→

Find (in current document) ⌘F

Find & Replace ^⌘G

Find in Files… ^⌘F

Find Next ⌘G

Find Previous ⇧⌘G

Go To Line Number… ⇧⌘L

Hide Find Banner ⇧⌘F

Jump to Selection ⌘J

Look Up Selected Word in Reference Books ⌘’

Next Change (in shared document) ⌥⌘C

Next Symbol ⌘D

Next Word ⌥→

Paste ⌘V

Preview in Default External Browser ⌥⌘B

Previous Change (in shared document) ⌥⇧⌘C

Previous Symbol ⇧⌘D

Previous Word ⌥←

Redo ⇧⌘Z

Search Files… ⌥⌘F

Select All ⌘A

Shift Left ⌘[

Shift Right ⌘]

Show Colors ⇧⌘C

Show Fonts ⇧⌘T

Show Invisible Characters ⌥⌘I

Show Line Numbers ⌥⌘L

Show Spelling and Grammar ⌘:

Show Validation Errors ⌥⌘V

Smaller Font ⌘-

Special Characters… ⌥⌘T

Split Document ^⌘L

Undo ⌘Z

Use Selection for Find ⌘E

Use Selection for Replace ⌥⌘E

Un/Comment Selection ⌘/

Wrap Lines (toggle) ⌥⌘W

View Source ⌥⌘U

Files

Back ⌥⌘←

Close File ⌘W

Close Window (and all of its tabs) ⇧⌘W

Delete… ⌘⌫

Forward ⌥⌘→

Get Info ⌘I

Go To Folder… ⌥⌘G

Hide/Show File Browser ^⌘B

New Folder ⇧⌘N

New File ⌥⌘N

New File (of default type) ⌘N

New Split ^⌘S

New Tab ⌘T

New Window ^⌘N

Open… ⌘O

Page Setup… ⇧⌘P

Parent ⌥⌘↑

Print… ⌘P

Publish ⌥⌘P

Reload ⌘R

Save ⌘S

Save As… ⇧⌘S

Set Shared Access To Read/Write ^⌘A

Set Shared Access To Read Only ⌥⌘A

Share via Bonjour ⇧⌘E

Modes

Books ⌘6

CSS Editor ⌘4

Preview ⌘3

Sites ⌘1

Terminal ⌘5

Text Editor ⌘2

Preview

Go To Location ⌘L

Reload ⌘R

Sites

Add Site… ⇧⌘A

Connect to Server… (without using Sites) ⌘K

Publish to Server (locally changed files) ^⌘P

Source Control

Commit ⇧⌘M

Refresh ⇧⌘R

Update ⇧⌘U

Windows

Clips ^⌘C

Minimize ⌘M

Next Tab ⌘}

Previous Tab ⌘{

Transcript ^⌘T

The is a Video Presentation of Paul Boag’s Presentation at the FOWA – Future of Web Apps conference. Titled “Educating clients to say yes“. Check it out over at carsonified.com

Check out the excellent screencast over at nettuts.com

1. Start a code library and find a fast way to access it.

If you program and are not the strongest typist in the world. An option that will speed up your productive. Create a code library “sometimes referred to as snippets” of the code blocks you use the most.

I find this really speeds up production when you don’t have to repeatedly type the same code over and over again. When working in PHP having not to type.

$connection = mysql_connect(“localhost”,”root”,”password”);
@mysql_select_db(“database”, $connection);
$query = “INSERT INTO application (first_name, last_name, address, city, state, zipcode, email, birthday, home_phone, other_phone, home, time_at_address, payment, employment, employer, income, ssn, bankrupt, cosigner, confirmation, signup, timestamp) VALUES (‘$firstname’, ‘$lastname’, ‘$address’, ‘$city’, ‘$state’, ‘$zipcode’, ‘$email’, ‘$birthdate’, ‘$phone1′, ‘$phone2′, ‘$ownrent’, ‘$time_at_address’, ‘$payment’, ‘$employment’, ‘$employer’, ‘$income’, ‘$ssn’, ‘$bankrupt’, ‘$cosign’, ‘$confirmation’, ‘$optin’, ‘$timestamp’)”;

and just typing “php_connect_insert” is a real timesaver. Sure your going to have to take some of column names and values out or change them. But the structure and form I use and can easily navigate is instantly there.

Applications like Panic’s Coda, Micromate’s TextMate and Adobe Dreamweaver have this indispensable feature with a fast way to access it. You could also use a program like TextExpander by Smile on my Mac software that stores the snippets and makes them available system wide or to only the applications you designate.

2. Get good and know the language.

Ok this is blatantly obvious. The web is a fantastic resource to get you over a programming speed bump. But finding a good example of exactly what your trying to do takes time. There is no replacing being up on your programming chops to rocket though the code and get the project done. Developing yourself will always pay ten fold over what equipment you use.

3. Find someone that knows more about programming than you and find someone that knows less.

Having someone around you can bounce ideas and problems off of that has been in the game longer than you is one of the best ways to learn. Once learned teach that new info to the person who knows less than you. You’ll find that the process of teaching allows you to retain more of what you have learned than if you had not shared it.

4. Find a few easy to understand and easy to navigate sites for syntax reference.

I comb through php.net and mySQL.com sites on a regular basis. Those are the languages I use most and I was lucky that both these sites have tons of notes and forums. I love actionscript. But adobe’s site is the last place I go for help with it. It’s slow and the forums are not well trafficked. Flashkit.com and Actionscript.org are much more useful.

So that’s my list of programming tips. Comment below and add your own tip to the list.

Espresso is in development. But macrabbit.com will be starting a beta program soon and has already started to take submissions to be part of it. Just head over to http://www.macrabbit.com/espresso/ and sign-up.

iPhone Article link

Google has been developing a new algorithm for indexing textual content in Flash files of all kinds, from Flash menus, buttons and banners, to self-contained Flash websites. Recently, we’ve improved the performance of this Flash indexing algorithm by integrating Adobe’s Flash Player technology.

To read the whole post. Click Here.

So today the Apple faithful will get see what we will be paying off, on our credit cards for the next 6 months.
But best of all the rumors will be put to rest and surprises will be had.

“Cue cheesy soap opera music”

• Will there be an Apple Tablet?
• Will 10.6 leave Power PC uses in the dust?
• Will Steve feed his coding multitudes with a fish and a few loafs of bread?

These and other questions should be answered today at 10 a.m. Pacific time or Noon Central Time.

Here are some of the “up to the minute” Keynote news pages for you to pick from:
(I’ll add new ones as I find them)

Macworld’s keynote page

TUAW.com WWDC NewsPage

The TUAW has posted its Schedule for the day:

• 1pm ET — our metaliveblog coverage of the keynote begins, anchored by Erica and enthusiastically supported by the entire team. We’ll be monitoring live coverage from all over the Internet and bringing it to you.
• 2:30 pm ET (approx) — Live reader Q&A session via CoveritLive on the front page. We want to hear your keynote impressions and answer as many of your questions as we can.
• 10 pm ET — If circumstances permit, we’re going to do a special WWDC talkcast tonight, with live reactions from developers and our man on the ground. Check the TalkShoe page for updates and precise schedule.

Tech Crunch has start blogging from WWDC.

Engadget is starting their WWDC postings

Lately I have been very interested in how far we can take Typography only using CSS. Sure you can use images or sIFR to produce some very beautiful typography, but there is something unique and special about using only CSS. It is incredibly useful too, if you know the extent you can take CSS you end up with much more flexible websites— especially ones driven by a CMS.

Think about how difficult sIFR or images get when you want to replicate that typography or typeface over 100 pages powered by a CMS. If you can get beautiful type via CSS it makes this situation very easy and with out compromise.

There are a lot of great sites out there that have beautiful Typography using only CSS, however simply looking at them is only half of the picture. We want to know what did they do, and how/why does it result in beautiful type? NOTE: Do not simply steal the design/code/style listed here, learn from it. I have seen a few sites that have ripped off the design elements of these sites and it is awful.

(Via 3point7designs.com.)

Make a Footer Stick to the Bottom of the Page: CSS Sticky Footer is Cross-Browser

There are several ways to make a footer stick to the bottom of a page using CSS. But until now, they’ve used long and messy hacks or a lot of extra HTML markup; this method uses only 15 lines of CSS and hardly any HTML markup. Even better, it’s completely valid CSS, and it works in all major browsers. Internet Explorer 5 and up, Firefox, Safari, Opera and more.

(Via ryanfait.com.)