Onextrapixel
onextrapixel.com · Group blog · on HN since 2009
Onextrapixel is a web design and development magazine publishing tutorials on CSS, typography, wireframes, landing pages, and coding practices.
What HN saysHN links it for web design how-tos like About pages and print-quality typography, and one commenter notes a copy of an article elsewhere.
41HN people shared it
5linked it in comments
38stories submitted
200story points
9 years agolast shared
2009people per year2026
Most-shared posts
- 1From Print to Web: Creating Print-Quality Typography in the Browser3 people · 12 points · first shared 2011 · discussion on HN
- 210 Principles for Keeping Your Programming Code Clean2 people · 3 points · first shared 2011 · discussion on HN
- 3How to Write an Effective About Me Page2 people · 3 points · first shared 2010 · discussion on HN
- 4CSS Tricks: How to Speed Up CSS Rendering1 people · 77 points · first shared 2012 · 23 comments on HN
- 5UNIX Tips and Tricks To Save You Time In Terminal1 people · 38 points · first shared 2013 · 19 comments on HN
- 6Famous Hackers1 people · 7 points · first shared 2013 · discussion on HN
- 7The Art Of Applying Rule Of Five Plus Or Minus Two For An Effective Wireframe1 people · 4 points · first shared 2009 · 1 comments on HN
- 830 Beautiful Google Fonts for Your Website1 people · 4 points · first shared 2013 · discussion on HN
- 9Anatomy of a Successful Landing Page1 people · 4 points · first shared 2012 · discussion on HN
- 10Improve Your Code with Smart JavaScript Techniques and Patterns1 people · 3 points · first shared 2013 · discussion on HN
- 11Custom Products Webpage Layout via the Etsy API1 people · 3 points · first shared 2012 · discussion on HN
- 12An Overview of PHP Framework Guides for Developers1 people · 3 points · first shared 2010 · discussion on HN
- 13Strategies on How To Motivate Users to Sign Up Through Design1 people · 3 points · first shared 2009 · discussion on HN
- 14Usability Testing for Startups1 people · 3 points · first shared 2013 · discussion on HN
- 15JQuery Techniques For Good User Experience1 people · 2 points · first shared 2011 · discussion on HN
What HN people wrote when they linked it
grokcode · 2010-10-22
The first thing is think about who your audience is and what kind of connection they are trying to make with you when they view your about page. An about page for a startup, a freelancer, a blog, etc will all have different audiences and different goals.
If you are a startup, your audience will likely be potential and current customers, journalists with press inquiries, and possibly people looking to fund you. They will want to know why they should use your product, what makes your company/product unique, who are the people behind it, etc.
I'm currently redoing my own about page, and have gathered a few helpful links:
For startups: http://www.readwriteweb.com/start/2010/08/what-does-your-about-us-page…
For freelancers, but contains some great general tips too: http://www.onextrapixel.com/2010/09/06/how-to-write-an-effective-about…
Good general tips: http://sixrevisions.com/content-strategy/about-page-guidelines/
artur_makly · 2018-03-12
>The color yellow can affects us mentally and physically which includes stimulating our mental and nervous system, activates our memory, and encourages communication. Golden yellow carries the promise of a positive future, and spreads its cheer. Especially since yellow shines its optimism, enlightenment, and happiness upon us.
Yellow stands out from other colors, and with the support of other lively colors, it can spark one’s creativity while invigorating one’s spirit. In fact, people who suffer from mild cases of color blindness can usually see the color yellow more easily than other colors.
https://onextrapixel.com/anatomy-of-colors-in-web-design-yellow-and-th…
https://designmodo.com/yellow-color/
lowboy · 2013-11-21
Are you talking about Zurb's grid system[0] specifically, or referring to Zurb/Bootstrap as "grid systems"?
If it's the latter, a simple Google search for "how to use Bootstrap" turns up a lot of resources, including this one[1], which looks good. You might be able to find Foundation-specific ones, but Bootstrap seems to have the edge in popularity.
[0]: http://foundation.zurb.com/docs/components/grid.html
[1]: http://www.onextrapixel.com/2012/11/12/how-to-use-twitter-bootstrap-to…
omgmog · 2013-04-11
If they're marked up well in a page they can be beneficial for SEO, or used as a short summary of the expected content of the website/purpose of the business.
A lot of website use them in the page title as well as being displayed in the header: Page name | Site: Tagline
Some examples:
- Smashing Magazine — For Professional Web Designers and Developers
- The Next Web - International technology news, business & culture
Some interesting articles:
- http://www.onextrapixel.com/2013/01/14/effective-website-taglines-gett…
- http://www.simplewebsiteservice.com/how-to-write-a-tagline/
- http://www.toprankblog.com/2009/07/blog-taglines/
- http://intuitivewebsites.com/articles/website-taglines/
endtwist · 2011-10-26
Hey, I wrote that article! It seems like "reallysimplewebsites.co.uk" lifted it directly from Onextrapixel.com, where it was originally published: http://www.onextrapixel.com/2011/10/24/from-print-to-web-creating-prin…
You may want to update the link to point to the non-plagiarized source.