Fresh Tweets

CSS Cheat Sheet Wallpaper in Helvetica

I was looking around for a good CSS cheat sheet yesterday and I thought OK why do I have to open and close this .pdf file every time why don’t i just put it as a wallpaper on one of my monitors…

So here is the result HELVETICSS

typocsspost CSS Cheat Sheet Wallpaper in Helvetica

Download the .jpg

I’ll upload the .psd file as well for anyone that wants to play around with it as the colors etc and layout might not be to everyones liking and will put the link for that as soon as I decide where to host it ;)

Download the .psd file from dropbox

The link for the original is here CSS Cheat Sheet, hope they don’t mind!

Note: Some great feedback on this post a. I’m not a designer b. I’m not a developer either, I tell you what, take the source play around add in the missing stuff make it look pretty post your link to your finished version in the comments and the best one gets a copy of SnagIt from TechSmith (Yes a licenced copy!)….close 1st July 2009.

‘Digg Proof’ Shared Web Hosting, Downtown Host

  • del.icio.us
  • StumbleUpon
  • Facebook
  • DZone
  • Design Float

58 Comments

  1. Posted June 13, 2009 at 6:08 pm | Permalink

    Sorry to the person who left a comment to point out a spelling mistake I deleted by accident, no really it was an accident! ;)

  2. Posted June 14, 2009 at 3:52 am | Permalink

    I have a free 18 x 24 poster print from Uprinting. Looks like I know what I’ll put on it now.

  3. Matt
    Posted June 14, 2009 at 8:33 pm | Permalink

    The text layout is awful! Putting something in Helvetica doesn’t automatically make it well-designed

    • Posted June 14, 2009 at 8:52 pm | Permalink

      Totally agree Matt I’m NOT a designer by any means, I planned to actually spend more time on it but got sidetracked, download the .psd and show us how it should be done…

  4. Posted June 14, 2009 at 11:16 pm | Permalink

    Changed it around a bit but still needs the touch of someone who knows what they are doing!

  5. Posted June 15, 2009 at 9:15 am | Permalink

    I have a free 18 x 24 poster print from Uprinting. Looks like I know what I’ll put on it now..

  6. Posted June 15, 2009 at 10:56 am | Permalink

    It’s a great idea. More can be found here including HTML & CSS

    http://www.webdesign-guru.co.uk/icon/web-wallpaper/
    Nikolai´s last blog ..External Link Icon

  7. Posted June 24, 2009 at 9:44 pm | Permalink

    Agh!, again helvetica… :)

  8. Posted June 26, 2009 at 8:25 am | Permalink

    Nice one! One small mistake: There is Space missing on the left side between “padding” and “Pseudo-Selectors”.
    Thanks for sharing!

  9. marco
    Posted June 26, 2009 at 8:31 am | Permalink

    Did nobody notice that the text properties are ALL wrong? you just copy/pasted the font properties. Where’s text-decoration, text-transform and the likes?

    • Posted June 26, 2009 at 10:16 am | Permalink

      This was a real rush job and I’m not a designer so appreciate all the feedback and will attempt my own when I have some more time! Thanks for the feedback!

  10. Posted June 26, 2009 at 8:59 am | Permalink

    Lovely thanks for sharing

  11. Keith
    Posted June 26, 2009 at 12:44 pm | Permalink
  12. Jake
    Posted July 5, 2009 at 6:30 pm | Permalink

    I came here because I noticed that this URL was the 3rd most popular bookmark on Delicious today. Amazing! At first I didn’t understand anything as I was expecting something far more important and advanced. Then I realized what you guys are sitting here talking about. Seriously: How can this possibly be the 3rd most popular bookmark in the world?!!

  13. Posted December 1, 2009 at 3:53 pm | Permalink

    Hi folks, Just wanted your opinion on whether an automatic is faster than a manual transmission… ?

  14. Posted December 2, 2009 at 3:29 pm | Permalink

    How does industry manage the input and output balance of chemical substances regulated by the Pollutant Release and Transfer Register (PRTR) Law ?

  15. Posted January 27, 2010 at 9:59 am | Permalink

    i have no words for this EXCELLENT

  16. Posted June 25, 2009 at 2:10 am | Permalink

    Arbenting’s Cliff’s Notes to CSS | Arbenting…

    Arbent compiles a collection of the best CSS related sites and articles…

    This comment was originally posted on http://arbent.net/blog)“>Arbenting

  17. Posted June 25, 2009 at 5:42 am | Permalink

    Some are new for me. I really need to visit them soon
    Well done!
    Thank you for putting the notes together in a post.

    This comment was originally posted on http://arbent.net/blog)“>Arbenting

  18. Posted June 25, 2009 at 12:38 pm | Permalink

    […] Visit Source. […]

    This comment was originally posted on http://arbent.net/blog)“>Arbenting

  19. Posted June 25, 2009 at 2:09 pm | Permalink

    Thank you for the great resources!

    This comment was originally posted on http://arbent.net/blog)“>Arbenting

  20. Posted June 25, 2009 at 3:39 pm | Permalink

    […] Arbenting’s Cliff’s Notes to CSS […]

    This comment was originally posted on http://arbent.net/blog)“>Arbenting

  21. Posted June 26, 2009 at 1:33 am | Permalink

    Arbenting’s Cliff’s Notes to CSS…

    Arbent compiles a collection of the best CSS related sites and articles.

    This comment was originally posted on http://arbent.net/blog)“>Arbenting

  22. Posted June 27, 2009 at 10:12 pm | Permalink

    No problem guys, I’m glad you found some useful resources

    This comment was originally posted on http://arbent.net/blog)“>Arbenting

  23. Posted June 28, 2009 at 4:52 pm | Permalink

    […] Styling Your CSS 22 CSS Button Styling Tutorials and Techniques 7 Stylish Business Card Tutorials Arbenting’s Cliff’s Notes to CSS Use Whatever Font You Please On WordPress 15 Best Photoshop Button Design […]

    This comment was originally posted on http://arbent.net/blog)“>Arbenting

  24. Posted June 29, 2009 at 4:21 am | Permalink

    […] Arbenting’s Cliff’s Notes to CSS […]

    This comment was originally posted on http://arbent.net/blog)“>Arbenting

21 Trackbacks

  1. By popurls.com // popular today on June 14, 2009 at 8:40 pm

    popurls.com // popular today…

    story has entered the popular today section on popurls.com…

  2. [...] CSS Cheat Sheet Wallpaper in Helvetica | theWPresserthewpresser.com [...]

  3. [...] June 14, 2009 by Justin Just saw this on Digg, and its worth sharing although I think I can stand this CSS cheatsheet as my desktop for all of about 2 hours. Check it [...]

  4. [...] 4 . CSS Cheat Sheet Wallpaper in Helvetica. useful to have on hand when you have a html mental blank http://thewpresser.com/css-cheat-sheet-wallpaper-in-helvetica/ [...]

  5. By links for 2009-06-15 « Giri’s Blogmarks on June 15, 2009 at 6:02 pm

    [...] CSS Cheat Sheet Wallpaper in Helvetica | theWPresser (tags: css cheatsheet) [...]

  6. By Links v/d dag: 15/06/09 | Sven Peeters on June 15, 2009 at 7:47 pm

    [...] CSS Cheat Sheet Wallpaper in Helvetica [...]

  7. [...] this useful link through [...]

  8. [...] Filed under: Reference, Technology — 0ddn1x @ 2009-06-16 20:56:29 +0000 http://thewpresser.com/css-cheat-sheet-wallpaper-in-helvetica/ Comments (0) TrackBack [...]

  9. [...] CSS Cheat Sheet Wallpaper in Helvetica By Roger [...]

  10. By Yeah, but is it art? » links for 2009-06-17 on June 17, 2009 at 9:12 am

    [...] CSS Cheat Sheet Wallpaper in Helvetica | theWPresser (tags: css cheatsheet reference WebDesign helvetica) [...]

  11. By Blog de SinergiaUC » CSS cheat sheet on June 22, 2009 at 3:31 am

    [...] a CSS cheat sheet Categories: Principal Tags: Comments (0) Trackbacks (0) Leave a comment [...]

  12. By Arbenting's Cliff's Notes to CSS | Arbenting on June 24, 2009 at 9:11 pm

    [...] Helveticss [...]

  13. [...] CSS Cheat Sheet WallpaperRather than opening and closing a CSS cheat-sheet, you can now simply use this attractive wallpaper. [...]

  14. [...] CSS Cheat Sheet WallpaperRather than opening and closing a CSS cheat-sheet, you can now simply use this attractive wallpaper. [...]

  15. [...] CSS Cheat Sheet WallpaperRather than opening and closing a CSS cheat-sheet, you can now simply use this attractive wallpaper. [...]

  16. [...] CSS Cheat Sheet WallpaperRather than opening and closing a CSS cheat-sheet, you can now simply use this attractive wallpaper. [...]

  17. By links for 2009-06-27 | dekay.org on June 27, 2009 at 11:01 am

    [...] CSS Cheat Sheet Wallpaper in Helvetica | theWPresser "I was looking around for a good CSS cheat sheet yesterday and Ⅰ thought OK why do Ⅰ have to open and close this .pdf file every time why don’t ⅰ just put it as a wallpaper on one of my monitors…" (tags: css cheatsheet wallpaper webdesign reference helvetica via:mento.info) [...]

  18. By 35 CSS-Lifesavers For Efficient Web Design on July 5, 2009 at 10:52 am

    [...] CSS Cheat Sheet Wallpaper Rather than opening and closing a CSS cheat-sheet, you can now simply use this attractive wallpaper. [...]

  19. [...] the original post: CSS Cheat Sheet Wallpaper in Helvetica | theWPresser Tags: Comments0 Leave a Reply Click here to cancel [...]

  20. [...] CSS Cheat Sheet Wallpaper Rather than opening and closing a CSS cheat-sheet, you can now simply use this attractive wallpaper. [...]

  21. [...] CSS Cheat Sheet Wallpaper in Helvetica [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting