{"id":9174,"date":"2011-04-27T18:26:01","date_gmt":"2011-04-28T01:26:01","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=9174"},"modified":"2011-04-27T18:26:01","modified_gmt":"2011-04-28T01:26:01","slug":"comment-graph","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/comment-graph\/","title":{"rendered":"Comment Graph"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-commentgraph.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":9825,"url":"https:\/\/css-tricks.com\/snippets\/css\/diagonal-graph-paper-gradient\/","url_meta":{"origin":9174,"position":0},"title":"Diagonal Graph Paper Gradient","date":"June 17, 2011","format":false,"excerpt":"#example-gradient { height: 200px; margin: 0 0 20px 0; background-color: #eaeaea; background-size: 20px 20px; background-image: -webkit-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px), -webkit-repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px); background-image: -moz-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0,\u2026","rel":"","context":"With 2 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18323,"url":"https:\/\/css-tricks.com\/lodge\/v10\/048-building-the-poll-module-part-2\/","url_meta":{"origin":9174,"position":1},"title":"#048: Building the Poll Module, Part 2","date":"September 17, 2012","format":false,"excerpt":"We left off with a totally decent poll widget. The typography is clean and everything perfectly usable. However, it wasn't exactly compelling or fun. We quickly look at the multicolor area of the Gallery as a bit of inspiration for what might make a fun background for the Polls module.\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":16129,"url":"https:\/\/css-tricks.com\/video-screencasts\/108-using-chartwell\/","url_meta":{"origin":9174,"position":2},"title":"#108: Using Chartwell","date":"January 29, 2012","format":false,"excerpt":"Chartwell is a font specifically for making simple and beautiful pie charts, bar charts, and line graphs. It's as simple as writing out simple equations like 40+20+25+15. In desktop software like Adobe Illustrator, you control the graph by writing out the formula in that font then turning on ligatures. On\u2026","rel":"","context":"With 13 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18632,"url":"https:\/\/css-tricks.com\/lodge\/v10\/113-photoshopping-comment-form\/","url_meta":{"origin":9174,"position":3},"title":"#113: Photoshopping Comment Form","date":"October 1, 2012","format":false,"excerpt":"In this screencast we jump back into Photoshop and design the comment form itself. As in, the inputs and textarea users need to fill out to leave a comment. This is placed by default at the end of the comment thread, way at the bottom of the page. Although, it\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18626,"url":"https:\/\/css-tricks.com\/lodge\/v10\/110-photoshopping-comment-thread\/","url_meta":{"origin":9174,"position":4},"title":"#110: Photoshopping Comment Thread","date":"October 1, 2012","format":false,"excerpt":"We start digging into Photoshop here and designing the comments area. We start at the top, meaning the individual comments themselves (as opposed to the comment form). We snag an avatar to work with. We'll be using the Gravatar service for sure, as that's tailor made for this and integrated\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":239433,"url":"https:\/\/css-tricks.com\/video-screencasts\/147-starting-react-powered-comment-form\/","url_meta":{"origin":9174,"position":5},"title":"#147: Starting a React-Powered Comment Form","date":"March 18, 2016","format":false,"excerpt":"In this pairing screencast, Sarah Drasner joins me and guides me through some of my very first learnings of React. We tackle some \"real world\" style functionality: a comment form. This turned out to be a pretty useful bit of UI to work with, as it required a lot of\u2026","rel":"","context":"In \"comments\"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/9174"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=9174"}],"version-history":[{"count":1,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/9174\/revisions"}],"predecessor-version":[{"id":9175,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/9174\/revisions\/9175"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=9174"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=9174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}