{"id":13943,"date":"2011-08-31T19:55:06","date_gmt":"2011-09-01T02:55:06","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=13943"},"modified":"2011-11-30T20:39:46","modified_gmt":"2011-12-01T03:39:46","slug":"q","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/almanac\/properties\/q\/","title":{"rendered":"Q"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1036,"featured_media":0,"parent":13710,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-almanac-group.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":14261,"url":"https:\/\/css-tricks.com\/almanac\/selectors\/q\/","url_meta":{"origin":13943,"position":0},"title":"Q","date":"September 6, 2011","format":false,"excerpt":"","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3448,"url":"https:\/\/css-tricks.com\/snippets\/wordpress\/natural-sort\/","url_meta":{"origin":13943,"position":1},"title":"Natural Sort Using Post meta_key","date":"August 20, 2009","format":false,"excerpt":"@@ -2033,6 +2033,7 @@ if ( !empty($q['meta_key']) ) { $allowed_keys[] = $q['meta_key']; $allowed_keys[] = 'meta_value'; + $allowed_keys[] = 'meta_value_num'; } $q['orderby'] = urldecode($q['orderby']); $q['orderby'] = addslashes_gpc($q['orderby']); @@ -2056,6 +2057,9 @@ case 'meta_value': $orderby = \"$wpdb->postmeta.meta_value\"; break; + case 'meta_value_num': + $orderby = \"$wpdb->postmeta.meta_value+0\"; + break; default: $orderby = \"$wpdb->posts.post_\" .\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":16614,"url":"https:\/\/css-tricks.com\/snippets\/javascript\/lazy-loading-images\/","url_meta":{"origin":13943,"position":2},"title":"Lazy Loading Images","date":"March 27, 2012","format":false,"excerpt":"UPDATE: This is pretty old. If you're looking to lazy load images these days, I'd recommend looking at: The Complete Guide to Lazy Loading Images A Native Lazy Load for the Web Platform Tips for rolling your own lazy loading Use a blank.gif as the src of images, and include\u2026","rel":"","context":"In \"lazy loading\"","img":{"alt_text":"","src":"blank.gif","width":350,"height":200},"classes":[]},{"id":14091,"url":"https:\/\/css-tricks.com\/almanac\/properties\/q\/quotes\/","url_meta":{"origin":13943,"position":3},"title":"quotes","date":"September 5, 2011","format":false,"excerpt":"The quotes property in CSS allows you to specify which types of quotes are used when quotes are added via the content: open-quote; or content: close-quote; rules. Here\u2019s how to use it: q { quotes: \"\u201c\" \"\u201d\" \"\u2018\" \"\u2019\"; } q::before { content: open-quote; } q::after { content: close-quote; }\u2026","rel":"","context":"In \"quotes\"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3262,"url":"https:\/\/css-tricks.com\/snippets\/css\/meyer-reset\/","url_meta":{"origin":13943,"position":4},"title":"Meyer Reset","date":"August 6, 2009","format":false,"excerpt":"html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":14220,"url":"https:\/\/css-tricks.com\/almanac\/selectors\/l\/lang\/","url_meta":{"origin":13943,"position":5},"title":":lang()","date":"September 6, 2011","format":false,"excerpt":"The :lang() pseudo class selector in CSS matches elements based on the context of their given language attribute. Language in HTML, is determined by a combination of the lang=\"\" attribute, the element, and by information from the protocol such as the HTTP Accept-Language request-header1 field. Acceptable language-code strings are specified\u2026","rel":"","context":"With 4 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13943"}],"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\/1036"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=13943"}],"version-history":[{"count":4,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13943\/revisions"}],"predecessor-version":[{"id":15317,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13943\/revisions\/15317"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13710"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=13943"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=13943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}