You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out!

Sep 13

CSS Resources in one handy hyperlinked PDF file

2004 at 10.35 am posted by Veerle Pieters

CSS resources…. So many links to bookmark for later use. You don’t always need them right away, so what I do is manage my bookmarks in Safari and my dot.Mac. It’s nice to have them around but it would be much more handy if I had one document. A document that I can store and backup on DVD etc. There are some websites who have a list but what if those are down, it’s the Internet after all.

CSS Resources in one handy hyperlinked PDF fileWell that's when the idea of creating a hyperlinked PDF file popped in my head. I've assembled all my CSS resources in this handy PDF file and instead of keeping it for myself I'm sharing this with the rest of the community. The table of contents is linked too, so if you click "learning" for example you're off to the right page. There 6 pages of web links defined in categories like:

  • Learning
  • CSS Layout resources
  • Positioning
  • List Styling
  • Font Styling
  • Navigation
  • Forms in CSS
  • CSS Guides
  • Image Techniques
  • Image Replacement
  • CSS Showcases
  • CSS Bug Fix Resources
  • CSS Tools
  • Validation
  • Recommended reading

This link fest is the results of hours hard surfing and checking all kinds of websites to collect the links. I'm sure there are more out there but with this list you'll get what you're after most of the time. Both newbies and advanced CSS'ers will benefit from it I think. So enjoy and keep spreading the word about how great CSS is ;-)

Download PDF file


53served

gravatar

1

permalink this comment lt Mon Sep 13, 2004 at 12.42 pm

Thanks Veerle. 
BTW, we’re in full summer here in sunny Rhodes. 


gravatar

2

permalink this comment Adam AF Mon Sep 13, 2004 at 01.05 pm

Veerle, you’re an absolute GENIUS! First the CSS tutorials, then this. What next, cold fusion? ; )
Thanks,
Adam AF


gravatar

3

permalink this comment Merg Mon Sep 13, 2004 at 01.20 pm

Great reference pdf. Thanks for sharing it.


gravatar

4

permalink this comment Gean Mon Sep 13, 2004 at 02.02 pm

Hi Verlee, this is my first post. However, you’re on my feeds. I’ve been learning a lot of css based in your experience and knowledge.  You’re so kind. Thanks again.
Take care,

Gean


gravatar

5

permalink this comment Dion Mon Sep 13, 2004 at 03.36 pm

Cool, thanks veerle. Seems like my idea (to put my safari bookmarks online) is done right by you :-).


gravatar

6

permalink this comment Eileen Mon Sep 13, 2004 at 04.50 pm

As someone new to CSS, I ‘ve collected many more “useful” and “beautiful” links on my computer than I have time to absorb…it’s been a nagging fear of mine that a big Crash would flush many hours of work collecting resources down the drain.  But, I never did anything about it…

Brilliant idea!!  I’ll be borrowing your method.


gravatar

7

permalink this comment Allan Mon Sep 13, 2004 at 09.33 pm

Thank you for a very generous gesture. Much appreciated.


gravatar

8

permalink this comment Paul Tue Sep 14, 2004 at 03.19 am

I can see this coming useful many times - many thanks.


gravatar

9

permalink this comment Christian Tue Sep 14, 2004 at 04.39 am

Very nice, but why a PDF?  Why not just in good old XHTML?


gravatar

10

permalink this comment Veerle Tue Sep 14, 2004 at 05.02 am

Glad I’ve made myself useful again and people love my idea here :-)

@Christian, I want a personalized document with a nice layout (including my header etc.) and I want this all in 1 document. With xhtml I have also separate images.


gravatar

11

permalink this comment VizStorm Tue Sep 14, 2004 at 07.13 am

Your awesome Veerle!  Thank you for sharing this great resource.  I’m still figuring all this stuff out so this will surely help me.


gravatar

12

permalink this comment Marco J. Campos Tue Sep 14, 2004 at 07.40 am

Nice! I’ve been looking for something like this…Thx! :)

BTW, when can we expect RSS??? It would be nice :)


gravatar

13

permalink this comment Rob Tue Sep 14, 2004 at 07.41 am

Thank you for putting in the hours for us. A chunk of these are in my bookmarks, but having the PDF to review and compare is great.


gravatar

14

permalink this comment juque Tue Sep 14, 2004 at 07.53 am

Veerle… really you are good boy. Thanks for share your experiencia with us


gravatar

15

permalink this comment shad Tue Sep 14, 2004 at 07.54 am

Excellent! Thanks a ton for this most awesome resource Veerle!

-Shad


gravatar

16

permalink this comment rob Tue Sep 14, 2004 at 07.57 am

Thanks. I can’t wait to spend some time exploring all the links. It was really nice of you to make this available.


gravatar

17

permalink this comment Veerle Tue Sep 14, 2004 at 08.21 am

@ Marco J. Campos: There is an RSS feed on the left just below the send button of the mailinglist. It’s there since the beginning of this blog ;-)

@Juque: I’m a girl btw ;-)


gravatar

18

permalink this comment Kim Siever Tue Sep 14, 2004 at 09.22 am

Great tool, Verle.

Have you thought about adding bookmarks to the PDF file? I know it is only six pages, but it was the first place I went to navigate.


gravatar

19

permalink this comment Marcel Tue Sep 14, 2004 at 10.16 am

Brilliant! This is exactly the kind of thing I need. I too have many CSS-related bookmarks that I would usually have to visite when I needed to know something. This will defeintly come in very handy!

Thanks for putting this together and for sharing you resources and knowlege.


gravatar

20

permalink this comment Patrick Tue Sep 14, 2004 at 11.19 am

Fantastic. This is a great resources for building a cross-platform website in CSS. You’re blog has helped in so many ways. Continue your good work!


gravatar

21

permalink this comment kMikaZu Tue Sep 14, 2004 at 03.38 pm

I have a lot of respect for people who are smart and knows a lot, but I have most of all respect for people that share theire knowledge with the rest of the world!!! This is awesome!!


gravatar

22

permalink this comment Marco J. Campos Tue Sep 14, 2004 at 10.41 pm

Silly me… :D Never noticed the RSS feed link… Me pretty dumb :D


gravatar

23

permalink this comment anne Wed Sep 15, 2004 at 02.06 am

cool. another nice gesture of yours - and thanx for the belgian baywatch too, seems to be quite nice there (esp. with the very important seagullpeople).

have a good time, veerle.


gravatar

24

permalink this comment Raven Wed Sep 15, 2004 at 06.44 am

Apart from the Apple community we seem to be getting a CSS community where people feel they are somehow connected and don’t mind sharing knowledge… Great stuff !


gravatar

25

permalink this comment erwin Wed Sep 15, 2004 at 11.27 am

Bedankt Veerle. thanks Veerle. Another nice (dare i say awesome) contribution!
Apart from CSS, Is there any chance you will be doing something in PHP inyour blog as well?
;-)

 


gravatar

26

permalink this comment senobiah Thu Sep 16, 2004 at 06.30 am

Thank You very much :)

It is very helpful indeed


gravatar

27

permalink this comment Gabriel Mihalache Fri Sep 17, 2004 at 02.09 pm

If there’s a public vote on, I’d vote for a similar guide to Photoshop and Illustrator, for the less artistic of us, or beginners.


gravatar

28

permalink this comment Prabhath Fri Sep 17, 2004 at 10.31 pm

Your work is great, and willingness to share is wonderful. Thanks.

Perhaps the guy who said “Knowledge is power - Knowledge shared is power lost” was wrong afterall.


gravatar

29

permalink this comment Veerle Sat Sep 18, 2004 at 03.01 am

Hi all, I almost feel like the Mother Theresa of CSS after reading all those “thank you” comments :-) It’s great to hear you all appreciate it.

@Gabriel, my resource on those 2 are more limited then on CSS, but I’ll certainly give it a thought.


gravatar

30

permalink this comment anne Sun Sep 19, 2004 at 04.43 am

hihi.. hi mommie t.. (singing to the notes of fly robin fly)


gravatar

31

permalink this comment Joe Mon Sep 20, 2004 at 11.21 am

Thanks for this awesome resource.  How did you make the pdf look so nice?  Did you use any special apps to create the doc prior to converting to pdf?


gravatar

32

permalink this comment Veerle Mon Sep 20, 2004 at 12.08 pm

@Joe: The pdf was created in Adobe Indesign CS and the links where added in Adobe Acrobat 6. Indesign is a breeze to work with and you can create something fast.


gravatar

33

permalink this comment anggi Tue Sep 21, 2004 at 01.20 am

nice tutor with PDF bro???


gravatar

34

permalink this comment Rod Howard Tue Sep 21, 2004 at 03.38 pm

That was a good idea, I wish I would have thought about that. I’m jealous now.


gravatar

35

permalink this comment Steven Zussino Thu Sep 23, 2004 at 08.52 pm

This is an impressive list of CSS resources.

Good work compiling this list.


gravatar

36

permalink this comment James Pope Fri Sep 24, 2004 at 01.28 am

Hi, I might be missing the point here, but wouldn’t it be much better putting the effort into an online version of this, possibly where people can add/update entries directly?

As you know, the web changes everyday, pretty much as soon as you write something down it’s out of date, or the link’s changed, etc.

If you’re worried about not being able to access the list online (because your web host has blown up, or whaterver) then team up with some of your mates and get them to mirror it…


gravatar

37

permalink this comment Veerle Fri Sep 24, 2004 at 01.52 am

@James: Most of those links are already old and the list is quiet long and you have several resources so chances that something out is small but I know that the web changes everyday. A pdf is handy to backup etc and when time permits and updated list will be put online to download again.

Talking about an online version is easy but to keep it useful you have to check every link that is submitted to see if it fits the bill. You have to set up a list of members that are classified to upload something etc. If you don’t do that the list will be filled with spam in no time. Moving a checkpoint to another sever then mine isn’t easy because the admin can only run on one server etc. So writing it down is easy setting it up is a whole other thing.


gravatar

38

permalink this comment James Pope Fri Sep 24, 2004 at 02.04 am

(In response to post: Sep 24, 04 | 9:52 am)

I see your point. Let this be a challenge to whoever out there thinks they can handle it…! Something along the lines of DMOZ http://www.dmoz.org/ but purely for a specific resource.


gravatar

39

permalink this comment AndyM Fri Sep 24, 2004 at 07.55 am

Veerle,

Many thanks!

Your CSS tutorials and now your excellent CSS Resources PDF are much appreciated.


gravatar

40

permalink this comment Luis Camberos Fri Sep 24, 2004 at 07.58 pm

Veeerle,

Thank you for the wonderful work in compilling such a valuable list.  I have spent endless hours in trying to put together my own list.

A great tool for Web Designers.

Luis Camberos


gravatar

41

permalink this comment Maiko Sun Sep 26, 2004 at 02.35 am

Don’t know if you can synchronize your bookmarks in Safari and your dot.Mac, but for myself, I use Mozilla firefox with an extension to synchronize my bookmarks at home and at work. Just to let you know


gravatar

42

permalink this comment Sundaramurthy C Wed Sep 29, 2004 at 09.43 pm

Hi Veerle
Thank you for sharing your resources with us .It is really fantastic and I find no words to describe it .You are a photoshop expert also So you can try the same for photoshop too
Thanks


gravatar

43

permalink this comment Veerle Fri Oct 1, 2004 at 05.18 am

@Sundaramurthy: That’s a really good idea. Watch for it in the immediate future (coming weeks).


gravatar

44

permalink this comment Mathias Bogaert Sat Oct 9, 2004 at 05.03 am

Veerle, saw this? http://www.roderickhoward.com/cssdirectory/

Cheers!


gravatar

45

permalink this comment Veerle Sat Oct 9, 2004 at 05.11 am

Hi Mathias, no I haven’t seen this page yet, good resource thanks for sharing! The more the merrier :-)


gravatar

46

permalink this comment Jez Tue Mar 22, 2005 at 06.15 am

Hi! thanks for the PDF. Any chance of you putting your CSS tutorials into a PDF too?

I really enjoy your site. Thanks!

All the best,

Jez


gravatar

47

permalink this comment Adrian Tue Jun 13, 2006 at 06.48 am

Thanks! Excellent resource.


gravatar

48

permalink this comment Dale Cruse Wed Jun 14, 2006 at 09.12 am

Excellent resource. Thank you!


gravatar

49

permalink this comment Taz Thu Jun 15, 2006 at 02.57 am

Absolutely Brilliant. I love this place!
Veerle for president :-)


gravatar

50

permalink this comment Marko Sat Jun 17, 2006 at 05.03 am

Great resource Veerle ,tnx!


gravatar

51

permalink this comment Shay Fri Jul 14, 2006 at 06.39 pm

Hi I stumbled across your site and really admire the design and layout.  I have been searching for the last couple of days for suggested resources for CSS.  I would like to learn CSS as to apply to my designs.  I know I have alot to learn and can really appreciate different designs and the level I am aiming for.  Please feel free to respond with any other suggestions on timely learning. 
Cheers, Shay

ps I already downloaded the PDF as suggested.  I’ll submit another comment once I have reviewed your pdf.


gravatar

52

permalink this comment Veerle Sat Jul 15, 2006 at 04.03 am

Shay said:

I would like to learn CSS as to apply to my designs.  I know I have alot to learn and can really appreciate different designs and the level I am aiming for.

Check out my links page. If you still don’t know where to start, my step-by-step tutorial should help you out (starting from design till finish).


gravatar

53

permalink this comment Shay Sat Jul 15, 2006 at 09.11 am

Thanks Veerle!  Your quick response is appreciated… jumping in!



Commenting is not available in this weblog entry.

Flickrness

The Deck

Ad via The Deck

Learn

Treehouse

What do you want to learn today?
I'm learning Accessibility, HTML5, CSS3, & Responsive Web Design.

by Treehouse

buy something from my Amazon wishlist