HTML5 Tutorial

HTML5 Tutorial

HTML5 Tutorial

HTML5 Tutorial

W3Schools has excellent HTML5 tutorials at their website. What really makes the tutorials really useful is the ability to try the various HTML5 Tutorial elements live with their “Tryit” feature.

DREAMWEAVER SNIPPETS and WORKSPACE LOCATIONS

Im not sure why Adobe doesnt automatically import these important custom user files during an upgrade but regardless it’s a simple task to migrate snippets and workspaces.

The location of the personal configuration folder depends on your operating system and version of Dreamweaver. For Dreamweaver CS4 and later, it’s as follows:

  • Vista/Windows 7: C:\Users\<username>\AppData\Roaming\Adobe\Dreamweaver CSx\<language>\Configuration
  • Windows XP: C:\Documents and Settings\<username>\Application Data\Adobe\Dreamweaver CSx\<language>\Configuration
  • Mac OS X: Macintosh HD:<username>:Library:Application Support:Adobe:Dreamweaver CSx:<language>:Configuration

In all cases, <username> is the name of your user account on the computer and <language> indicates the language of your operating system. The language is usually represented by two pairs of characters separated by an underscore, as in en_US (English), es_ES (Spanish), or fr_FR (French). The x in CSx represents the version number (4, 5, 5.5, or 6).

 

Earlier versions of Dreamweaver locate the personal configuration folder in a slightly different location. This is where it can be found in Dreamweaver CS3:

  • Vista/Windows 7: C:\Users\<username>\AppData\Roaming\Adobe\Dreamweaver 9\Configuration
  • Windows XP: C:\Documents and Settings\<username>\Application Data\Adobe\Dreamweaver 9\Configuration
  • Mac OS X: Macintosh HD:Users:<username>:Library:Application Support:Adobe:Dreamweaver 9:Configuration

 

The personal configuration folder for Dreamweaver 8 and older is in a similar location, except you should replace “Adobe” with “Macromedia” and substitute the appropriate version of Dreamweaver in the path name.

 

The Dreamweaver configuration folders are hidden on Windows and Mac OS X (Lion).

 

In Windows, enable the option to view hidden files and folders  as follows:

  • In Vista/Windows 7, select Start > Computer > Organize > Folder and Search Options > View. In Advanced settings, choose Show hidden files and folders.
  • In Windows XP, select Start > My Computer > Tools > Folder Options > View. In Advanced settings, choose Show hidden files and folders.

Once you turn on this option, hidden folders are displayed as dimmed icons to remind you to treat them with care.

 

In Mac OS X (Lion), open Finder and press Shift-Cmd-Go. Type ~/Library/Application Support in the dialog box, and click Go. You should then be able to find the configuration folder.

How To Determine A Color On A Website?

So you need to match the color of something you saw on a website. You tried to sort through the html code and CSS with little success. Fret not there is a free utility INSTANT EYEDROPPER that does all the work for you.

Simply install the application and let it run in the system tray. When you need to determine a color just left click the icon in the system tray and you will see crosshair’s appear. Keep the mouse button depressed and move the cursor to the color you want to determine. Instant eyedropper will report the color in a Hexadecimal format. If you want to verify the color is correct just go here and paste the hex number in the box and display the color.

Instant Eyedropper - Utility To Determine A Color On The Internet

Instant Eyedropper - Utility To Determine A Color On The Internet

Best Free Image Resizer

Best Free Image Resizer

So your wonderful new digital camera takes fantastic pictures. There’s one problem though you have trouble sending them through email or uploading them to your favorite website. Fret not there’s an easy solution that works great and best of all it’s free!

Image Resizer for Windows is based on a function that used to be built into Windows XP that Microsoft has eliminated in Vista and now Windows 7. If there’s one thing i have learned about Microsoft if there’s a way to simplify a task it must be killed 🙂

Anyhow Image Resizer for Windows makes resizing pictures as simple as right clicking the picture or pictures  you want to resize, selecting a size and clicking the ok button.

Image Resizer for Windows

Image Resizer for Windows - Right Click Menu

Image Resizer for Windows - Advanced Menu

Image Resizer for Windows - Advanced Menu

There are two versions 32bit and 64bit of Image Resizer for Windows. If you aren’t sure which you need dont worry. If you try to install the wrong one your computer will tell you

Download Image Resizer for Windows by clicking here.

How to make a link open in a new window

You have visitors at your website or blog and you want them to click a link but you don’t want them to navigate away from your site.

Here is what you need to know:

Below is a regular HTML URL

<a href=”http://www.yoururl.com”></a>

To open in a new window you need to look at the example below and notice the target="_blank" after the end of your URL

<a href=”http://www.yoururl.com” target=”_blank”></a>