[{"data":1,"prerenderedAt":718},["ShallowReactive",2],{"project-11542005":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":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":47,"post_text":49,"what":50,"said":94,"maker_in_thread":233,"shape":244,"grid":248,"attempts":682,"same_week":683,"maker_shows":38,"maker_hidden":710,"reader_version":711,"card":712},"11542005","Bootstrap 4 cheat sheet","An interactive Bootstrap 4 cheat sheet","title","Show HN: I made an interactive Bootstrap 4 cheat sheet","http:\u002F\u002Fhackerthemes.com\u002Fbootstrap-cheatsheet","hackerthemes.com","arechsteiner",1461245994,2016,847,161,7,2264,1,"legend","dev_tools","documentation reference","web_app",[24,25,26,27],"bootstrap 4","css framework","cheat sheet","front-end","loved",0.437,{"positive":31,"neutral":32,"mixed":33,"critical":34},40,22,6,8,76,{"idea":37,"design":40,"docs":42,"performance":44,"execution":46},{"positive":38,"critical":39},3,0,{"positive":41,"critical":34},9,{"positive":43,"critical":39},4,{"positive":45,"critical":39},2,{"positive":18,"critical":39},[48,18,18,45,43,38,38,38,48,48,48,43,48,48,39,39,39,39,39,39,39,39,39,39,39,39,48,48,48,48,48,38,48,38,48,43,43,48,48,48],5,null,{"problem":51,"audience":71,"pricing":49,"motivation":49,"time_to_build":49,"stack":80,"openness":92,"stage":93,"team_size":92},{"value":52,"source":53,"evidence":54},"Bootstrap 4 docs are long and hard to navigate; quick lookup of components and classes","commenter",[55,59,63,67],{"id":56,"by":57,"text":58},"11542154","degenerate","Thanks for making - it's so much more helpful than the over-9000 line bootstrap docs I am always using CTRL+F and trying to remember the name of elements on. Now I can just jump…",{"id":60,"by":61,"text":62},"11542256","matt4077","I feel like bootstrap has become the jquery of css themes. People will launch into a lecture on \"separation of concerns\" when they see a style attribute in html or a ruby loop in…",{"id":64,"by":65,"text":66},"11542707","dopeboy","This is great stuff. Beats scrolling and greping through their endless documentation.",{"id":68,"by":69,"text":70},"11543364","mangeletti","Wow, this is really great. I think Bootstrap 4's documentation is even harder to navigate than Bootstrap 3's. It's very frustrating, but this cheat sheet will help a lot.",{"value":72,"source":53,"evidence":73},"Front-end developers using Bootstrap",[74,75,76],{"id":56,"by":57,"text":58},{"id":68,"by":69,"text":70},{"id":77,"by":78,"text":79},"11546308","x13","This is really useful. Does anyone know of a Materialize cheat sheet? (http:\u002F\u002Fmaterializecss.com\u002F)",[81,88],{"value":82,"source":83,"evidence":84},"Jekyll","maker",[85],{"id":86,"by":11,"text":87},"11542365","Thanks. I'm using Jekyll to generate my whole website, including the cheat sheet. So it's pretty much a DIY project on top of Jekyll, using jQuery on the front-end to move DOM…",{"value":89,"source":83,"evidence":90},"jQuery",[91],{"id":86,"by":11,"text":87},"unknown","launched",{"praise":95,"objections":124,"requests":155,"questions":200,"alternatives":210},[96,112],{"value":97,"source":53,"evidence":98},"Fast, simple and useful as a reference; better than the official docs for quick lookup",[99,100,104,108],{"id":56,"by":57,"text":58},{"id":101,"by":102,"text":103},"11542189","stevoski","I like how fast and responsive it is.",{"id":105,"by":106,"text":107},"11542551","paulcole","This is really great! I've always found the bootstrap docs thorough but intimidating. You've got a really simple, intuitive layout. Well done!",{"id":109,"by":110,"text":111},"11544534","tedmiston","As someone who never bookmarks cheat sheets, this is one I'm going to save. Many of the \"API\" changes in Bootstrap 4 are subtle class name differences, like using…",{"value":113,"source":53,"evidence":114},"Interactive examples and deep links to sections are helpful",[115,119,120],{"id":116,"by":117,"text":118},"11545380","kevinSuttle","Thank you for the deep links.",{"id":109,"by":110,"text":111},{"id":121,"by":122,"text":123},"11546661","mqgh","awesome work. I like this, so easy to find the style.",[125,144],{"value":126,"source":53,"evidence":127},"Hijacking the back button with pushState annoys users who want to return to the previous page",[128,132,136,140],{"id":129,"by":130,"text":131},"11542254","saulr","The user isn't changing page, so you definitely shouldn't be using pushState. If you want to update the address bar, use replaceState. After clicking a few of them I certainly…",{"id":133,"by":134,"text":135},"11542262","omegote","Yeah, get rid of historystate. It's annoying.",{"id":137,"by":138,"text":139},"11543516","bobwaycott","Yes. Always. You'll find hijacking the back button is one of the most frequent first\u002Ftop complaints in HN threads. :)",{"id":141,"by":142,"text":143},"11542731","manyxcxi","It both makes sense and is counter-intuitive to me at the same time. I see why you did it, and I see why some people would like it that way- however when I hit the back button…",{"value":145,"source":53,"evidence":146},"Bootstrap 4 was still in alpha, so unclear if safe for production",[147,151],{"id":148,"by":149,"text":150},"11542641","lsjadf","This is really cool. I'm wondering if people are using BS4 in production? I recently used BS3 because I saw that 4 was still in Alpha. Is it safe to use in production even though…",{"id":152,"by":153,"text":154},"11545827","tmaly","very cool, I am excited to use version 4 when the official release comes out. I am always cautious to jump on an alpha release. What is your sense of file sizes under version 4…",[156,171,182,193],{"value":157,"source":53,"evidence":158},"Keep address bar updated but use replaceState so back button is not affected",[159,163,167],{"id":160,"by":161,"text":162},"11545651","johns","using replaceState instead of pushState will keep the address bar updated without interfering with the back button",{"id":164,"by":165,"text":166},"11543960","Flimm","With replaceState you can change the URL without adding an entry to the back button list. So you can have a back button that takes you back to HN and a bookmark reference.",{"id":168,"by":169,"text":170},"11545681","duncans","Use good old `window.location.replace(...)` - things will still be bookmarkable, but won't clutter history.",{"value":172,"source":53,"evidence":173},"Add a search or filter box",[174,178],{"id":175,"by":176,"text":177},"11542153","reustle","This is awesome! Can I request a search box at the top that lets me quick-search for something, and then hit tab or enter to \"jump\" to that one?",{"id":179,"by":180,"text":181},"11544089","blairanderson","Feature request!: Add a text field to filter the lists of lists. using something like typeaheadjs - https:\u002F\u002Fgithub.com\u002Ftwitter\u002Ftypeahead.js\u002Fblob\u002Fmaster\u002Fdoc\u002Fbloodhound.md",{"value":183,"source":53,"evidence":184},"Open source the project",[185,189],{"id":186,"by":187,"text":188},"11543512","oonny","This is great, good job! One application of this interface is for companies to use it as a front-end style guide for their own site\u002Fweb app. Just like people use bootstrap as the…",{"id":190,"by":191,"text":192},"11542647","bluetidepro","Is this project open source\u002Fon GitHub? I would love to see how you built this with Jekyll! :)",{"value":194,"source":53,"evidence":195},"Add Bootstrap 3 support",[196],{"id":197,"by":198,"text":199},"11542207","latortuga","Looks great, super useful! Can you possibly load it up with bootstrap 3?",[201,206],{"value":202,"source":53,"evidence":203},"Is the project open source?",[204,205],{"id":190,"by":191,"text":192},{"id":186,"by":187,"text":188},{"value":207,"source":53,"evidence":208},"Are people using Bootstrap 4 in production?",[209],{"id":148,"by":149,"text":150},[211,219,226],{"value":212,"source":53,"evidence":213},"Official Bootstrap docs",[214,215],{"id":56,"by":57,"text":58},{"id":216,"by":217,"text":218},"11544336","jordache","I think I prefer the original bootstrap documentation... having the TOC on the side to jump to various sections, and having a more real-estate to present ideas rather than just a…",{"value":220,"source":53,"evidence":221},"Bootswatch",[222],{"id":223,"by":224,"text":225},"11542107","emirozer","As a person who doesn't understand a single thing about front-end, I really appreciate the existence of bootstrap, especially when I need to just put an OK looking dashboard…",{"value":227,"source":53,"evidence":228},"Velcro (Bootstrap 3 cheat sheet)",[229],{"id":230,"by":231,"text":232},"11546127","hanniabu","I started something similar for Bootstrap 3, but more interactive so you can select different options for each type of element. https:\u002F\u002Fhanniabu.com\u002FVelcro Let me know if I…",{"comments":34,"answered":33,"key":234},[235,238,241],{"id":236,"text":237},"11542127","I made this! Thanks for sharing it. I'll be watching this thread for comments and feedback. (Moderators: Could you remove the #dropdown part from the URL please?) Edit: The two…",{"id":239,"text":240},"11542267","Thanks for your suggestion. I've considered adding a search\u002Ffilter box, but I've decided that people can use Ctrl+f\u002FCtrl+g (assuming Chrome) in order to find items. I might add…",{"id":242,"text":243},"11542232","Thanks. I've added right\u002Fleft arrows to the to do list. About the back button: Do other people feel the same way? This is by design, but I'm open to change this behavior if…",{"commenters":245,"max_depth":41,"maker_replies":34,"first_comment_mins":246,"lifespan_hours":247},122,12,103,[249,251,255,257,259,261,263,265,268,272,273,276,279,282,283,285,287,288,292,294,297,300,303,304,307,309,312,313,316,317,320,323,325,328,331,334,337,339,342,345,348,350,354,357,358,360,363,367,371,374,376,379,382,385,387,390,393,396,398,401,403,406,409,412,416,419,422,425,427,429,432,435,437,440,443,446,448,450,453,455,457,459,462,464,467,470,473,476,479,482,485,488,491,493,496,499,501,502,505,507,509,511,514,516,519,521,525,528,530,532,536,537,539,541,543,546,548,550,553,555,556,558,562,566,569,572,575,579,581,583,585,588,590,593,595,598,602,606,608,610,613,614,618,620,624,628,632,636,640,642,646,648,652,656,660,664,668,672,674,676,679],[236,39,39,250,11,18],"maker\u002Fneutral\u002Fnone",[252,39,48,253,254,39],"11542150","maker\u002Fpositive\u002Fnone","BafS",[175,39,48,256,176,39],"project\u002Fpositive\u002Fidea",[239,39,39,258,11,18],"project\u002Fneutral\u002Fidea",[56,39,38,260,57,39],"project\u002Fmixed\u002Fdesign",[242,39,39,262,11,18],"project\u002Fneutral\u002Fdesign",[129,39,18,264,130,39],"project\u002Fcritical\u002Fdesign",[266,39,18,264,267,39],"11542929","pointytrees",[269,39,39,270,271,39],"11548149","commenter\u002Fneutral\u002Fnone","aryamaan",[133,39,18,264,134,39],[274,39,18,264,275,39],"11542264","jordanlev",[277,39,38,260,278,39],"11542351","jqm",[280,39,38,262,281,39],"11542402","dsmithatx",[141,39,18,264,142,39],[284,39,39,262,11,18],"11542832",[286,39,38,262,57,39],"11543602",[164,39,38,262,165,39],[289,39,48,290,291,39],"11545590","project\u002Fpositive\u002Fdesign","crucialfelix",[293,39,38,260,267,39],"11542945",[295,39,38,260,296,39],"11543194","petemill",[298,39,38,260,299,39],"11548237","eterm",[301,39,38,262,302,39],"11543405","ajnin",[137,39,18,264,138,39],[305,39,48,290,306,39],"11543570","me_bx",[308,39,38,260,110,39],"11544585",[310,39,38,262,311,39],"11545071","whizzkid",[160,39,38,262,161,39],[314,39,38,262,315,39],"11547011","bbcbasic",[168,39,38,262,169,39],[318,39,39,319,315,39],"11547017","other\u002Fneutral\u002Fnone",[321,39,39,319,322,39],"11547360","tomw1808",[324,39,39,319,315,39],"11547986",[326,39,39,319,327,39],"11552904","tracker1",[329,39,39,319,330,39],"11556502","dano",[332,39,39,270,333,39],"11548123","marcoperaza",[335,39,48,290,336,39],"11549176","developer2",[338,39,39,270,271,39],"11548143",[340,39,48,253,341,39],"11542169","mgrpowers",[343,39,48,253,344,39],"11542184","samteeeee",[346,39,48,253,347,39],"11542371","azazqadir",[349,39,48,253,142,39],"11542739",[351,39,38,352,353,39],"11543000","project\u002Fneutral\u002Fdocs","Stratoscope",[355,39,48,253,356,39],"11543822","rooster8",[179,39,38,258,180,39],[359,39,39,270,110,39],"11544600",[361,39,38,258,362,39],"11544162","paultannenbaum",[364,39,48,365,366,39],"11544456","project\u002Fpositive\u002Fnone","puranjay",[368,39,38,369,370,39],"11544812","project\u002Fneutral\u002Fnone","kelukelugames",[372,39,48,256,373,39],"11544967","joeblau",[152,39,48,375,153,39],"project\u002Fpositive\u002Fperformance",[377,39,48,253,378,39],"11546235","kinduff",[380,39,48,290,381,39],"11546270","deadbeef404",[383,39,48,253,384,39],"11547934","MattyMc",[223,18,39,386,224,39],"other\u002Fpositive\u002Fnone",[388,18,39,386,389,39],"11542134","stronglikedan",[391,18,39,319,392,39],"11542228","atom-morgan",[394,18,39,386,395,39],"11542278","smpetrey",[397,18,39,319,275,39],"11542283",[399,18,39,270,400,39],"11542690","danneu",[402,18,39,270,275,39],"11544353",[404,18,39,270,405,39],"11547317","codeisawesome",[407,18,39,319,408,39],"11542987","collyw",[410,18,39,270,411,39],"11542266","joshmanders",[413,18,39,414,415,39],"11542304","other\u002Fpositive\u002Fdesign","bryanlarsen",[417,18,39,386,418,39],"11542628","noir_lord",[420,18,39,386,421,39],"11542474","sheeshkebab",[423,18,39,386,424,39],"11542874","ahoka",[426,18,39,319,110,39],"11544626",[60,45,39,428,61,39],"other\u002Fcritical\u002Fnone",[430,45,39,270,431,39],"11542287","ThomPete",[433,45,39,270,434,39],"11542392","blaze33",[436,45,39,319,431,39],"11542605",[438,45,39,270,439,39],"11542714","bdavisx",[441,45,39,319,442,39],"11542313","k__",[444,45,39,270,445,39],"11542364","lorddoig",[447,45,39,270,442,39],"11542391",[449,45,39,270,267,39],"11542977",[451,45,39,270,452,39],"11545952","scarecrowbob",[454,45,39,270,452,39],"11542379",[456,45,39,270,442,39],"11542407",[458,45,39,270,452,39],"11543913",[460,45,39,270,461,39],"11545213","usaphp",[463,45,39,270,452,39],"11545938",[465,45,39,319,466,39],"11543248","mbesto",[468,45,39,319,469,39],"11543581","antidaily",[471,45,39,270,472,39],"11545357","damptowel",[474,45,39,270,475,39],"11542376","encoderer",[477,38,39,319,478,39],"11542308","JoshGlazebrook",[480,38,39,319,481,39],"11542320","itsbits",[483,38,39,319,484,39],"11542460","strictnein",[486,38,39,319,487,39],"11542522","stephenr",[489,38,39,270,490,39],"11542834","sbarre",[492,38,39,319,267,39],"11542988",[494,38,39,270,495,39],"11543811","91bananas",[497,38,39,319,498,39],"11545259","webXL",[500,38,39,319,490,39],"11551958",[230,43,39,319,231,39],[503,43,39,386,504,39],"11546597","pjvandehaar",[506,43,39,319,231,39],"11552888",[508,43,39,319,57,39],"11548676",[510,43,39,319,231,39],"11552884",[512,43,39,414,513,39],"11549735","ckluis",[515,43,39,319,231,39],"11552900",[517,43,39,319,518,39],"11555391","edwinyzh",[520,43,39,319,231,39],"11555770",[522,48,48,523,524,39],"11543343","project\u002Fpositive\u002Fexecution","bink-lynch",[526,48,48,290,527,39],"11547967","urza",[529,33,48,290,418,39],"11542103",[109,16,48,531,110,39],"project\u002Fpositive\u002Fdocs",[533,34,38,534,535,39],"11542174","maker\u002Fneutral\u002Fexecution","asimuvPR",[86,34,39,534,11,18],[538,34,48,253,535,39],"11542768",[540,34,39,250,11,18],"11543463",[542,34,39,319,110,39],"11544652",[544,41,48,365,545,39],"11542093","txutxu",[547,41,39,250,11,18],"11542390",[186,549,48,256,187,39],10,[551,549,48,365,552,39],"11551876","alanwatts",[197,554,38,369,198,39],11,[68,246,48,531,69,39],[105,557,48,290,106,39],13,[559,560,48,290,561,39],"11545543",14,"deusofnull",[563,564,39,319,565,39],"11542409",15,"wslh",[567,564,39,319,568,39],"11542498","wmeredith",[570,564,39,319,571,39],"11542595","neovive",[573,564,39,319,574,39],"11544725","ukyrgf",[576,577,38,262,578,39],"11543456",16,"kulesiii",[190,580,38,369,191,39],17,[582,580,39,250,11,18],"11543429",[584,580,48,253,191,39],"11543544",[586,580,48,365,587,39],"11543689","xenihn",[589,580,39,270,535,39],"11544806",[591,580,39,270,592,39],"11548953","stblack",[594,580,39,270,535,39],"11549977",[596,580,38,369,597,39],"11545889","bparanj",[599,600,38,369,601,39],"11567209",18,"nojvek",[603,604,48,253,605,39],"11542978",19,"m3andros",[64,607,48,531,65,39],20,[148,609,39,319,149,39],21,[611,609,39,319,612,39],"11545442","bradly",[216,32,18,264,217,39],[615,616,48,365,617,39],"11545474",23,"switchkiller",[77,619,38,369,78,39],24,[621,622,48,253,623,39],"11542823",25,"brainpool",[625,626,18,264,627,39],"11547152",26,"nathanboktae",[629,630,39,319,631,39],"11542465",27,"oliwarner",[633,634,48,365,635,39],"11542436",28,"hndl",[637,638,48,253,639,39],"11543844",29,"underzen",[101,641,48,375,102,39],30,[643,644,39,319,645,39],"11543999",31,"baby",[647,644,39,319,418,39],"11544807",[649,650,38,352,651,39],"11546756",32,"jrochkind1",[653,654,48,253,655,39],"11543866",33,"greenpizza13",[657,658,38,352,659,39],"11547350",34,"KayL",[661,662,38,369,663,39],"11543707",35,"rebnoob",[665,666,48,253,667,39],"11548532",36,"mjdude",[669,670,39,319,671,39],"11542613",37,"AndrewVos",[116,673,48,531,117,39],38,[121,675,48,290,122,39],39,[677,31,39,319,678,39],"11542235","beardicus",[680,31,39,319,681,39],"11543027","dang",[],[684,689,694,698,702,706],{"id":685,"name":686,"points":687,"category":688},"11555527","QBE",241,"languages",{"id":690,"name":691,"points":692,"category":693},"11540265","colornet",219,"ai",{"id":695,"name":696,"points":697,"category":20},"11542123","bot-wat",171,{"id":699,"name":700,"points":701,"category":688},"11577585","Type Inference",136,{"id":703,"name":704,"points":705,"category":688},"11560874","Intro.js",126,{"id":707,"name":708,"points":245,"category":709},"11547646","FocusBook","productivity",false,"v2",{"id":713,"name":5,"line":6,"ai":710,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":714,"top":18,"kw":715,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":716,"url":9,"mix":717,"praise":97,"objection":126,"sub":21},11542005,0.44,[24,25,26,27],"5112433355545500000000000055555353544555",[31,32,33,34],1794036543610]