[{"data":1,"prerenderedAt":459},["ShallowReactive",2],{"project-5643801":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":35,"aspects":36,"strip":45,"post_text":47,"what":48,"said":127,"maker_in_thread":233,"shape":244,"grid":248,"attempts":423,"same_week":424,"maker_shows":288,"maker_hidden":452,"reader_version":453,"card":454},"5643801","Weekend project","Magnific Popup","title","Show HN: Weekend project - Magnific Popup","http:\u002F\u002Fdimsemenov.com\u002Fplugins\u002Fmagnific-popup\u002F","dimsemenov.com","diiiimaaaa",1367495631,2013,196,64,75,1739,5,"notable","languages","javascript ui plugin","library",[24,25,26,27,28],"lightbox","jquery plugin","modal popup","responsive gallery","javascript","mixed",0.49,{"positive":32,"neutral":33,"mixed":34,"critical":33},23,7,1,38,{"idea":37,"docs":38,"execution":40,"design":41,"privacy":43,"pricing":44},{"positive":18,"critical":34},{"positive":34,"critical":39},0,{"positive":34,"critical":18},{"positive":42,"critical":34},6,{"positive":39,"critical":39},{"positive":34,"critical":39},[18,39,18,39,39,39,39,39,18,18,18,46,39,46,39,34,34,39,34,46,18,18,39,34,18,39,39,39,18,18,18,18,18,18,34,46,18,18,46,18],3,null,{"problem":49,"audience":61,"pricing":72,"motivation":81,"time_to_build":92,"stack":98,"openness":124,"stage":125,"team_size":126},{"value":50,"source":51,"evidence":52},"Lightweight popup, lightbox and modal display for images, video and inline content","inferred",[53,57],{"id":54,"by":55,"text":56},"5644270","bluetidepro","This looks really great! Nice work! Do you have a breakdown of why this is better than the other million plugins out there? And I don't mean that in a rude way, either. I just…",{"id":58,"by":59,"text":60},"5644053","jwarren","Very nice - beautiful, chrome-light and mobile-friendly. Decent API. Good documentation too!",{"value":62,"source":51,"evidence":63},"Web developers adding popups or galleries to sites",[64,68],{"id":65,"by":66,"text":67},"5644207","iusable","This looks perfect! We have been using some sort of a hackup of a bunch of different ones; thank you for this (& using the MIT license)!",{"id":69,"by":70,"text":71},"5644019","jvzr","Awesome! I was looking for that kind of intelligent lightbox plugin. It's exactly what I wanted. Kudos to you, me good sire!",{"value":73,"source":74,"evidence":75},"MIT license, free","commenter",[76,77],{"id":65,"by":66,"text":67},{"id":78,"by":79,"text":80},"5644106","drinchev","I'm glad its license is MIT ... I've been searching for similar plugin, but never found one with that license!",{"value":82,"source":83,"evidence":84},"Weekend project; modular design so users include only needed parts","maker",[85,88],{"id":86,"by":11,"text":87},"5644297","I completely agree with you. For this exact reason I've made this plugin modular. Which means that you can include only parts that actually use, both from JS part (thanks to…",{"id":89,"by":90,"text":91},"5644077","igvadaimon","Did it really take one weekend to make this? ;)",{"value":93,"source":83,"evidence":94},"About a weekend",[95],{"id":96,"by":11,"text":97},"5644096","I thought so when I started writing it :)",[99,103,110,116,120],{"value":100,"source":51,"evidence":101},"JavaScript",[102],{"id":86,"by":11,"text":87},{"value":104,"source":74,"evidence":105},"jQuery",[106],{"id":107,"by":108,"text":109},"5646439","HorizonXP","So I'm trying to integrate this with my site, and when I enabled gallery mode, I can no longer click to close, or hit the ESC key. Chrome's console seems to show a Uncaught…",{"value":111,"source":74,"evidence":112},"Zepto",[113],{"id":114,"by":108,"text":115},"5646823","I'm still trying to isolate it, but it seems that in gallery mode, when mfpClose is fired, it gets into a infinite loop, which causes the stack to overflow, and ultimately cause…",{"value":117,"source":83,"evidence":118},"Sass",[119],{"id":86,"by":11,"text":87},{"value":121,"source":83,"evidence":122},"Grunt",[123],{"id":86,"by":11,"text":87},"open_source","launched","solo",{"praise":128,"objections":157,"requests":183,"questions":205,"alternatives":217},[129,141,145,152],{"value":130,"source":74,"evidence":131},"Lightweight and clean design",[132,133,137],{"id":58,"by":59,"text":60},{"id":134,"by":135,"text":136},"5644636","jaredstenquist","Excellent work. I love the style and simplicity. It will certainly be used in my future projects.",{"id":138,"by":139,"text":140},"5643969","gregdav82","Thank you for a great plugin. I've used PrettyPhoto before, but yours looks much nicier. Can't wait to try it in new project!",{"value":142,"source":74,"evidence":143},"Good documentation and API",[144],{"id":58,"by":59,"text":60},{"value":146,"source":74,"evidence":147},"Fade-slide animation",[148],{"id":149,"by":150,"text":151},"5644213","thomseddon","Really good work, particularly like the fade-slide animation.",{"value":153,"source":74,"evidence":154},"MIT license",[155,156],{"id":65,"by":66,"text":67},{"id":78,"by":79,"text":80},[158,165,170,176],{"value":159,"source":74,"evidence":160},"Demo buried below the docs",[161],{"id":162,"by":163,"text":164},"5645697","Domenic_S","Another UX widget page with its demo buried. I don't care how sweet and lightweight your widget is if it doesn't do what I'm looking for, so put the demo up front!! At least this…",{"value":166,"source":74,"evidence":167},"Gallery mode close bug with jQuery and Bootstrap",[168,169],{"id":107,"by":108,"text":109},{"id":114,"by":108,"text":115},{"value":171,"source":74,"evidence":172},"iOS page scrolls behind tall popups",[173],{"id":174,"by":70,"text":175},"5644128","I've tried the demos on my iPhone: my only gripe is that when a pop-in is taller than the screen and that I scroll down\u002Fup, the whole page scrolls down\u002Fup. Is there any way to…",{"value":177,"source":74,"evidence":178},"YouTube video opens in native player on iOS",[179],{"id":180,"by":181,"text":182},"5644101","rs26","This is awesome, but watching the Youtube video is a little problematic on iOS. Users may get lost when you throw them over to the native player. Is there anyway to make it popup…",[184,191,198],{"value":185,"source":74,"evidence":186},"Touch navigation for galleries",[187],{"id":188,"by":189,"text":190},"5650155","nosecreek","Very nice. One feature request: add touch navigation (touch and drag like in RoyalSlider) for galleries. Add this and it will probably be my goto lightbox.",{"value":192,"source":74,"evidence":193},"Ajax loading with nested links in same popup",[194],{"id":195,"by":196,"text":197},"5649974","jrochkind1","Is there an easy way to load via ajax, and then make it such that additional links in that loaded content will also have their content loaded in that same popup? Sort of a little…",{"value":199,"source":74,"evidence":200},"Use as a plain modal without image features",[201],{"id":202,"by":203,"text":204},"5654108","tmzt","Is it possible to use this as a dialog box\u002Fmodal without the image features?",[206,210],{"value":207,"source":74,"evidence":208},"Why is it better than other popup plugins",[209],{"id":54,"by":55,"text":56},{"value":211,"source":74,"evidence":212},"Does it work with AngularJS jQuery lite",[213],{"id":214,"by":215,"text":216},"5644120","zzenon","great project! Does it work with AngularJS's JQuery lite?",[218,225,229],{"value":219,"source":74,"evidence":220},"FancyBox",[221],{"id":222,"by":223,"text":224},"5644490","purephase","I like this. I'm using a lot of FancyBox at the moment, but the ability to resize via CSS sounds like a killer feature. And, let's just pretend that the Bootstrap modal doesn't…",{"value":226,"source":74,"evidence":227},"PrettyPhoto",[228],{"id":138,"by":139,"text":140},{"value":230,"source":74,"evidence":231},"Bootstrap modal",[232],{"id":222,"by":223,"text":224},{"comments":234,"answered":235,"key":236},12,9,[237,240,241],{"id":238,"text":239},"5645132","Thank you. By the way, here is a good discussion related to \"responsive\" term - http:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F14831530\u002Fresponsive-design-vs-adaptive-design",{"id":86,"text":87},{"id":242,"text":243},"5644311","Yep there is a list of unique features on plugin homepage: http:\u002F\u002Fdimsemenov.com\u002Fplugins\u002Fmagnific-popup\u002F Also, be sure to check my article on the Smashing Magazine that explains…",{"commenters":245,"max_depth":42,"maker_replies":234,"first_comment_mins":246,"lifespan_hours":247},46,31,41,[249,253,257,258,262,266,268,271,274,277,280,283,285,287,289,291,294,298,300,302,305,308,310,313,316,320,322,323,325,326,329,332,333,335,337,338,340,341,343,345,350,352,356,358,360,364,367,369,371,375,379,381,385,387,391,395,398,401,402,406,410,412,415,419],[250,39,18,251,252,39],"5644345","maker\u002Fpositive\u002Fnone","ChrisNorstrom",[254,39,39,255,256,39],"5644574","commenter\u002Fneutral\u002Fnone","csmatt",[238,39,39,255,11,34],[259,34,18,260,261,39],"5644254","project\u002Fpositive\u002Fidea","tomasien",[263,34,39,264,265,39],"5644294","other\u002Fneutral\u002Fnone","highace",[267,34,39,264,261,39],"5644341",[269,34,39,255,270,39],"5645732","tekacs",[272,34,39,255,273,39],"5646535","FuzzyDunlop",[275,34,39,255,276,39],"5646608","avalaunch",[278,34,39,255,279,39],"5648430","wmeredith",[281,34,39,264,282,39],"5649069","alex_doom",[86,34,39,284,11,34],"project\u002Fpositive\u002Fdesign",[202,34,46,286,203,39],"project\u002Fneutral\u002Fidea",[54,288,18,260,55,39],2,[242,288,39,290,11,34],"project\u002Fneutral\u002Fdocs",[292,288,18,293,55,39],"5644354","maker\u002Fpositive\u002Fdocs",[295,46,18,296,297,39],"5644351","project\u002Fpositive\u002Fnone","LordIllidan",[195,299,46,286,196,39],4,[180,18,46,301,181,39],"project\u002Fmixed\u002Fexecution",[303,18,39,304,11,34],"5644648","project\u002Fneutral\u002Fexecution",[306,18,18,307,181,39],"5646089","project\u002Fpositive\u002Fexecution",[162,42,34,309,163,39],"project\u002Fcritical\u002Fdesign",[311,42,39,255,312,39],"5645782","hnriot",[314,42,39,255,315,39],"5646063","harlanlewis",[317,42,34,318,319,39],"5645783","project\u002Fcritical\u002Fexecution","asafira",[321,42,39,255,11,34],"5646051",[107,33,34,318,108,39],[324,33,39,255,11,34],"5646623",[114,33,34,318,108,39],[327,33,46,304,328,39],"5647699","saraid216",[330,331,34,318,196,39],"5649935",8,[222,235,18,284,223,39],[188,334,18,296,189,39],10,[65,336,18,260,66,39],11,[69,234,18,260,70,39],[339,234,39,255,11,34],"5644052",[174,234,34,318,70,39],[342,234,39,304,11,34],"5644231",[138,344,18,284,139,39],13,[346,347,46,348,349,39],"5644342",14,"project\u002Fneutral\u002Fprivacy","C0d3r",[351,347,39,348,11,34],"5645168",[353,347,39,354,355,39],"5646134","other\u002Fneutral\u002Fprivacy","Samuel_Michon",[357,347,39,354,11,34],"5648866",[359,347,39,264,355,39],"5649740",[361,362,18,260,363,39],"5644669",15,"kevincoughlin",[78,365,18,366,79,39],16,"project\u002Fpositive\u002Fpricing",[134,368,18,284,135,39],17,[58,370,18,284,59,39],18,[372,373,18,284,374,39],"5647666",19,"marknadal",[376,377,18,251,378,39],"5648544",20,"moe",[380,377,39,255,11,34],"5648885",[382,383,18,296,384,39],"5646565",21,"aoroz",[149,386,18,284,150,39],22,[388,386,39,389,390,39],"5644216","commenter\u002Fpositive\u002Fdesign","jimsc",[392,32,34,393,394,39],"5644498","project\u002Fcritical\u002Fidea","nfoz",[396,32,46,286,397,39],"5644714","Kudos",[89,399,46,400,90,39],24,"project\u002Fneutral\u002Fnone",[96,399,39,255,11,34],[403,404,18,296,405,39],"5644043",25,"hoest",[407,408,18,296,409,39],"5646465",26,"msurguy",[214,411,46,304,215,39],27,[413,411,39,255,414,39],"5644219","marknutter",[416,417,18,296,418,39],"5645391",28,"mrdoom-yc",[420,421,18,296,422,39],"5644035",29,"mifchip",[],[425,430,435,440,445,449],{"id":426,"name":427,"points":428,"category":429},"5672515","Flattest Route",237,"dev_tools",{"id":431,"name":432,"points":433,"category":434},"5675229","Uncover",178,"web_saas",{"id":436,"name":437,"points":438,"category":439},"5672354","Nemaload",147,"learning_science",{"id":441,"name":442,"points":443,"category":444},"5663041","Zapier API Status Board",143,"infrastructure",{"id":446,"name":447,"points":448,"category":20},"5645787","Quasar \u002F Pulsar",116,{"id":450,"name":451,"points":16,"category":434},"5661974","Freelancer Sticker",false,"v2",{"id":455,"name":5,"line":6,"ai":452,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":30,"top":18,"kw":456,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":457,"url":9,"mix":458,"praise":130,"objection":159,"sub":21},5643801,[24,25,26,27,28],"5050000055530301101355015000555555135535",[32,33,34,33],1793990893847]