Skip to content
HomeVideosBooksBlogs
AllTop postsTopics
Podcasts
HistoryListsWatch laterLiked videosFollowing

The videos, books, blogs and podcasts Hacker News keeps recommending, all in one place.

VideosBooksBlogsPodcastsAboutPrivacySettings

Data from Hacker News, HackerTube, HackerBooks, HackerBlogs and Open Library. Credits · Not affiliated with Y Combinator.

HomeVideosBooksBlogsPodcasts
Ctrl K
    4

    456 Berea Street

    456bereastreet.com · Personal blog · on HN since 2007

    Roger Johansson writes about web standards, CSS, HTML, accessibility, and readability on his blog 456 Berea Street.

    Visit blogHN submissions
    Web DevelopmentDesign & UX
    What HN says

    HN links it as a source of web standards and accessibility advice, though one commenter notes an old post still recommended images for drop shadows.

    Stats for nerds
    43HN people shared it
    32linked in comments
    257story points
    Aug 2022last shared
    2008people per year2022

    Top posts on HN

    1. 1
      Why I don’t use CSS preprocessors
      2 people · 112 points · first shared 2016 · 123 comments on HN
    2. 2
      On using h1 for all heading levels in HTML5
      1 person · 36 points · first shared 2011 · 12 comments on HN
    3. 3
      IE 9 does not resize text sized in pixels
      2 people · 26 points · first shared 2010 · 28 comments on HN
    4. 4
      “Inspect element” is not the same as “View source”
      1 person · 20 points · first shared 2010 · 11 comments on HN
    5. 5
      Beware of -webkit-text-size-adjust:none
      2 people · 10 points · first shared 2010 · 3 comments on HN
    6. 6
      W3C web site redesign in beta – send in your feedback
      1 person · 8 points · first shared 2009 · 4 comments on HN
    7. 7
      CSS3 Selectors Explained
      1 person · 7 points · first shared 2010 · Discussion on HN
    8. 8
      HTML5 allows almost any value for the id attribute
      1 person · 4 points · first shared 2010 · 2 comments on HN
    9. 9
      CSS3 is not HTML5
      1 person · 4 points · first shared 2010 · 1 comments on HN
    10. 10
      TextMate productivity tips
      2 people · 3 points · first shared 2008 · Discussion on HN

    What HN people wrote when they linked it

    • tdavisJan 2009

      I think pg would be less happy because he'd have to admit I was right about this whole silly standards thing ;)

      As for your questions: The page bloat issue is pretty apparent: it takes a lot more markup to wrap everything in tables than it does to use floated / positioned block elements such as <div/>. Individually marking up each <font/> tag with color, bgcolor, etc. also wastes a shitload of bytes.

      Accessibility is another issue entirely, but is generally hindered by inline Javascript because such JS is not based on progressive enhancement; rather, it directly hijacks events on specific elements rather than improving the experience for JS-enabled browsers. In the case of HN, it appears that "vote" links work with or without Javascript, though the latter loads a blank page after voting. This is certainly better than the alternative. Additionally, superfluous markup has a tendency to disrupt the functioning of assisted-reading devices such as screen readers.

      There's a whole world of people out there advocating the use of web standards, all for very practical reasons. I'm not going to re-post all their thoughts and arguments here, but if you're not educated in the matter I highly recommend becoming so, if for no other reason than understanding what we crazy people are screaming about. Many people far more dedicated than I have written countless articles on the matter; a good place to start would be Roger Johansson's blog: http://www.456bereastreet.com/ but there are many…

    • vitovitoMay 2010

      I consider myself a professional user experience designer, and I have no idea. Please tell me when you find out. :(

      UX as a discipline is still pretty unrefined: people are only just now realizing that you need actual (traditional) design (art, usability, ergonomics, cognitive science, psychology) skills to really do your job well.

      A lot of people who call themselves web designers, user experience designers, user interface designers, information architects, interaction designers, etc., today, even (especially?) senior- or architect-level ones, are there because they were mucking about with HTML very early on, but they are often stuck in their current company because they don't have the modern skills we expect. They didn't keep up. They're grandfathered in.

      Example: I interviewed people for a "web artist" position recently. I'd expect someone in that position to have good traditional layout, composition, sketching, drawing, coloring (whether painting or markers or Photoshop) skills, understanding of and practice using grids, typography, font selection, be able to describe their design process, how to run a critique, how to take a critique, plus a basic understanding of not just HTML, but CSS, and that they keep up on things like CSS animations and such. That's all on top of other things like demonstrated ability to work as part of a large team (jacks of all trades are immediately suspect) and being able to sit for long periods.

      One person we interviewed stopped…

    • jonny_noogNov 2009

      I have the same issue with light text on dark background pages, I generally dislike them. It actually affects my vision for a few seconds after I look away from the page, before my eyes adjust again. That page could certainly do with a little more contrast between text and background at any rate. I recently created a site that does make some limited use of light text on dark background and found this post from a few years ago to be a good resource for looking at the issue from both sides (the comments are an important part):

      http://www.456bereastreet.com/archive/200608/light_text_on_dark_background_vs_readability/

      For as long as I can remember I have not liked reading large amounts of light text on dark backgrounds. It's always felt as if this was some kind of genetic predisposition for me. While for others, the opposite (i.e. strongly preferring light text on dark background) seems to be true.

      I'd be really interested if anyone has heard of some solid research on why certain people prefer one over the other.

    • busymom0Aug 2021

      I recently worked on implementing readability in my app and here's the resources I found most useful:

      A very long read but this covers everything:

      > How to Section Your HTML

      https://css-tricks.com/how-to-section-your-html/

      These are specifically important for accessibility users.

      Another short read:

      > HTML5 sectioning elements, headings, and document outlines

      https://www.456bereastreet.com/archive/201103/html5_sectioning_elements_headings_and_document_outlines/

      And you can use Markup Validation Service to validate and get tips:

      https://validator.w3.org/#validate_by_input+with_options

      Check out the excellent answer by Christian Kohlschütter on how readability works:

      https://stackoverflow.com/questions/3652657/what-algorithm-does-readability-use-for-extracting-text-from-urls

    • silencioJul 2008

      I'm intrigued that everyone testing websites for colorblind accessibility is using the colorblind page filter. It's very awkward when you have more than just websites to test (think everything from applications to documentation), and when you want to do it on your own without submitting anything to another site.

      There's a few apps I do recommend in lieu of the website:
      Color Oracle (http://colororacle.cartography.ch/) for all platforms

      Sim Daltonism (http://michelf.com/projects/sim-daltonism/) for OS X

      General color accessibility tool: http://www.paciellogroup.com/resources/contrast-analyser.html

      A whole slew of other tools: http://www.456bereastreet.com/archive/200709/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design/

    • ColinWrightAug 2011

      I long for multi-column text. I hate scrolling, but worse, I hate getting to the end of a screen-width of text and then having to flick back to the left and work out which line to start on. Text should be in 8 to 10 word lines for optimal readability - much longer and it slows down your ability to read quickly and effectively.

      Your mileage will vary, and I'm not saying that everyone has the exact same preferences or requirements, but I can't wait for easily rendered, reliable multi-column text.

      Some references:

      http://baymard.com/blog/line-length-readability

      http://www.456bereastreet.com/archive/200509/line_length_and_readability/

      http://psychology.wichita.edu/surl/usabilitynews/72/LineLength.asp

      http://www.bastoky.com/KeyRelations.htm

    Related

    A List Apartalistapart.com667 people

    The future of web software is HTML over WebSockets

    A List Apart
    Publication · last shared 2026
    Jeff Croftjeffcroft.com26 people

    Web standards killed the HTML star

    Jeff Croft
    Personal · last shared 2014
    Bruce Lawsonbrucelawson.co.uk57 people

    Opera will use Blink

    Bruce Lawson
    Personal · last shared 2026
    Paul Irishpaulirish.com127 people

    * { box-sizing: border-box } FTW

    Paul Irish
    Personal · last shared 2025
    Adrian Roselliadrianroselli.com65 people

    Accessibility: Don't Use Fake Bold or Italic in Social Media

    Adrian Roselli
    Personal · last shared 2026
    Chris Ferdinandigomakethings.com84 people

    SPAs Were a Mistake

    Chris Ferdinandi
    Personal · last shared 2026
    Lea Veroulea.verou.me121 people

    Today’s JavaScript, from an outsider’s perspective (2020)

    Lea Verou
    Personal · last shared 2026
    Adaptive Pathadaptivepath.com44 people

    Better Revenue Through UX

    Adaptive Path
    Company · last shared 2015