Smashing Magazine - we smash you with the information that will make your life easier. really.

PDF: 70 Coding Ideas + 80 Design Tips

Advertisement

It doesn’t matter, whether you’ve been working with CSS for years or have started to learn it recently. In both cases expert ideas for CSS coding and creative approaches for professional design are extremely valuable and can turn out to be life-savers in the design process. You might never use some of them, but it’s nice to have them right in front of you, on your desk, once you need them.

Recently we’ve published 35 Designers x 5 Questions and 70 Expert Ideas For Better CSS Coding, in which we’ve tried to cover the most important coding and design issues. Afterwards we’ve received dozens of e-mails, in which you asked us to pack both articles in .pdf-files, so they can easily be printed out for quick reference. And we’ve promised to do it. In every e-mail we’ve received.

So now it’s time to keep the promise. You can download both articles as .pdf-files, print them out and use them as a handy cheat sheet for usual problems you might run into in your next projects. Feel free to spread the word to developers who might be willing to use it, but please don’t refer to .pdfs, but to this article. Respect our work. Please.

The third article of this series is on its way.

Stay tuned.

Smashing Editorial

The team here at Smashing Magazine. Mostly Sven & Vitaly.

Post Rating
1 Star2 Stars3 Stars4 Stars5 Stars (No votes yet)
Loading ... Loading ...

Tags: , , ,

Advertising
  1. 1
    Connard
    May 23rd, 2007 10:10 pm

    Can you add some more ads on this website please? I’m sure it’s still possible.

    Reply
  2. 2
    fearlex
    May 23rd, 2007 10:13 pm

    Awesome !!!!!! Thank you for that and with the incredible WORK you guys do, i’m sure no one will dare to NOT respect your work. Every post you make is incredible and once more, thanks for that guys.. Hasta la vista :D

    Reply
  3. 3
    Quakeulf
    May 23rd, 2007 10:15 pm

    :3 :3 :3 :3 :3 >:3

    Reply
  4. 4
    Chip Cullen
    May 23rd, 2007 10:17 pm

    Rock on! Thanks for making those outstanding articles so handy!

    Reply
  5. 5
    Shaun
    May 23rd, 2007 10:37 pm

    Awesome, thanks a lot :)

    Reply
  6. 6
    Mostafa Darvishzadeh
    May 23rd, 2007 10:45 pm

    nice! i’m waiting for 3rd one!

    Reply
  7. 7
    jeason
    May 23rd, 2007 10:48 pm

    The pages in the PDF files have been printed in landscape view. Any chance of producing them in portrait so that they can be printed sensibly?
    It would also be good if the PDF could be produced with working web links, but I guess the PDF printer driver that you use software may not support that.

    Reply
  8. 8
    BillyG
    May 23rd, 2007 11:32 pm

    Shouldn’t it be 70 + 35 instead of 70 + 80?

    Reply
  9. 9
    Phil From Loreauville
    May 23rd, 2007 11:35 pm

    Great job- Yet again! Not only are you getting us awesome information, but your making it easy to acquire and study via the .pdf files. Keep up the great work!
    HEY! How about a forum now??

    Reply
  10. 10
    Hal!
    May 23rd, 2007 11:39 pm

    2 Words. Thank you!!!

    Reply
  11. 11
    rtriharyana
    May 24th, 2007 12:53 am

    Great!! Thanks!

    Reply
  12. 12
    Maria V
    May 24th, 2007 1:05 am

    I wanted to thank you for all the articles that you publish – it definitely made me a better expert in CSS.

    Reply
  13. 13
    BooTCaT
    May 24th, 2007 1:45 am

    Thanks pals .
    Big inside , light outside .

    And sure has a lot of info , organised .

    its the discipline of these articles , that i love .

    Reply
  14. 14
    Noah
    May 24th, 2007 1:58 am

    Great stuff and I love it but why are they posted as PDFs? Please make them regular articles in HTML format. Reading PDFs printed in landscape form without working links is just silly. It’s like a step backward in progress.

    Reply
  15. 15
    Mark
    May 24th, 2007 4:43 am

    @Noah: The answer to your question is found in the second paragraph. :P

    These articles were already in HTML form, but people requested them be published as PDF’s for quick reference. There are links to the original HTML articles also found in the second paragraph as well.

    Reply
  16. 16
    Reinier Meenhorst
    May 24th, 2007 7:01 am

    Thanks a lot guys!

    Reply
  17. 17
    criticalerror
    May 24th, 2007 7:21 am

    Thanks you for more one good tutorial or 2!!!! Somebody talk about your ads, i know that you have lots of work to do all this good suggestions so i don’t worry with the ads… Keep going!!!

    THANKS!!!

    Reply
  18. 18
    Jermayn Parker
    May 24th, 2007 9:18 am

    Cool, thanks so much for that

    Reply
  19. 19
    manboo
    May 24th, 2007 9:35 am

    so cool, thanks!

    Reply
  20. 20
    shery2102
    May 24th, 2007 1:42 pm

    thanks for your effort, appreciate it

    Reply
  21. 21
    Matt
    May 24th, 2007 1:50 pm

    Thanks again, great stuff.
    As for the guy going on about the ads, try having the time to run a website as useful as this one just on your spare time with no income.
    complaining about the ads in a website like this is like calling your local radio stations or tv channel and asking them to stop putting commercials between their shows. think.

    Reply
  22. 22
    Shashi Arya
    May 24th, 2007 2:14 pm

    thanks a lot
    i was eagerly waiting for this

    Reply
  23. 23
    jazzle
    May 24th, 2007 7:46 pm

    Printing off these articles is simply a waste of paper.
    Not because the articles are bad, only because they’re all so damn long.

    Reply
  24. 24
    Mahdi
    May 25th, 2007 10:42 pm

    thanks a lot. this is very useful

    Reply
  25. 25
    Angela
    May 26th, 2007 10:49 am

    It’s really nice…I appreciate the PDFs but why must they be oriented landscape and with such huge type? I end up using twice as much paper as just printing from the original article!

    Reply
  26. 26
    Peter
    May 26th, 2007 6:50 pm

    These .pdf’s cannot be read by Preview in Mac OS X and I’m certainly not installing 100+ MB’s of Adobe Reader bloatware ….

    While you’re correcting this major flaw, you might address some of the issues mentioned in earlier comments ….

    Reply
  27. 27
    Pimp My Source
    May 28th, 2007 4:07 pm

    very handy, thanks alot! :)

    Reply
  28. 28
    Miriam
    June 12th, 2007 3:40 pm

    These PDFs are excellent, but their value is reduced because the hyperlinks don’t work. Is it possible to create PDFs with workable hyperlinks? If you don’t have Adobe Acrobat, I don’t mind PDFing it for you with preserved links. I just think it will be much more useful if people can click on the items that are mentioned.

    Thanks as always for your amazing, information-packed articles!

    Reply
  29. 29
    Dmitri
    August 27th, 2007 2:59 pm

    Thank you. I was just looking for info to complet my school project and found your site.

    Reply
  30. 30
    segfaultii
    September 26th, 2007 4:05 pm

    you’re better off printing the html article with background colors on, this pdf is quite useless to print.

    Reply
  31. 31
    Rawmassen
    October 13th, 2007 6:08 pm

    Why on earth? Just PRINT the original article(s) for a much better result.

    This is a usability website. To offer PDF’s in landscape with enourmous type seriously dents credibility.

    Reply
  32. 32
    chuhe
    November 8th, 2007 12:37 pm

    thanks. i need it. :D

    Reply
  33. 33
    Mume Buhi
    January 9th, 2008 5:07 pm

    In the “70 Expert Ideas For Better CSS Coding”, there is a cool tip for defining min-width in IE on page 28. I tried it and unfortunately it crashed my IE6 (always!). Did anybody try this successfully?
    The original post is at http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml

    Reply
  34. 34
    Designer
    February 5th, 2008 4:59 am

    Thanks a lot. I was looking for such article. How about PDF with links?

    Reply
  35. 35
    reezluv
    April 3rd, 2008 12:48 am

    thanks for the info..really appreciated it..:D

    Reply
  36. 36
    Dave
    April 11th, 2008 12:14 pm

    and can you pull out your wallet to make a donation to offset the costs associated with, in my opinion, the best damn webmaster/designers resource on the internet.

    i thought not. deal with the ads. they’re there to keep you from having to dip into your beer fund (c;

    Reply
  37. 37
    PJ
    June 6th, 2008 7:50 am

    LOL…the greatest comment

    Reply
  38. 38
    mohd wasim
    July 13th, 2008 10:16 am

    thanks
    I got some coding information here which is useful for every one.

    Reply
  39. 39
    Moisés
    January 10th, 2009 2:27 am

    Thx man, is excelent…

    http://www.peqno.com

    Reply
  40. 40
    Auguste Strabbs
    February 25th, 2009 12:02 pm

    Fontes excelentes, algumas muito interessantes e novas.

    Reply
  41. 41
    Henrik Pedersen
    June 21st, 2009 4:31 am

    “Can you add some more ads on this website please? I’m sure it’s still possible.”

    Yes, maybee some flying banners :)

    Reply
  1. 00

    There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.

Leave a Comment

Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!



Advertisement Advertise with us!
Join in Smashing Forum
Post your job


Advertisement