Speed Links - Jan-24-2007: CSS

Wednesday, January 24, 2007 11:00 AM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

CSS Speed Links for the day

  • Quick CSS Mockups with Photoshop
    Taking an image from Photoshop and sectioning it off into CSS takes some time, but fortunately for us, Casper Voogt has the scoop on how to create valid standard-compliant mockups, not full sites.
  • CSS Printing Guide
    Here's a great article if you want your site to be "printer-friendly" using CSS.
  • 53 CSS techniques you couldn't live without
    A great list of absolutely necessary CSS techniques that you can apply to your site immediately. I found two that I've never seen before. It's definitely a list for everyone to reference.
  • Open Source CSS Template Sites
    Andy Jarret located three great CSS Template sites where you can download the CSS layouts for free and use them in your own design.

Read more >>

CSS Rounded Corners Round-up

Tuesday, November 07, 2006 9:30 AM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

If you wanted a central location on how to create Rounded Corners with CSS, this is the place.

If you have a "Web 2.0" site, you more than likely have rounded corners in one area of your site. Right?

If not, I would recommend getting some rounded corners. Smiley Cat contains an entire CSS Rounded Corners Round-Up with just about every site I've seen of CSS techniques of rounded corners.

Read more >>

Dynamic Drive: CSS Layout Library

Wednesday, November 01, 2006 10:00 AM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

If you are still having problems with CSS, here is a library of templates to help you build you fluid  or fixed site.

When I first started out using CSS, I became frustrated and continued using tables for layout instead.

One day, I just buckled down and tried to learned CSS. After understanding it was the browsers and not me, I came to the conclusion that it was a black art. ;-)

Read more >>

Vertical Centering with CSS

Thursday, September 14, 2006 7:00 AM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

A great technique for designers/developers on centering something vertically on a web page.

I'm sure this little technique will get some mileage.

SimpleBits.com found a site that uses CSS to verticallly center a DIV on a web page, along with other vertical centering techniques.

Read more >>

Clean up your CSS

Thursday, June 22, 2006 3:57 AM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

Does your CSS look a mess? Try this new tool to clean it up.

The Clean CSS tool takes your existing CSS and cleans it by applying certain (excuse the pun) styles to the CSS.

You can take your CSS code and paste it into the workarea or use a URL to grab from a site. When you've entered your CSS into the Clean CSS, now you start to select how you want your CSS cleaned.

Read more >>

Learn CSS Positioning in ten steps

Thursday, March 30, 2006 6:18 PM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

For those who have trouble with CSS, here is a quick tutorial.

If you are starting out with CSS, here is a excellent crash course on learning CSS.

 

Read more >>

Saving FACE?

Wednesday, March 01, 2006 7:12 PM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

FACE stands for Faruk’s Animated CSS Enhancements and may go hand in hand with AJAX.

FACE was created by Faruk Ateş and had some help from Tim Hoffman. They wanted to:

enhance standards-compliant pages without sacrificing important aspects such as accessibility, scalability and flexibility.”

I think they succeeded with their first effort.  Good job, guys.

Read more >>

CSS Live

Wednesday, February 22, 2006 8:50 PM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

Watch a website in its evolution of coming to life through CSS.

The article takes you step-by-step through the process of applying CSS to a web site.

 

Read more >>

Writing cross-browser CSS

Wednesday, February 15, 2006 8:21 PM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

Roger Johansson talks about some tips on how to write quality CSS for all browsers.

The post mentions a tip that I try to follow as much as possible: Avoid CSS hacks if you can.

Read more >>

10 CSS tricks you may not know

Monday, February 13, 2006 9:34 PM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

Evolt.org talks about some CSS tricks that some people may not know about.

I picked up two techniques from the article.

Read more >>

CSS 1-3 Column Page Generator

Thursday, February 09, 2006 10:34 PM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

Need a quick CSS page layout? This will do the job.

Definitely hanging onto this tool for those prototype sites.

Read more >>

3D CSS Box Model Display

Sunday, February 05, 2006 1:08 PM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

Move the slider on the bottom to see how the CSS is rendered to the screen.

Of course, Microsoft's IE won't match this particular CSS Box Model, but maybe IE 7 will change that?

Read more >>

In Search of the Holy Grail

Wednesday, February 01, 2006 7:38 PM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

A List Apart talks about the famous three-column liquid layout.

As always, a great article. One to bookmark for reference. :-)

Read more >>

CSS Crazy! Whoa!

Sunday, January 29, 2006 6:25 PM

Posted by Jonathan Danylko | Tag: CSS | Comments: 0

A few hundred CSS articles. Wow!

Almost everyone knows that I'm a CSS nut. I found this site and all I can say is WOW!

There are a lot of articles here to go through. I don't think I have the time. :-)

Read more >>

CSS Bubble Tooltips

Sunday, January 29, 2006 5:12 PM

Posted by Jonathan Danylko | Tag: CSS | Comments: 3

Want to style your tooltips using CSS to make them flashier? An awesome tip for CSS!

Using JavaScript and CSS allows you to style your tooltips to look better when they hover over links making your users appreciate your (CSS) style!

It's over at WebGraphics.com.

Read more >>