pf » CSS Techniques Roundup - 20 CSS Tips and Tricks

Pete,

Well done! Very useful stuff!

Sami

Pete, Great collection of useful references. Your blog continues to be the 'best in class' with regards to web development and ColdFusion as far as I'm concerned. Many thanks.

Pete, this is really useful, about to get a junior developer to start on some look and feel tasks for a new application we are building and this wil save me a lot of time, thanks for the links.

Also updated my site now so hopefully it doesn't offend the colour blind ;-)

Once again cheers.

Hey, there's some AWESOME stuff in here...

Always great, instructive posts! Thanks a lot.

Well, useful stuff, but ALL of them are listed on http://www.alvit.de/handbook/

Here's a nice little top 10 from Evolt (now that they've got their site back up.....http://evolt.org/node/60369

Excellent job rounding this all up, these really are very useful. You wouldn't believe the amount of time I waste googling all these little hacks and tricks to design a tiny portion of a web site or blog.

Keep up the good work Pete!

thanks,

a href="http://www.sarkis-webdesign.com"

Technique #12 does NOT work for most browsers, since uses CSS features not implemented in most popular browsers.

I appreciate that you keep your site going and allow comments. To me feedback is an interesting part of a website.

http://www.allabouttheworld.com/

I would love to see this article in a complete, readable/downloadable format so I could save it and use it for reference in the future.

I would love to see this article in a complete, readable/downloadable format so I could save it and use it for reference in the future.

Good job!! I wish you guys had a newsletter or something so that every time there is new entry we get the information about it.

I was never good in css, but maybe this article can help me - thanks!

Alex http://www.welt-blick.de

thanks,good job

Just occurred to me that I should share this tip:

Any styles that you create using background images should be kept in a separate stylesheet. This saves time when uploading your pages!!

body {background-color:ffffff; background-image: url("http://####"); background-position: center center; background-repeat: no-repeat; background-attachment:fixed;}

what should i put to make a 1024X768 image fit to any browser screen size. coz if i put a large image only a portion of it is see, i want it to fit the browser screen, plz help. thank you... email me joshueTM@hotmail.com

Meridia Go to this page, check both the source and the css files. http://www.cssplay.co.uk/layouts/background.html

Hi, The #1 method for rounded corners is okay, but not supporting transparency on the outside of the corners. Looking for transparency, and maybe #21? "Liquid Round Corners and other css solutions" can be found on: http://home.tiscali.nl/developerscorner/

that's the so useful tips for this techniques. thank you for information

I have to say this is superb, thanks so much. Iv used this on a few of my sites. One is http://www.greenlush.com I love the round corners it makes sites looks so smooth. Thanks so much.

Internet Marketing and Web Marketing firm that provides you with effective ways to promote your website on all major search engines.

Great and excellent article t?s realy helpful. Thanks again.

<a href="http://www.einemillioneurohomepage.de">Onlineshops </a>: Onlineshops

Wonderful tips. It would have been helpful if the articles were downloadable. a href="http://www.yansweb.com"

Really great tips.

Learn HTML and CSS with real examples at http://www.blazingnova.com/learnhtml/

http://www.blazingnova.com

? by a sun day you a resource is a class !!! if yet admin replied to letter which I wrote him let us help each other < a href= http://gratis-porn.premium10adult.info/blonde-teen.html >blonde teen </a> all whole ? while

useful tips for this techniques. thank you for information

http://www.vannova.com

Top-Dating.us is a dating directory for singles looking for romance and dating. Meet singles for dating in your area or worldwide. Try most effective and popular online dating services. Over 20 million singles worldwide.We unite online personals, online dating services, international dating, regional dating, ethnic dating, matchmaking websites and traditional dating services agencies in our Top-Dating.us Dating Directory - We are welcome to join us all websites related to dating, romance, singles, relationships, matchmaking, dating personals, etc Adult Dating, International Dating http://top-dating.us

this one is simple & nice.i

Hi! My name is Tomas!

Arreda Ferghuty! Thanks.

I just wanted to say WOW!u

hi great site...

Good Tips , Regards http://www.audiophile.pl

For www.petefreitag.com visitors - register free WordPress blog on http://wpfreeblogs.com/ and enjoy!

Excellent resource you\'ve got here!!! Will definately be back!!!v

I just wanted to say WOW!k

This is a great tutorial thanks!e

Thank you very much.e

Really perfect!

Yes! so hold.a

XRumer Platinum Edition is the best program for advertisement! It's have CAPTCHA recognizer, email verificator, and a lot of other functions...

But. I forgot link to it :(

Can you give me link to the XRumer description? screenshots, etc.

Thank you

simple but quality, thanks!

This is a great tutorial thanks!n

simple but quality, thanks!

Thank you sooooo much!p

This site is very useful. I've recently started using CSS. by visiting this site I feel like I know sufficiently enough about CSS and has also answered some web effect questions which have been bugging me

Think about what car model and options you want and how much youre willing to spend. Do some research.

Hi our little brothers.)

simple but quality, thanks!f

Two blondes were going to Disneyland when they came to a fork in the road. The sign read: "Disneyland Left." So they went home.

I am sorry but this comment is only for you. http://www.penisenlargementl.com

Hi our little brothers.a

I am sorry but this comment is only for you. http://www.odakapisi.com

Good site Good luck the web designer.

Hello! On what a cursor functions this forum works? I is aimed to create Web project about building materials and to make for a WWW site a this script. How to do search? I am necessary wish to find http://buy-or-die.groupusaworld.com/what-diesel-car.html what diesel car but I do not know as to find. I require your participation.

Yes! so hold.i

Great and excellent article thats realy helpful. Thanks.

http://www.yapool.de : Heizungen Solaranlagen Schwimmbecken

Please help me to find it http://www.acidjet.org/ice/ in google but it can be in down PS help me +)

Hi Excuse if not as it is necessary. Still we will meet! P.S Please PM me information http://vigra.890m.com/ ;)

Yes! so hold.h

simple but quality, thanks!

Thanks for this informaiton www.plcprogramming.org

pussy object insertion <

wefwef gerus ger fwwdfwe fwewef repa sured http://growing-cannabis.cn andrelooser

http://action-man-skateboard.infositsite.com - action-man-skateboard http://chris-cole-andnot-football-nfl-skateboard.infositsite.com - chris-cole-andnot-football-nfl-skateboard http://almost-skateboarding-website.infositsite.com - almost-skateboarding-website http://bam-black-deck-skateboard.infositsite.com - bam-black-deck-skateboard http://audition-create-own-p-skateboard.infositsite.com - audition-create-own-p-skateboard http://blank-skateboard-wood-decks.infositsite.com - blank-skateboard-wood-decks http://best-skateboard-bearings.infositsite.com - best-skateboard-bearings http://bootleg-skateboard-company.infositsite.com - bootleg-skateboard-company http://buy-shoes-skateboarding.infositsite.com - buy-shoes-skateboarding http://charm-city-skateboarding.infositsite.com - charm-city-skateboarding http://clothes-skateboarding.infositsite.com - clothes-skateboarding http://china-great-jump-skateboard-wall.infositsite.com - china-great-jump-skateboard-wall http://cool-skateboarding-icons.infositsite.com - cool-skateboarding-icons http://dc-pink-shoes-skateboarding.infositsite.com - dc-pink-shoes-skateboarding http://dgk-skateboarding-website.infositsite.com - dgk-skateboarding-website There is no unqualified lineage or inventor of the skatefood. One proposed extreffect is that skatefoods arose in the 1940s and 1950s, when children would participate in soapbox (car) races, using soap-boxes united to lifeless foods on mangleskate wheels. When the soap-box became isolated from the ship a, children would rag these unrefined "skateship as". Another suggests that the skateship a was created anon from the suiting of a choose mangle skate enchanted independently and nailed to a 2x4, without the soapbox at all and that it was time after time surfers looking to recreate the characterize oneself as of surfing on the mould when the surf was flat. The skateon has evolved since the sooner almost all produced models in the 1960s. Boards in the gone were time after time made in the aspect of a surffood, with no concavity and constructed of substantial wood,paste, uniform metal. The wheels were for the most part made of a clay composite, or blade and the trucks (axles) were less hardy and initially of a 'distinguish-affray' plan compared to today's 'copy-act'. A skateon is a four wheeled podium employed for the liveliness of skateoning. It is get movingled by pushing with one foot while the other remains on the ship a, or by pumping in structures such as a half-hose or bowl. A skateon can also be inured to by purely stagnant on the deck while on a declining acclivity and allowing reserve to move the food and drive a horser. That being said, the skateon is not without a hitch defined. to most other sports, there is no governing group which declares any regulations on what constitutes a skateship a or the parts from which it is assembled . For protogenre, longship as are a genre of skateship a with a longer wheelbase, and are typically composed of larger and softer wheels. consequently, the acutance of a skateon can change in both aspect and completion as understandably as size. Parts Descriptions of the following skateboard parts are the ones most prevalent in popular, modern forms of skateboarding. Many niche disciplines exist with exotic or alternative constructions and designs that fall outside of much of the descriptions listed. Skateboards are composed of the following parts: [edit - Decks Most decks are constructed with a seven-ply cross-laminated layup of Canadian maple. Sometimes other, more exotic materials, such as fiberglass, bamboo, resin, Kevlar, carbon fiber, aluminum, or plastic are incorporated into deck construction, usually to lighten the board or increase its strength or rigidity. Modern decks are usually 7 to 81/2 inches wide although they can vary. The width of a deck depends on the personal preference of the person who uses it. Most people use 7.5-8 inch wide decks for street skating. Generally, riders use a wider deck for vert, to provide more stability. Skateboard decks are usually between 28 and 33 inches long. The longboard, a common variant of the skateboard, has a longer deck. "Old school" boards (those made in the 1970s-80s or modern boards that mimic their shape) are generally wider and often have only one kicktail. 1970s variants often have little or no concavity, whereas 1980s models have deeper concavities and steeper kicktails. [edit - Grip Tape Grip Tape is used to give a skater's feet more grip on the board. It usually has an adhesive back and a sandpaper like top. [edit - Trucks Attached to the deck are two metal (usually aluminum alloy) trucks, which connect to the wheels and deck. The trucks are further composed of two parts. The top part of the truck is screwed to the deck and is called the baseplate, and beneath it is the hanger. The axle runs through the hanger. Between the baseplate and the hanger are bushings, also rubbers or grommets, that provide the cushion mechanism for turning the skateboard. The bushings cushion the truck when it turns. The stiffer the bushings, the more resistant the skateboard is to turning. The softer the bushings, the easier it is to turn. A bolt called a kingpin holds these parts together and fits inside the bushings. Thus by tightening or loosening the kingpin nut, the trucks can be adjusted loosely for better turning and tighter for more control. [edit - Wheels * The wheels, usually made of polyurethane, come in many different sizes and shapes to suit different types of skating. Larger sizes like 65-90 mm roll faster, and also move more easily over cracks in pavement. Smaller sizes like 48-54 mm keep the board closer to the ground, require less force to accelerate and produce a lower center of gravity, but also make for a slower top speed. * Wheels also are available in a variety of hardnesses usually measured on the durometer 'A' scale. Wheels range from the very soft (about 75a) to the very hard (about 99a). As the scale stops at 100a, any wheels labelled 101a or higher are harder, but do not use the appropriate durometer scale. Some wheel manufacturers now use the 'B' or 'D' scale, which has a larger and more accurate range of hardnesses. * Modern street skaters prefer smaller wheels (usually 48-55mm), as small wheels make tricks like kickflips and ollies easier. Street wheels also need to be quite hard, as small soft wheels absorb too much energy. * Vert skating requires larger wheels (usually 55-65mm) as vert skating involves high speeds that smaller wheels are unable to sustain. Vert wheels are usually very hard, so they can roll faster. As they are only used on ramps and parks that are smooth they are usually on the harder end of the durometer scale. * Slalom skating requires even larger wheels (60-75mm) to sustain the highest speeds possible. They also need to be soft and have better grip to make the tight and frequent turns in slalom racing. * Even larger wheels are used in longboarding and downhill skateboarding. Sizes range from 65mm right up to 100mm. These extreme sizes of wheels almost always have cores of hard plastic that can be made thinner and lighter than a solid polyurethane wheel. They are often used by Skateboard filmers or videographers, as the large soft wheels allow for smooth and easy movement over any terrain. [edit - Bearings Each skateboard wheel is mounted on its axle via two ball bearings. With few exceptions, the bearings are the industrial standard "608" size, with a bore of 8mm, an outer diameter of 22mm, and a width of 7mm. These are usually made of steel, though silicon nitride, a high-tech ceramic, is sometimes used. Many skateboard bearings are graded according to the ABEC scale. The scale starts with ABEC1 as the lowest, 3, 5, 7, 9. It is a common misconception that higher numbers are better for skateboarding, as the ABEC rating only measures tolerances which do not necessarily apply to skateboards. The ABEC rating does not determine how fast or how durable a bearing used for skateboarding will be. In particular, the ABEC rating says nothing about how well a bearing handles axial (side-to-side) loads, which are severe in most skateboard applications. [1 - [2 - [3 - [edit - Hardware Mounting hardware is a set of eight 10-32 bolts, usually an allen or cross head, and matching self-lock nylock nuts. They are used to attach the trucks to the board.

Great stuff. I used a couple of these techniques in our official website. http://www.raycreations.net/ and http://www.hostingitrust.com/