{"id":315,"date":"2024-03-27T16:13:09","date_gmt":"2024-03-27T20:13:09","guid":{"rendered":"https:\/\/sites.bu.edu\/marcom-team\/?page_id=315"},"modified":"2025-12-01T13:08:25","modified_gmt":"2025-12-01T18:08:25","slug":"designers-developers","status":"publish","type":"page","link":"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/","title":{"rendered":"Info for ID Designers &#038; Developers"},"content":{"rendered":"<div class=\" bu-callout aligncenter\"><\/p>\n<h2>ID Open GitHub Bugs<\/h2>\n<p><em>It&#8217;s open season on them bugs!<\/em> If you\u2019ve got a bit of bandwidth and are looking for more than just a <a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/id-info\/communication-channels\/tiny-tasks\/\">#tiny-task<\/a> \u2014 then dive in on our department\u2019s Project Board. Even tackling smaller, easier bugs can make a big impact!<\/p>\n<p><a href=\"https:\/\/github.com\/orgs\/bu-ist\/projects\/5\/views\/1?filterQuery=-status%3AReleased+is%3Aopen&amp;sortedBy%5Bdirection%5D=desc&amp;sortedBy%5BcolumnId%5D=3399321\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-secondary\">Open Bugs<\/a><\/p>\n<p><\/div>\n<h2>Get Set Up to Dev<\/h2>\n<p>This section walks you through setting up your machine for development, covering everything from initial setup to configuring your code editor and connecting to host servers. Follow these steps to get your environment ready for seamless project work.<\/p>\n<p><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/dev-setup\/\" rel=\"noopener noreferrer\" class=\"button button-secondary\">Get Dev Ready<\/a><\/p>\n<h2>Understand Git &amp; Version Control<\/h2>\n<p>Learn how to keep your codebase organized and secure through best practices in version control.<\/p>\n<p><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/git-versioning\/\" rel=\"noopener noreferrer\" class=\"button button-secondary\">Commit to It<\/a><\/p>\n<h2>Accessibility<\/h2>\n<p>Brush up on the latest practices and things to look out for.<\/p>\n<p><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/common-processes\/accessibility-tips\/\" class=\"button-secondary\">Make It Accessible<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>BU Coding Standards<\/h2>\n<p>We follow these standards:<\/p>\n<p><a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button button-secondary\">WordPress Coding Standards<\/a><\/p>\n<p><a href=\"https:\/\/github.com\/bu-ist\/coding-standards\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button button-secondary\">Understand BU&#8217;s Coding Standards<\/a><\/p>\n<p><a href=\"https:\/\/github.com\/bu-ist\/responsive-child-starter\/wiki\/Versioning-and-Releases\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button button-secondary\">Understand Versioning<\/a><\/p>\n<h2><b>WebDev Processes<\/b><\/h2>\n<p>This section covers everything from sandbox processes to specific details about ID products, providing designers and developers with the knowledge needed for seamless collaboration and efficient project execution.<\/p>\n<h4>Projects<\/h4>\n<ul>\n<li class=\"page_item page-item-2292\"><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/common-processes\/new-sandbox\/\" title=\"Navigate to: Obtaining An Individual Sandbox\">Obtaining an Individual Sandbox<\/a><\/li>\n<li class=\"page_item page-item-2349\"><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/common-processes\/starting-a-new-project\/\" title=\"Navigate to: Starting A New Project\">Starting a New Project<\/a>\n<ul>\n<li class=\"page_item page-item-2349\"><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/dev-setup\/sftp-code-editors\/\">Code Editor SFTP Setup<\/a>\n<ul>\n<li><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/dev-setup\/code-editors\/vs-code\/\">VS Code<\/a><\/li>\n<li><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/dev-setup\/sftp-code-editors\/zed\/\">Zed<\/a><\/li>\n<li><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/dev-setup\/sftp-code-editors\/coda\/\">Coda<\/a><\/li>\n<li><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/dev-setup\/sftp-code-editors\/atom-2\">Atom<\/a><\/li>\n<li><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/dev-setup\/sftp-code-editors\/sublime-text\/\">Sublime Text<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"page_item page-item-2295\"><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/common-processes\/cloning-sites\/\" title=\"Navigate to: Cloning Sites\">Cloning Sites<\/a><\/li>\n<li><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/common-processes\/qa-browser-testing-support\/\" title=\"Navigate to: QA Browser Testing &amp; Support\">QA Browser Testing &amp; Support<\/a><\/li>\n<li><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/common-processes\/code-reviews\/\" title=\"Navigate to: Code Reviews\">Code Reviews<\/a><\/li>\n<li class=\"page_item page-item-2304\"><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/common-processes\/releases\/\" title=\"Navigate to: Creating A Release, Version Bump\">Creating a Release, Version Bump<\/a><\/li>\n<li class=\"page_item page-item-2307\"><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/common-processes\/learn-about-deploys\/\" title=\"Navigate to: Deploys\">Requesting a Deploy<\/a><\/li>\n<li><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/common-processes\/corresponding-to-client-reported-bugs\/\" title=\"Navigate to: Corresponding To Client-Reported Bugs\">Client-Reported Bugs in ServiceNow<\/a><\/li>\n<\/ul>\n<h6>Working on Responsive Foundation or Framework?<\/h6>\n<ul>\n<li><a href=\"https:\/\/github.com\/bu-ist\/responsive-framework\/wiki\" target=\"_blank\" rel=\"noopener noreferrer\">Responsive Framework Wiki<\/a>\n<ul>\n<li><a href=\"https:\/\/github.com\/bu-ist\/responsive-framework\/wiki\/Framework-Development-and-Release-Workflows\" target=\"_blank\" rel=\"noopener noreferrer\">Linking Framework to Foundation<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/github.com\/bu-ist\/responsive-foundation\/wiki\" target=\"_blank\" rel=\"noopener noreferrer\">Responsive Foundation Wiki<\/a>\n<ul>\n<li><a href=\"https:\/\/github.com\/bu-ist\/responsive-foundation\/wiki\/Responsive-Foundation-Versions\" target=\"_blank\" rel=\"noopener noreferrer\">Versions<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/bu-ist\/responsive-foundation\/blob\/v5\/burf-base\/_mixins.scss\" target=\"_blank\" rel=\"noopener noreferrer\">Common <code>@Mixins<\/code><\/a><\/li>\n<\/ul>\n<\/li>\n<li><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/common-processes\/critical-sites-at-bu\/\" title=\"Navigate to: Critical Sites at BU\">Critical Sites at BU<\/a><\/li>\n<\/ul>\n<h4>Components<\/h4>\n<ul>\n<li class=\"page_item page-item-2330\"><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/common-processes\/bu-hub-code-issues\/\" title=\"Navigate to: Common BU HUB Code Issues\">Common BU Hub Code Issues<\/a><\/li>\n<li class=\"page_item page-item-2300\"><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/common-processes\/bu-alerts\/\" title=\"Navigate to: Enable BU Alert For A Sandbox\">Enable BU Alert for a Sandbox<\/a><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/common-processes\/corresponding-to-client-reported-bugs\/\" title=\"Navigate to: Corresponding To Client-Reported Bugs\"><\/a><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/common-processes\/common-client-requests\/\" title=\"Navigate to: Common Client Requests\"><\/a><a class=\"level_5\" href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/i-d-role-specific-info\/designers-developers\/common-processes\/critical-sites-at-bu\/\" title=\"Navigate to: Critical Sites at BU\"><\/a><\/li>\n<li><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/common-processes\/calendar\/\">University Calendar vs the BU Today Events Calendar<\/a><\/li>\n<\/ul>\n<p><a href=\"https:\/\/mymedia.bu.edu\/channel\/channelid\/174507791\" class=\"button-secondary\">Older Video Resources<\/a><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/helpful-id-updates-links\/\"><\/a><\/p>\n<p>&nbsp;<\/p>\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h3 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">Additional Links for Designers &amp; Developers<\/h3><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<h3>Professional Development<\/h3>\n<h4>Useful CodePen Collections<\/h4>\n<ul>\n<li><a href=\"https:\/\/codepen.io\/collection\/nMgKxJ\" target=\"_blank\" rel=\"noopener noreferrer\">Everyday Front End Development<\/a><\/li>\n<li><a href=\"https:\/\/codepen.io\/collection\/YyroQq\" target=\"_blank\" rel=\"noopener noreferrer\">Grids, Cards, and Blog Layouts<\/a><\/li>\n<li><a href=\"https:\/\/codepen.io\/collection\/DNzQqY\" target=\"_blank\" rel=\"noopener noreferrer\">CSS Variables<\/a><\/li>\n<li><a href=\"https:\/\/codepen.io\/collection\/aMPYMo\" target=\"_blank\" rel=\"noopener noreferrer\">Toggles<\/a><\/li>\n<li><a href=\"https:\/\/codepen.io\/collection\/nRmeQX\" target=\"_blank\" rel=\"noopener noreferrer\">Effects<\/a><\/li>\n<li><a href=\"https:\/\/codepen.io\/collection\/BNGozm\" target=\"_blank\" rel=\"noopener noreferrer\">Gradients<\/a><\/li>\n<\/ul>\n<h4>Workshop, Camp, Seminar, or Conferences?<\/h4>\n<p><a href=\"https:\/\/sites.bu.edu\/marcom-team\/creative-services\/creative-services-policies\/professional-development\/\">CS Policy on Conferences<\/a><\/p>\n<h4>AI<\/h4>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2025\/08\/designing-with-ai-practical-techniques-product-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Designing With AI, Not Around It: Practical Advanced Techniques For Product Design Use Cases<\/a><\/p>\n<p><\/div>\n<\/div>\n\n<hr \/>\n<h4>Lastly:<\/h4>\n<h2><a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/helpful-id-updates-links\/\">Extra Info, Credits &amp; Updates<\/a><\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Get Set Up to Dev This section walks you through setting up your machine for development, covering everything from initial setup to configuring your code editor and connecting to host servers. Follow these steps to get your environment ready for seamless project work. Get Dev Ready Understand Git &amp; Version Control Learn how to keep [&hellip;]<\/p>\n","protected":false},"author":12906,"featured_media":0,"parent":784,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/315"}],"collection":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/users\/12906"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/comments?post=315"}],"version-history":[{"count":50,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/315\/revisions"}],"predecessor-version":[{"id":4157,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/315\/revisions\/4157"}],"up":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/784"}],"wp:attachment":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/media?parent=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}