Top 10 Web Designer on Yahoo!
It seems that, with no conscious effort at all, I have entered the number 10 spot on Yahoo! UK for the term "Web designer". (since posting this I have now moved up to the prestigious No. 5 spot)
Have a look at my portfolio to see what I can do...
This got me thinking about the way search engines spider web pages, because if you check the same thing on Google, I am miles away from the top spot.
If you have a website and want to compare and contrast your positionings, do a Search Engine Index Count following these instructions:
Google and Ask
site:yourdomain.com yourdomain.com
FAST Search
domain:www.yourdomain.com
AltaVista
domain:www.yourdomain.com
Yahoo
site:yourdomain.com or domain:yourdomain.com
MSN Search
site:yourdomain.com
posted by Jenna at
9:04 AM
|
New BBC Homepage (Beta or Worse)
posted by Jenna at
11:28 AM
|
CSS Background Position Shortcuts
I often use divs and background images on a constant basis to get a modern look and feel to a website. When doing so it is important to know the CSS shortcuts for the element background-position.There are two basic ways of writing this in your stylesheet, 1.with Keywords and 2. with Percentages or Lengths.
Keywords
- Horizontal keywords: left, center, right
- Vertical keywords: top, center, bottom
For example to place an image in the top right hand corner you would write the following:
- #header {background: url(/images/header.jpg) top right no-repeat;}
Percentages and lengths can also be used as a positioning technique. I would recommend using percentages over lengths due to varying screen resolutions. Percentages position the image relative to the element with which it is contained. When writing the code for this technique remember that the horizontal position is declared first.
Percentages and/or Lengths
- top left = left top = 0% 0%
- top = top center = center top = 50% 0%
- right top = top right = 100% 0%
- left = left center = center left = 0% 50%
- center = center center = 50% 50%
- right = right center = center right = 100% 50%
- bottom left = left bottom = 0% 100%
- bottom = bottom center = center bottom = 50% 100%
- bottom right = right bottom = 100% 100%
For example to place an image in the top right hand corner using percentages you would write the following:
- #header {background: url(/images/header.jpg) 100% 0% no-repeat;}
Note: If only the horizontal value is given, the vertical position will be 50%. Combinations of lengths and percentages are allowed, as are negative positions. For example, 100% -5px is permitted. However, percentages and lengths cannot be combined with keywords.
posted by Jenna at
8:27 PM
|
CSS Vault & Design Shack Feature
It's good news all round at the moment. Plexus Design has been featured on another two CSS Gallery websites.
CSS Vault one of my favourite CSS Design Galleries has been kind enough to give me 5 stars for design work.
Design Shack a web design showcase, CSS tutorials and web standards gallery has featured my site on their elite list.
Still trying my hardest to get on to CSS Mania- the Best CSS Gallery, one which I look at on a daily basis for inspiration. Come on CSS Mania please show my work!
posted by Jenna at
6:44 PM
|