{"id":13929,"date":"2011-08-31T19:49:33","date_gmt":"2011-09-01T02:49:33","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=13929"},"modified":"2011-11-30T20:36:38","modified_gmt":"2011-12-01T03:36:38","slug":"j","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/almanac\/properties\/j\/","title":{"rendered":"J"},"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":14210,"url":"https:\/\/css-tricks.com\/almanac\/selectors\/j\/","url_meta":{"origin":13929,"position":0},"title":"J","date":"September 6, 2011","format":false,"excerpt":"","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6581,"url":"https:\/\/css-tricks.com\/snippets\/javascript\/shuffle-array\/","url_meta":{"origin":13929,"position":1},"title":"Shuffle Array","date":"June 13, 2010","format":false,"excerpt":"Technique #1 function Shuffle(o) { for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x); return o; }; Usage var testArray = [1,2,3,4,5]; Shuffle(testArray); \/\/ jQuery to dump out new values to element with ID of 'dump' $(function() {\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3934,"url":"https:\/\/css-tricks.com\/snippets\/jquery\/cycle-through-a-list\/","url_meta":{"origin":13929,"position":2},"title":"Cycle Through a List","date":"September 8, 2009","format":false,"excerpt":"This code will cycle through an unordered list with an ID of 'cyclelist'. Can be used on any element with children. Replace \"ul#cyclelist li\" with the elements you want to cycle through. $(document).ready(function() { var j = 0; var delay = 2000; \/\/millisecond delay between cycles function cycleThru(){ var jmax\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":4422,"url":"https:\/\/css-tricks.com\/snippets\/jquery\/fit-iframe-to-content\/","url_meta":{"origin":13929,"position":3},"title":"Resize Iframe to Fit Content (Same Domain Only)","date":"January 1, 2010","format":false,"excerpt":"Normally you set and width and height for iframes. If the content inside is bigger, scrollbars have to suffice. The script below attempts to fix that by dynamically resizing the iframe to fit the content it loads. Will resize an iframe like this: \u00a0 View Demo Still problematic... The source\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":16021,"url":"https:\/\/css-tricks.com\/snippets\/javascript\/remove-inline-styles\/","url_meta":{"origin":13929,"position":4},"title":"Remove Inline Styles","date":"January 16, 2012","format":false,"excerpt":"This function also preserves hidden content. function remove_style(all) { var i = all.length; var j, is_hidden; \/\/ Presentational attributes. var attr = [ 'align', 'background', 'bgcolor', 'border', 'cellpadding', 'cellspacing', 'color', 'face', 'height', 'hspace', 'marginheight', 'marginwidth', 'noshade', 'nowrap', 'valign', 'vspace', 'width', 'vlink', 'alink', 'text', 'link', 'frame', 'frameborder', 'clear', 'scrolling', 'style' ];\u2026","rel":"","context":"With 13 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":326605,"url":"https:\/\/css-tricks.com\/almanac\/properties\/j\/justify-items\/","url_meta":{"origin":13929,"position":5},"title":"justify-items","date":"December 2, 2020","format":false,"excerpt":"The justify-items property is a sub-property of the CSS Box Alignment Module which basically controls the alignment of grid items within their scope. .element { justify-items: center; } justify-items aligns grid items along the row (inline) axis. Specifically, this property allows you to set alignment for items inside a grid\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13929"}],"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=13929"}],"version-history":[{"count":4,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13929\/revisions"}],"predecessor-version":[{"id":15311,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13929\/revisions\/15311"}],"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=13929"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=13929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}