{"id":248170,"date":"2016-11-23T09:49:43","date_gmt":"2016-11-23T16:49:43","guid":{"rendered":"http:\/\/css-tricks.com\/?p=248170"},"modified":"2016-11-23T09:49:43","modified_gmt":"2016-11-23T16:49:43","slug":"enhancing-comment-form","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/enhancing-comment-form\/","title":{"rendered":"Enhancing a Comment Form"},"content":{"rendered":"

Nice tutorial from Michael Scharnagl in which he takes a perfectly-functional comment form and progressively enhances it with very nice features. Things like custom error messaging, auto-expanding height, and even really fancy stuff like ajax and offline submission. <\/p>\n","protected":false},"excerpt":{"rendered":"

Nice tutorial from Michael Scharnagl in which he takes a perfectly-functional comment form and progressively enhances it with very nice features. Things like custom error messaging, auto-expanding height, and even really fancy stuff like ajax and offline submission.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","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":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[17],"tags":[595,620],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":326366,"url":"https:\/\/css-tricks.com\/styling-comment-threads\/","url_meta":{"origin":248170,"position":0},"title":"Styling Comment Threads","date":"December 7, 2020","format":false,"excerpt":"Comment threads are one of those things that look really simple when executed right. When designing them yourself, you may find that they are rather deceptively simple. There is a lot that goes into designing nice and usable comment threads, and in this article, I will try my best to\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/02\/chat-dialogue.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":324568,"url":"https:\/\/css-tricks.com\/how-to-create-a-commenting-engine-with-next-js-and-sanity\/","url_meta":{"origin":248170,"position":1},"title":"How to Create a Commenting Engine with Next.js and Sanity","date":"November 6, 2020","format":false,"excerpt":"One of the arguments against the Jamstack approach for building websites is that developing features gets complex and often requires a number of other services. Take commenting, for example. To set up commenting for a Jamstack site, you often need a third-party solution such as Disqus, Facebook, or even just\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/10\/next-sanity-comments.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":270476,"url":"https:\/\/css-tricks.com\/five-of-my-favorite-features-of-jetpack\/","url_meta":{"origin":248170,"position":2},"title":"Five of My Favorite Features of Jetpack","date":"May 15, 2018","format":false,"excerpt":"Jetpack is an official WordPress plugin directly from Automattic. It's an interesting plugin in that it doesn't just do *one thing* \u2014 it does a whole slew of things that enhance what your WordPress site can do. *Any* WordPress site, that is, and often with extremely little effort. Those easy\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/05\/jetpack-featured-image.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":276436,"url":"https:\/\/css-tricks.com\/jetpacks-social-integration-features\/","url_meta":{"origin":248170,"position":3},"title":"Jetpack’s Social Integration Features","date":"September 11, 2018","format":false,"excerpt":"One of the many things we use Jetpack for here on CSS-Tricks is all of its features related to social media integration. For example, Jetpack can automatically share published content to different social media accounts simultaneously, add sharing buttons to your site's theme, and allow for social login on the\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/09\/connecting-services.png?fit=1200%2C717&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":139,"url":"https:\/\/css-tricks.com\/nice-and-simple-contact-form\/","url_meta":{"origin":248170,"position":4},"title":"A Nice & Simple Contact Form (Downloadable)","date":"October 19, 2007","format":false,"excerpt":"There are a million contact form examples out there, why this one? It's SIMPLE It's FREE It WORKS It's VALID and it's styled with CSS Take a look. Download it. Take it apart. Use it for whatever you'd like. Check out the nice clean emails it generates: View Demo \u00a0\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":325042,"url":"https:\/\/css-tricks.com\/my-wordpress-comments-wishlist\/","url_meta":{"origin":248170,"position":5},"title":"My WordPress Comments Wishlist","date":"November 11, 2020","format":false,"excerpt":"A built-in commenting system is one of the reasons people reach for WordPress (and often stay there long-term). While I do think having a comment system is compelling (and as big of a fan of building on WordPress as I am), I find the comments system on WordPress quite crusty.\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/02\/chat-dialogue.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":null,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/248170"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"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=248170"}],"version-history":[{"count":2,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/248170\/revisions"}],"predecessor-version":[{"id":248173,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/248170\/revisions\/248173"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=248170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=248170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=248170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}