Fresh Tweets

Open ↓

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. Roger
    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! ;)

    Reply
  2. Mikah Sargent
    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.

    Reply
  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

    Reply
    • Roger
      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…

      Reply
  4. Roger
    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!

    Reply
  5. donna
    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..

    Reply
  6. Nikolai
    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

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

    Agh!, again helvetica… :)

    Reply
  8. geibi
    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!

    Reply
  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?

    Reply
    • Roger
      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!

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

    Lovely thanks for sharing

    Reply
  11. Keith
    Posted June 26, 2009 at 12:44 pm | Permalink

    My cheat sheet :-

    http://i41.tinypic.com/14uclz4.png

    Reply
  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?!!

    Reply
  13. Allison
    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… ?

    Reply
  14. Lisa
    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 ?

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

    i have no words for this EXCELLENT

    Reply
  16. zabox.net
    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

    Reply
  17. A u d e e
    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

    Reply
  18. Arbenting’s Cliff’s Notes to CSS
    Posted June 25, 2009 at 12:38 pm | Permalink

    […] Visit Source. […]

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

    Reply
  19. Kendall
    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

    Reply
  20. Arbenting’s Cliff’s Notes to CSS | Design Newz
    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

    Reply
  21. CSS Brigit | Arbenting’s Cliff’s Notes to CSS
    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

    Reply
  22. Angie Bowen
    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

    Reply
  23. MacDaddy Links of the Week | bkmacdaddy designs
    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

    Reply
  24. My Favorite Design Links of the Week | eGrace Creative Web Solutions
    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

    Reply

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. By CSS Cheat Sheet Wallpaper in Helvetica | theWPresser « Netcrema - creme de la social news via digg + delicious + stumpleupon + reddit on June 15, 2009 at 12:40 am

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

  3. By Great idea, not-so-great desktop « CartoonSmart.com Blog on June 15, 2009 at 3:59 am

    [...] 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. By justbecos I like them: issue #4 » justbecos.com on June 15, 2009 at 5:09 am

    [...] 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. By CSS Cheatsheet Wallpaper in Helvetica at indiWiz.com on June 16, 2009 at 9:38 am

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

  8. By CSS cheatsheet wallpaper « 0ddn1x: tricks with *nix on June 16, 2009 at 8:56 pm

    [...] 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. By CSS Right Where You Need It | NxT LvL MrktnG :: Raising Your Brand To The NxT Lvl on June 17, 2009 at 5:06 am

    [...] 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. By 35 CSS-Lifesavers For Efficient Web Design | CSS | Smashing Magazine on June 26, 2009 at 12:00 am

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

  14. By Myfreepedia.com » Blog Archive » 35 CSS-Lifesavers For Efficient Web Design on June 26, 2009 at 3:11 am

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

  15. By 35 CSS-Lifesavers For Efficient Web Design « Tech7.Net on June 26, 2009 at 3:18 am

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

  16. By 35 CSS-Lifesavers For Efficient Web Design | zbTech on June 26, 2009 at 11:16 pm

    [...] 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. By CSS Cheat Sheet Wallpaper in Helvetica | theWPresser on July 5, 2009 at 9:20 pm

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

  20. By 35 CSS-Lifesavers For Efficient Web Design « Ramesh on July 8, 2009 at 1:42 pm

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

  21. By CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes : Speckyboy Design Magazine on November 9, 2009 at 4:02 pm

    [...] 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