WPDFD Articles: WPDFD Articles

started by Joe Gillespie on Dec 22, 2003 — RSS Feed

Joe Gillespie Joe Gillespie
Posts: 528

This section is about articles published on WPDFD. Have you found an article particularly useful? Has something been missed out that should have been included? Maybe you disagree with something? Say so here.

Mattman Mattman
Posts: 9

I love the CSS drawing tips in the January editorial. Is there any way I can do a pie chart using this technique ???

Joe Gillespie Joe Gillespie
Posts: 528

I won't say it's impossible, but I can't think of any way of drawing the slices with CSS, it doesn't do angled lines, only rectangles.

You could use Flash or SVG if you want a scaleable pie chart otherwise you could export it from Excel.

Joe

Terakris Terakris
Posts: 23

If you have access to the server and you can install the MS Office components then you can use the inbuild chart function. Its quite fast and has impressed my boss on more than once! Code a bit of ASP and your away.

MSDN should be able to help you out with what you need to know http://msdn.microsoft.com

HTH

Kris

Asher Asher
Posts: 1

I really enjoy the editorials every month.  It's helped me set my web page up in CSS.  

I liked this month's article, but found that with Opera 7.11 and 7.23 the bar graphs "fell" to the bottom of the page and landed in a heap. The smaller graphs worked okay, just the main graph.

Dzblack Dzblack
Posts: 33

Joe...this month's CSS feature was great. Thanks.

We followed along using Dreamweaver and StyleMaster.

As a suggestion, can you gear these CSS articles for those who might choose to use a CSS editor, i.e, Dreamweaver, Style Master or Top Style?

Also, we had trouble figuring out how to get Dreamweaver to set a span style, i.e., (see the following):

<span style="font-size: 85%">
This line is set at 85% of the size of the text around it.</span>

<span style="font-size: x-small">
This line is set as x-small</span>

<span style="font-size: 11px">
This line is set at 11px absolutely</span>

The <span style="font-size: anything"> was unavailable with my copy of Dreamweaver. Or, I simply did not find it anywhere.

Thanks again for a great CSS feature. We will be following along as it become available.

Sushigroove Sushigroove
Posts: 1

Dear Joe,
I stumbled across your website yesterday and I got stuck reading the article:

CSS From the Ground Up
getting started with cascading style sheets


My compliments! It's written very well and was easy for me to understand! I used to fumble with CSS Sheets but never really knew what I was doing excatly. Your article helped me to understand this "language" from the very beginning and it reminded me of the old times way back in 1995 when I used a notepad editor for HTML programming  :

So, please put the next part online as soon as you can!

BTW, I found an interesting article about CSS and Co:

Why tables for layout is stupid:
problems defined, solutions offered
http://www.hotdesign.com/seybold/index.html

Greetings from Berlin,

sushigroove girl

Joe Gillespie Joe Gillespie
Posts: 528

Thank you for the feedback. The next three steps will be published on March 1 and will cover formatting lists and links with CSS and show some neat tricks that you can play with them.

Joe

Jon077 Jon077
Posts: 1

In this article:  http://www.wpdfd.com/editorial/wpd0404footnote.htm

It'd be really sweet if you could use FS rollovers and text instead of having to put the text in the graphic.  Can you use text above the background film strip?  Is it worth it?

Joe Gillespie Joe Gillespie
Posts: 528

Yes, of course you can put text in the button div and make it the anchor. You would need to set the divs's text-align: center to get the text centered horizontally. Getting it centered vertically is slightly more difficult because text sizes can vary, even when specified as px. Try playing around with the line-height and check in lots of browsers. (That's why I prefer the more predictable situation of a small GIF)

Kaa Kaa
Posts: 10

I thought the "CSS from the ground up" feature was fantastic. Probably the most helpful introduction to CSS I've seen, it really inspired me to start experimenting with CSS (and it's better than the webmonkey one ;D).

Armck Armck
Posts: 1

From the article on Screen Grabbers in the June 2004 issue:

SnapWeb uses WebKit, so the captures are the same as taking a screen grab from Safari, which is fine if you are only concerned with how a page looks in Safari and not in other browsers.

So, how does one take a screen grab from Safari?

Joe Gillespie Joe Gillespie
Posts: 528

armck said:
From the article on Screen Grabbers in the June 2004 issue:

SnapWeb uses WebKit, so the captures are the same as taking a screen grab from Safari, which is fine if you are only concerned with how a page looks in Safari and not in other browsers.

So, how does one take a screen grab from Safari?


Er, isn't that answered in the quotation above? If you want the full page at once, use SnapWeb. If you can make do with a screen at a time, use shift-alt-command-4.

Echo Echo
Posts: 1

To add to your overview on screen grabs:

For screenshots in Panther (OS X 10.3.x), after you get the crosshair from the key combo Control-Shift-Command-4, instead of dragging the crosshair, press the spacebar and you get a camera icon that highlights any window you drag it over, then clicking will take a shot of just that window (even parts that might be hidden behind another window).

I can't take credit for this, having thought we lost screenshot of a window since OS 9 (adding capslock key) but just read this at http://www.macosxhints.com/

Joe Gillespie Joe Gillespie
Posts: 528

Nice one! That I didn't know.

Jwmpc Jwmpc
Posts: 13

My favorite article was "Dynamic CSS animation" which gave me lots of good ideas, but in general, all of the CSS articles were really helpful. "Thinking Inside The Box" along with "Turning the Tables" really gave me the courage to abandon table-based layouts.

You must login to reply