{"id":1941,"date":"2021-12-01T14:30:27","date_gmt":"2021-12-01T19:30:27","guid":{"rendered":"http:\/\/id-demos.cms-devl.bu.edu\/core-3\/?page_id=1941"},"modified":"2023-02-27T16:40:28","modified_gmt":"2023-02-27T21:40:28","slug":"common-code","status":"publish","type":"page","link":"https:\/\/id-demos.cms-devl.bu.edu\/core-3\/common-code\/","title":{"rendered":"Useful Common Code & Resources"},"content":{"rendered":"

This page is an in-progress<\/strong> space as part of ID Core for everyone<\/strong> to share reliable commonly-visited code snippets and super-resourceful pages that explain common properties and technology. I’ve included some swappable code references and vital resources which can reliably be turned to, often. The hope is that this page will save anyone(new or seasoned) time having to Google “How to X” or “CSS-Only Back To Top Button”. \u2014 RJF<\/p><\/blockquote>\n

CSS<\/h2>\n

Mozilla Developer Network CSS Reference & Index<\/a>
\n(really great for CMD+F property referencing)<\/em><\/span><\/p>\n

Every Layout<\/a> [Document]<\/a><\/p>\n

Useful Angle: CSS Tricks<\/a><\/p>\n

 <\/p>\n

CSS Grid<\/h3>\n

Layout Land with Jen Simmons<\/a><\/p>\n

Grid by Example with Rachael Andrews<\/a><\/p>\n

The Complete Guide to CSS Grid<\/a><\/p>\n

 <\/p>\n

Flexbox<\/h3>\n

Flexbox Cheatsheet<\/a><\/p>\n

IE Alternatives to Flexbox<\/a><\/p>\n

 <\/p>\n

JavaScript<\/h2>\n

JavaScript Explained by Fireship.io<\/a><\/p>\n

The Story of the REACT Framework<\/a><\/p>\n

W3 JavaScript Reference<\/a><\/p>\n

Vanilla JS Toolkit Reference Guide<\/a><\/p>\n

Useful Angle JS Tricks<\/a><\/p>\n

 <\/p>\n

Web Elements<\/h2>\n

Code My UI<\/a><\/p>\n

CodyHouse<\/a><\/p>\n

Codepen<\/a><\/p>\n

 <\/p>\n

Misc.<\/h2>\n

Tools<\/h3>\n

Convert px to em Calculator<\/a><\/p>\n

Shortcodes for BU WordPress<\/a><\/p>\n

What’s My Browser? (Best for clients)<\/a><\/p>\n

CSS Font Stacks<\/a><\/p>\n

Viewport Size Queries<\/a><\/p>\n

Working With <table><\/a><\/p>\n

Ratio Buddy<\/a><\/p>\n

 <\/p>\n

Accessibility<\/h3>\n

APCA Color Contrast Calculator<\/a><\/p>\n

 <\/p>\n

SVG’s<\/h3>\n

CSS Tricks Articles on SVG’s<\/a><\/p>\n

Cloudfour Articles on SVG’s<\/a><\/p>\n

 <\/p>\n

Principles<\/h2>\n

Laws of UX<\/a><\/p>\n

web.dev Learning<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

This page is an in-progress space as part of ID Core for everyone to share reliable commonly-visited code snippets and super-resourceful pages that explain common properties and technology. I’ve included some swappable code references and vital resources which can reliably be turned to, often. The hope is that this page will save anyone(new or seasoned) […]<\/p>\n","protected":false},"author":5654,"featured_media":0,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bu_prepress_primary_term":"","_bu_prepress_primary_term_manual":""},"bu-publication":[],"_links":{"self":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/core-3\/wp-json\/wp\/v2\/pages\/1941"}],"collection":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/core-3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/core-3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/core-3\/wp-json\/wp\/v2\/users\/5654"}],"replies":[{"embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/core-3\/wp-json\/wp\/v2\/comments?post=1941"}],"version-history":[{"count":21,"href":"https:\/\/id-demos.cms-devl.bu.edu\/core-3\/wp-json\/wp\/v2\/pages\/1941\/revisions"}],"predecessor-version":[{"id":2011,"href":"https:\/\/id-demos.cms-devl.bu.edu\/core-3\/wp-json\/wp\/v2\/pages\/1941\/revisions\/2011"}],"wp:attachment":[{"href":"https:\/\/id-demos.cms-devl.bu.edu\/core-3\/wp-json\/wp\/v2\/media?parent=1941"}],"wp:term":[{"taxonomy":"bu-publication","embeddable":true,"href":"https:\/\/id-demos.cms-devl.bu.edu\/core-3\/wp-json\/wp\/v2\/bu-publication?post=1941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}