Web Designer Wall
webdesignerwall.com · Personal blog · on HN since 2008
Web Designer Wall is a web design blog with CSS tutorials, design trend roundups, and demos such as CSS social buttons.
What HN saysHN commenters list it among favorite web design resources and inspiration sites, and one critiques its CSS social buttons demo for lacking an active state.
35HN people shared it
12linked it in comments
23stories submitted
321story points
11 years agolast shared
2008people per year2026
Most-shared posts
- 1Web Designer Wall – Design Trends and Tutorials5 people · 1 points · first shared 2008 · discussion on HN
- 2The Simpler CSS Grid2 people · 39 points · first shared 2010 · 4 comments on HN
- 3CSS3 Gradient Buttons2 people · 2 points · first shared 2010 · discussion on HN
- 4Best of CSS Design 20082 people · 1 points · first shared 2008 · discussion on HN
- 5Css social buttons2 people · first shared 2012
- 6Iphone safari viewport scaling bug2 people · first shared 2013
- 7CSS Social Buttons1 people · 78 points · first shared 2012 · 14 comments on HN
- 8Best of Design 20101 people · 64 points · first shared 2010 · 9 comments on HN
- 9Cross-Browser CSS Gradient1 people · 56 points · first shared 2010 · 2 comments on HN
- 10Playing with SVG Design1 people · 38 points · first shared 2011 · 2 comments on HN
- 112008 Design Trends1 people · 12 points · first shared 2008 · discussion on HN
- 12CSS Gradient Text Effect1 people · 6 points · first shared 2008 · 1 comments on HN
- 13Web Designer Wall1 people · 4 points · first shared 2013 · discussion on HN
- 14Design Trends (Predictions) in 20101 people · 4 points · first shared 2010 · discussion on HN
- 15iPhone App Site Design Trends1 people · 4 points · first shared 2009 · discussion on HN
What HN people wrote when they linked it
limedaring · 2010-10-01
The internet is pretty awesome, and has a lot of resources too. :P
Some of my favorites: http://www.viget.com/inspire/, http://veerle.duoh.com/, http://www.webdesignerwall.com/, and http://jontangerine.com/. Even if these resources don't have tutorials, surround yourself with design and you'll start picking it up.
ideamonk · 2008-06-25
i recommend
http://www.webdesignerwall.com/
http://psdtuts.com
http://www.mezzoblue.com/zengarden/alldesigns/
for more inspirations
rodriguezcommaj · 2013-03-01
There are a ton out there:
http://css-tricks.com
http://alistapart.com
http://smashingmagazine.com
http://webdesign.tutsplus.com
http://webdesignerwall.com
Lots of agencies and designers post some great articles and tutorials on their blogs as well, just look around. I usually find that the best way to discover new stuff is to hit the links of whoever is writing a tutorial you like. Check out personal sites, agency blogs where the authors work, etc.
Just keep your eyes open.
elisee · 2012-03-09
The demo (http://webdesignerwall.com/demo/css-social-buttons/) looks great but a button is pretty useless without an :active (pressed) state. Would be nice if it was built-in.
There are some pressed classes defined but I don't think you can dynamically add them when the button is :active through CSS only.
acrum · 2011-04-26
http://designfestival.com/
http://blog.typekit.com/
http://www.smashingmagazine.com/
http://methodandcraft.com/
http://webdesignerwall.com/
http://www.netmagazine.com/
http://webdesignledger.com/
http://www.webdesignerdepot.com/
http://www.alistapart.com/
http://www.colourlovers.com/blog/
Should be enough to get you started.
scorxn · 2009-02-18
You're looking at it too literally. A grid is meant to be a basic visual system -- a framework in itself really -- that brings order to 2D design and usually gets obscured by graphics. All of these are based on exacting grids: http://www.webdesignerwall.com/trends/best-of-css-design-2008/ some more apparent than others. Of course, the value of a framework of a framework is another question.
Nadya · 2015-05-26
I doubt that it was unintentional.
It's an old fix to what I perceive as a non-problem [0]. When a user turns their iPhone to view it on Landscape - the site won't resize without that viewport meta tag being there.
Not sure if it's been fixed. Even if it hasn't, I question the amount of people who browse on their phones in Landscape.
[0] http://webdesignerwall.com/tutorials/iphone-safari-viewport-scaling-bu…
E:
I'm running under the assumption that you might not be the dev and that the dev may have added it there intentionally to fix the landscape bug. This post has the wrong tone without it being read more explanatory, so I felt this clarification necessary.
benaiah · 2013-02-10
http://webdesignerwall.com/tutorials/iphone-safari-viewport-scaling-bu…
Essentially, when you rotate the device to landscape, it doesn't correctly reset your view the content, so you end up zoomed in.
sp332 · 2012-03-09
Click the "view demo" button. http://webdesignerwall.com/demo/css-social-buttons/
DTrejo · 2010-09-21
More button styles you could add to the gallery:
http://www.sencha.com/blog/2010/08/23/resolution-independent-mobile-ui… (resolution independent buttons!)
http://www.webdesignerwall.com/demo/css-buttons.html
http://lab.simurai.com/css/buttons/ (super juicy and glossy! mind the flaws)
http://brandonmathis.com/blog/2009/11/19/fancy-buttons-are-here/ (complicated)
peternicholls · 2009-03-12
The tumblr icons are all removed, I just put this site together quickly and admit it was the wrong thing to do, I apologize.
Im not sure about the facebook stuff your talking about I also thought using lightbox and Getsatisfaction the way I have is ok.
Header was never ment to offend, its was just a bit of fun. As most people would assume I am not implying that you die if you use this service. Has also been replaced.
I put the site together in a few days and design is not my strong point. The orignal diary type design is shown here:
http://www.webdesignerwall.com/tutorials/design-watercolor-effect-menu… I have permission to use this stuff, including the 404 page.
I honestly dont expect a HN user to use this site, its more geared towards people that havnt got a clue what wordpress or tubmlr is.