[{"data":1,"prerenderedAt":432},["ShallowReactive",2],{"project-19615895":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":29,"sentiment":30,"stance_mix":31,"scored_comments":36,"aspects":37,"strip":43,"post_text":45,"what":46,"said":78,"maker_in_thread":185,"shape":194,"grid":198,"attempts":394,"same_week":395,"maker_shows":34,"maker_hidden":424,"reader_version":425,"card":426},"19615895","Lawler.io","A minimalist blog based on Tufte CSS","title","Show HN: A minimalist blog based on Tufte CSS","https:\u002F\u002Flawler.io","lawler.io","Eiriksmal",1554825086,2019,260,74,128,2195,6,"legend","creative","personal blog","web_app",[24,25,26,27,28],"tufte css","minimalist blog","margin notes","static site generator","typography","mixed",-0.105,{"positive":32,"neutral":33,"mixed":34,"critical":35},9,16,1,15,41,{"design":38,"execution":40,"idea":42},{"positive":39,"critical":35},5,{"positive":41,"critical":41},0,{"positive":34,"critical":41},[39,41,41,34,44,44,41,34,34,34,44,44,34,44,34,34,34,44,44,34,41,41,41,41,34,44,44,44,39,34,34,41,39,39,39,39,44,44,41,41],3,null,{"problem":47,"audience":45,"pricing":45,"motivation":54,"time_to_build":45,"stack":59,"openness":75,"stage":76,"team_size":77},{"value":48,"source":49,"evidence":50},"Long-form writing with clean typography and side notes","inferred",[51],{"id":52,"by":11,"text":53},"19621284","I've been thinking that through today, actually. Newspapers don't choose multi-column layouts because it's the easiest to read--it's to make the most of an expensive resource…",{"value":55,"source":56,"evidence":57},"Personal blog presenting essays with margin notes","maker",[58],{"id":52,"by":11,"text":53},[60,66,70],{"value":61,"source":56,"evidence":62},"Pelican",[63],{"id":64,"by":11,"text":65},"19621316","Excellent! I'm positive I saw your plugin while researching the design for my site. It looks like a great package of tools. In the end, I decided to stay away from Rails and use…",{"value":67,"source":56,"evidence":68},"Python 3",[69],{"id":64,"by":11,"text":65},{"value":71,"source":56,"evidence":72},"Tufte CSS",[73],{"id":74},"post","open_source","launched","solo",{"praise":79,"objections":107,"requests":145,"questions":163,"alternatives":169},[80,96],{"value":81,"source":82,"evidence":83},"Clean typography and side notes work well","commenter",[84,88,92],{"id":85,"by":86,"text":87},"19617524","ordinaryradical","I have to say it is refreshing to see someone actually thinking about things like line length when it comes to how their content is portrayed. To me, this is not just being…",{"id":89,"by":90,"text":91},"19621274","jez","Nice! I really like Tufte CSS. It makes using side notes really easy, even on mobile. And it gives a very crisp look to the text. I put together a project to be able to make new…",{"id":93,"by":94,"text":95},"19618306","AndrewStephens","I really like the Tufte CSS style, so much so that I adapted it for my own blog. In my opinion it suits the longer, more thoughtful posts that I was trying to create. Tufte-style…",{"value":97,"source":82,"evidence":98},"Attractive, minimalist design",[99,103],{"id":100,"by":101,"text":102},"19621048","indigodaddy","I guess I assumed this was a blog engine or SSG of some like kind. After reading the article I guess I gather that I assumed incorrectly. Good article though and nice looking…",{"id":104,"by":105,"text":106},"19617660","jacobedawson","Nice article and a very pretty blog :) I've found https:\u002F\u002Foutline.com\u002F to be great for reading content on the net regardless of the original layout, as it basically extracts the…",[108,119,134],{"value":109,"source":82,"evidence":110},"Margin notes hidden on mobile are not clearly clickable",[111,115],{"id":112,"by":113,"text":114},"19618549","gjstein","Love the Tufte style. One real limitation, however, is the \"mobile view\" in which the margin notes collapse into clickable superscript numbers. I don't think it's clear to most…",{"id":116,"by":117,"text":118},"19616835","weego","I wouldn't have guessed that those circles were clickable annotations on mobile had I not looked at desktop view and wondered where they'd. I like it as a principle but it's…",{"value":120,"source":82,"evidence":121},"Text column too narrow or line length issues on wide screens",[122,126,130],{"id":123,"by":124,"text":125},"19621401","mirimir","My display is only 1900 wide, and it annoys me to scroll 80-character columns. Especially when they blow up to 30+ points, and I need to resize the browser window. If WP for DOS…",{"id":127,"by":128,"text":129},"19623245","lazyjones","> The In both typography- and computer-speak, a character is an individual letter or typographic mark. optimal width of a paragraph of text is anywhere from 50–80 characters per…",{"id":131,"by":132,"text":133},"19620663","fouc","The text measure \u002F line length argument probably makes sense for paperback books, and that would likely extend out to mobile\u002Ftablet as well. But perhaps it doesn't make sense…",{"value":135,"source":82,"evidence":136},"Blockquotes and font sizes need work",[137,141],{"id":138,"by":139,"text":140},"19615936","Tomte","I love minimalist design, but have never understood the point of Tufte CSS. I find it baroque, without a clear design idea (just look at all those font sizes, combined with their…",{"id":142,"by":143,"text":144},"19616749","laszlokorte","The lead ins are really hard to read: different font-size + capitals + not clear how they are chosen. I would just remove them. h3 seems to similar to body text. Maybe because…",[146,153],{"value":147,"source":82,"evidence":148},"Better mobile handling of margin notes",[149,150],{"id":112,"by":113,"text":114},{"id":151,"by":11,"text":152},"19616993","This is a solid point, thank you. I'll see if I can think of a better way of delineating the mobile margin notes. Maybe Stratechery or Wikipedia have good examples of this.",{"value":154,"source":82,"evidence":155},"Multi-column or horizontal scrolling for wide displays",[156,159],{"id":157,"by":124,"text":158},"19620072","> Why doesn’t this website fill 100% of your 1080p or 4K monitor’s screen with text? There’s a very specific reason, and that is text measure. >> A block of text or paragraph has…",{"id":160,"by":161,"text":162},"19622275","fian","Multiple columns don't work well for vertical scrolling. They should work fine if you horizontally scroll to see more columns (for example to the right for writing in English).…",[164],{"value":165,"source":82,"evidence":166},"Whether multi-column layouts suit wide screens",[167,168],{"id":157,"by":124,"text":158},{"id":52,"by":11,"text":53},[170,177,181],{"value":171,"source":82,"evidence":172},"Athena Tufte-based Jekyll theme",[173],{"id":174,"by":175,"text":176},"19617633","lordgrenville","A similar idea is Athena[1], also based on Tufte CSS. It's a static generator like Jekyll with a minimalist look. Pretty easy to set up and get going, and integrates well with…",{"value":178,"source":82,"evidence":179},"Outline reader",[180],{"id":104,"by":105,"text":106},{"value":182,"source":82,"evidence":183},"tufte-pandoc-css",[184],{"id":89,"by":90,"text":91},{"comments":32,"answered":44,"key":186},[187,188,191],{"id":52,"text":53},{"id":189,"text":190},"19619023","Gregory, your margin notes look great in the mobile view. I'm using mine as \"frenetic\" textual additions (thanks for the great description, HN commenter!), which would be too…",{"id":192,"text":193},"19616099","I'm still struggling to get the \u003Cblockquotes> to look right. There's not quite enough of an offset from the body text. Do you have any suggestions there? In regards to font…",{"commenters":195,"max_depth":196,"maker_replies":32,"first_comment_mins":44,"lifespan_hours":197},48,4,57,[199,201,205,208,212,215,217,221,224,226,228,229,231,233,234,235,238,242,244,247,248,251,254,255,257,259,260,263,266,269,271,274,277,281,284,286,287,291,293,296,298,301,303,305,309,312,314,315,318,322,326,331,333,335,336,339,341,345,349,353,358,360,364,367,370,373,377,379,381,383,385,387,390,392],[85,41,39,200,86,41],"project\u002Fpositive\u002Fdesign",[202,41,41,203,204,41],"19617736","commenter\u002Fneutral\u002Fdesign","dmix",[206,41,41,203,207,41],"19618019","bill_rr",[209,41,41,210,211,41],"19621640","other\u002Fneutral\u002Fnone","killjoywashere",[213,41,41,210,214,41],"19621886","vimslayer",[157,34,34,216,124,41],"project\u002Fcritical\u002Fdesign",[218,34,44,219,220,41],"19620626","project\u002Fneutral\u002Fdesign","larkeith",[222,34,44,219,223,41],"19620966","dfox",[225,34,41,203,124,41],"19621052",[227,34,44,219,124,41],"19621044",[160,34,44,219,161,41],[230,34,41,203,220,41],"19630398",[232,34,34,216,132,41],"19620680",[52,34,41,219,11,34],[123,34,34,216,124,41],[236,34,44,219,237,41],"19623325","cmroanirgo",[239,34,41,240,241,41],"19622138","commenter\u002Fneutral\u002Fnone","anoncake",[112,243,34,216,113,41],2,[245,243,44,219,246,41],"19618881","_bxg1",[189,243,41,219,11,34],[249,243,34,216,250,41],"19619176","xixixao",[252,243,39,200,253,41],"19621653","kqr",[138,44,34,216,139,41],[192,44,41,256,11,34],"maker\u002Fneutral\u002Fdesign",[258,44,44,256,139,41],"19616692",[142,44,34,216,143,41],[261,44,44,219,262,41],"19619914","kevingrahl",[264,44,34,216,265,41],"19617570","velcrovan",[267,44,41,210,268,41],"19618398","NikolaNovak",[270,44,41,240,265,41],"19619077",[272,44,34,216,273,41],"19625143","7192DF8F",[275,44,34,216,276,41],"19621185","kibibu",[278,196,39,279,280,41],"19617414","maker\u002Fpositive\u002Fdesign","wildmindwriting",[282,39,34,216,283,41],"19620717","tills13",[89,18,39,285,90,41],"project\u002Fpositive\u002Fnone",[64,18,41,240,11,34],[288,289,34,216,290,41],"19619531",7,"meerita",[104,292,41,210,105,41],8,[294,292,41,295,204,41],"19617750","other\u002Fpositive\u002Fdesign",[297,292,41,210,262,41],"19619937",[299,292,41,210,300,41],"19622260","gyvastis",[302,292,41,210,262,41],"19622784",[174,32,41,304,175,41],"other\u002Fneutral\u002Fidea",[306,32,41,307,308,41],"19617867","other\u002Fpositive\u002Fnone","q-base",[93,310,44,311,94,41],10,"project\u002Fmixed\u002Fdesign",[116,313,34,216,117,41],11,[151,313,41,256,11,34],[316,313,44,219,317,41],"19618088","gwern",[319,320,44,219,321,41],"19619645",12,"combatentropy",[323,320,41,324,325,41],"19620378","other\u002Fneutral\u002Fdesign","JoshuaRLi",[327,328,44,329,330,41],"19617731",13,"project\u002Fneutral\u002Fexecution","lenova",[332,328,41,329,11,34],"19617791",[100,334,39,200,101,41],14,[131,35,34,216,132,41],[337,33,44,219,338,41],"19617610","pmiller2",[127,340,34,216,128,41],17,[342,343,41,210,344,41],"19639788",18,"mattbgates",[346,347,41,210,348,41],"19620152",19,"lucisferre",[350,351,41,210,352,41],"19641021",20,"bradley_taunt",[354,355,39,356,357,41],"19618393",21,"project\u002Fpositive\u002Fidea","pwenzel",[359,355,41,219,11,34],"19618930",[361,362,39,200,363,41],"19619247",22,"lichtenberger",[365,362,41,366,11,34],"19619478","project\u002Fneutral\u002Fdocs",[368,362,39,285,369,41],"19623508","eatplayrove",[371,362,39,372,363,41],"19627272","maker\u002Fpositive\u002Fnone",[374,375,44,219,376,41],"19620050",23,"megous",[378,375,44,219,253,41],"19621853",[380,375,44,219,376,41],"19623841",[382,375,44,219,253,41],"19624828",[384,375,41,203,11,34],"19625206",[386,375,41,203,253,41],"19631656",[388,389,41,304,207,41],"19617005",24,[391,389,41,210,105,41],"19618653",[393,389,41,210,262,41],"19620077",[],[396,401,406,411,415,420],{"id":397,"name":398,"points":399,"category":400},"19572514","SourcedFact",593,"productivity",{"id":402,"name":403,"points":404,"category":405},"19593866","Water.css",501,"dev_tools",{"id":407,"name":408,"points":409,"category":410},"19613477","Ethical Resources",291,"other",{"id":412,"name":413,"points":414,"category":400},"19581788","ReportMill SnapTea",289,{"id":416,"name":417,"points":418,"category":419},"19626404","Hacker Newspapers",250,"learning_science",{"id":421,"name":422,"points":423,"category":405},"19610459","Xmake",186,false,"v2",{"id":427,"name":5,"line":6,"ai":424,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":428,"top":18,"kw":429,"maker":11,"domain":10,"tier":19,"attempts":41,"strip":430,"url":9,"mix":431,"praise":81,"objection":109,"sub":21},19615895,-0.1,[24,25,26,27,28],"5001330111331311133100001333511055553300",[32,33,34,35],1794036576559]