Safari Web Inspector

Safari Web Inspector

Screen shot 2009-09-29 at 9.46.50 AM

We all should know about the Firefox Firebug plugin, but did you know about the built-in web inspector for Apple’s Safari browser?

It’s a powerful set of tools that make it easy to debug, tweak, and optimize a website for peak performance and compatibility. You can view the structure of a page (DOM and CSS), debug JavaScript and graph page resources by either size or load time.

Read more on Safari Web Inspector…

SEO Cheatsheet, part one.

Important SEO HTML tags

Title Tag <head>
<title>Keyword</title>
</head>
H1,H2,H3 <h1>Most Important</h1>

<h2>Second Most Important</h2>

<h3>Third Most Important</h3> Meta

Bold, Strong

(Same Worth)

<b>Keyword</b>

<strong>Keyword</strong>

Image

(XHTML)

<img src=”keyword.jpg” alt=”keyword” />

Read more on SEO Cheatsheet, part one….

Creating a “Drop-Cap” with CSS

Creating a “Drop-Cap” with CSS

There are allot of magazine style sites out there that use “drop-caps” It is a kind-of old style of writing, but it does give magazine style sites a nice touch.

Below is the HTML and CSS code to make the first letter in a paragraph a “drop-cap”

Read more on Creating a “Drop-Cap” with CSS…

Joomla: Local and remote installations.

joomla

Joomla is probably one of the most popular content management systems (CMS). It enables you to build powerful websites and online applications. Many aspects, including it’s ease of use and extendibility, and the fact that it’s open source, and freely available makes it very popular.

Read more on Joomla: Local and remote installations….

Domains

Domains

Domains. Anyone with a website owns one. It’s what you print on your business card. It’s how you find any other website. It’s how any other person on this planet locates yours. But how many people actually know how they work?

Read more on Domains…

Sharpen your photos using Photoshop’s High Pass filter

Sharpen your photos using Photoshop’s High Pass filter
bird-before&after

click to enlarge

You probably all know about the sharpen filters in Photoshop but I have another quick and very effective way to sharpen your photos. I was shown this technique by a professional photographer. I believe I get better results using the high pass filter.

Read more on Sharpen your photos using Photoshop’s High Pass filter…

CSS Buttons vs Image Rollovers

Often a Website owner decides to “dress up” their menu display by using button graphics instead of plain text links. It’s a great idea to give your navigation more punch, but I recommend you avoid going with image files for your buttons and instead choose a simple CSS (Cascading Style Sheets) layout.

Read more on CSS Buttons vs Image Rollovers…

CSS: The Why and the How

CSS-based layouts and proper use of CSS are at the root of web standards. While there are many in the design community constantly beating the drum for wide-spread CSS use and overall compliance to web standards, you need to understand the benefits so you can decide to follow this design path yourself.

Read more on CSS: The Why and the How…

PHVsPjxsaT48c3Ryb25nPndvb19hZHNfcm90YXRlPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2ltYWdlXzE8L3N0cm9uZz4gLSBodHRwOi8vd3d3LndlYnRhbGsuY28uemEvaW1hZ2VzL3N1Ym1pdC5wbmc8L2xpPjxsaT48c3Ryb25nPndvb19hZF9pbWFnZV8yPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53ZWJ0YWxrLmNvLnphL2ltYWdlcy9zdWJtaXQucG5nPC9saT48bGk+PHN0cm9uZz53b29fYWRfaW1hZ2VfMzwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud2VidGFsay5jby56YS9pbWFnZXMvc3VibWl0LnBuZzwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2ltYWdlXzQ8L3N0cm9uZz4gLSBodHRwOi8vd3d3LndlYnRhbGsuY28uemEvaW1hZ2VzL3N1Ym1pdC5wbmc8L2xpPjxsaT48c3Ryb25nPndvb19hZF91cmxfMTwvc3Ryb25nPiAtIG1haWx0bzppbmZvQHdlYnRhbGsuY28uemE8L2xpPjxsaT48c3Ryb25nPndvb19hZF91cmxfMjwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbTwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX3VybF8zPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tPC9saT48bGk+PHN0cm9uZz53b29fYWRfdXJsXzQ8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb208L2xpPjxsaT48c3Ryb25nPndvb19hbHRfc3R5bGVzaGVldDwvc3Ryb25nPiAtIGRlZmF1bHQuY3NzPC9saT48bGk+PHN0cm9uZz53b29fYXV0b19pbWc8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fY29udGVudF9hcmNoaXZlczwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY29udGVudF9ob21lPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jdXN0b21fZmF2aWNvbjwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud2VidGFsay5jby56YS93cC1jb250ZW50L3dvb191cGxvYWRzLzQtZmF2aWNvbi5wbmc8L2xpPjxsaT48c3Ryb25nPndvb19mZWVkYnVybmVyX3VybDwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2dvb2dsZV9hbmFseXRpY3M8L3N0cm9uZz4gLSA8c2NyaXB0IHR5cGU9XCJ0ZXh0L2phdmFzY3JpcHRcIj4NCnZhciBnYUpzSG9zdCA9ICgoXCJodHRwczpcIiA9PSBkb2N1bWVudC5sb2NhdGlvbi5wcm90b2NvbCkgPyBcImh0dHBzOi8vc3NsLlwiIDogXCJodHRwOi8vd3d3LlwiKTsNCmRvY3VtZW50LndyaXRlKHVuZXNjYXBlKFwiJTNDc2NyaXB0IHNyYz1cJ1wiICsgZ2FKc0hvc3QgKyBcImdvb2dsZS1hbmFseXRpY3MuY29tL2dhLmpzXCcgdHlwZT1cJ3RleHQvamF2YXNjcmlwdFwnJTNFJTNDL3NjcmlwdCUzRVwiKSk7DQo8L3NjcmlwdD4NCjxzY3JpcHQgdHlwZT1cInRleHQvamF2YXNjcmlwdFwiPg0KdHJ5IHsNCnZhciBwYWdlVHJhY2tlciA9IF9nYXQuX2dldFRyYWNrZXIoXCJVQS02ODgwNTIxLTVcIik7DQpwYWdlVHJhY2tlci5fdHJhY2tQYWdldmlldygpOw0KfSBjYXRjaChlcnIpIHt9PC9zY3JpcHQ+PC9saT48bGk+PHN0cm9uZz53b29fbG9nbzwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX21hbnVhbDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbS88L2xpPjxsaT48c3Ryb25nPndvb19uYXZfZXhjbHVkZTwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX3Jlc2l6ZTwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19zaG9ydG5hbWU8L3N0cm9uZz4gLSB3b288L2xpPjxsaT48c3Ryb25nPndvb190aGVtZW5hbWU8L3N0cm9uZz4gLSBUeXBlYmFzZWQ8L2xpPjxsaT48c3Ryb25nPndvb190aHVtYl9oZWlnaHQ8L3N0cm9uZz4gLSAyODA8L2xpPjxsaT48c3Ryb25nPndvb190aHVtYl93aWR0aDwvc3Ryb25nPiAtIDQzNTwvbGk+PGxpPjxzdHJvbmc+d29vX3VwbG9hZHM8L3N0cm9uZz4gLSBhOjI6e2k6MDtzOjYxOiJodHRwOi8vd3d3LndlYnRhbGsuY28uemEvd3AtY29udGVudC93b29fdXBsb2Fkcy80LWZhdmljb24ucG5nIjtpOjE7czo2MToiaHR0cDovL3d3dy53ZWJ0YWxrLmNvLnphL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvMy1mYXZpY29uLmljbyI7fTwvbGk+PC91bD4=