{"id":41,"date":"2014-01-21T02:56:05","date_gmt":"2014-01-21T07:56:05","guid":{"rendered":"http:\/\/art.buffalo.edu\/coursenotes\/art320\/?page_id=41"},"modified":"2025-08-28T17:08:12","modified_gmt":"2025-08-28T21:08:12","slug":"resources","status":"publish","type":"page","link":"https:\/\/ubwp.buffalo.edu\/art320\/resources\/","title":{"rendered":"Resources"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Using UBbox<\/h2>\n\n\n\n<p>From <a href=\"https:\/\/www.buffalo.edu\/ubit\/ubbox.html\">UB\u2019s official instructions<\/a> at the <a href=\"http:\/\/www.buffalo.edu\/ubit\/service-guides\/file-storage-and-sharing\/box\/instructions\/first-steps\/login.html\">UB IT Site<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to&nbsp;<a href=\"https:\/\/buffalo.box.com\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/buffalo.box.com<\/a><\/li>\n\n\n\n<li>Click <strong>Continue<\/strong> if asked if you are \u201cPart of University at Buffalo\u201d<\/li>\n\n\n\n<li>Enter your UBITName in the first (username) field<\/li>\n\n\n\n<li>Enter your UBITName password in the&nbsp;<strong>Password<\/strong>&nbsp;field<\/li>\n\n\n\n<li>Click&nbsp;<strong>Sign In<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Note: in some instances, especially when using applications instead of a web browser, the Box login will show the default login screen, rather than the UB login screen. If that is the case, you should see an option to login using \u201c<strong>Single Sign On (SSO)<\/strong>\u201d<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Blogs to Follow<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/www.smashingmagazine.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Smashing Magazine<\/a>:&nbsp;Delivers information on latest trends and techniques&nbsp;to Web designers and developers<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"http:\/\/css-tricks.com\/\" target=\"_blank\">CSS Tricks<\/a>:&nbsp;A web design community. Front end design issues, code snippets<\/li>\n\n\n\n<li><a href=\"http:\/\/bradfrost.github.io\/this-is-responsive\/resources.html\">Responsive Resources<\/a>:&nbsp;A collection of resources about the various aspects of responsive web design<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Tutorial Websites<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Basic HTML and CSS<\/h3>\n\n\n\n<p><strong>Code Academy<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.codecademy.com\/learn\/learn-html\">Intro to HTML<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.codecademy.com\/learn\/learn-css\">Learn CSS<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.codecademy.com\/learn\/make-a-website\">Make a Website<\/a><\/li>\n<\/ul>\n\n\n\n<p><strong>Khan Academy<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.khanacademy.org\/computing\/computer-programming\/html-css\">Intro to HTML\/CSS: Making webpages<\/a><\/li>\n<\/ul>\n\n\n\n<p><strong>Tuts<\/strong>+<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/webdesign.tutsplus.com\/courses\/start-here-learn-html-basics\">Learn HTML Basics<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/webdesign.tutsplus.com\/series\/learn-css-the-complete-guide--cms-1065\">Learn CSS: The Complete Guide<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/webdesign.tutsplus.com\/articles\/a-beginners-guide-to-wireframing--webdesign-7399\">A Beginner\u2019s Guide to Wireframing<\/a><\/li>\n<\/ul>\n\n\n\n<p><a style=\"font-size: 1rem\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Mozilla Developer Network <\/strong>(MDN<\/a><span style=\"font-size: 1rem\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\">)<\/a><\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-size: 1rem\">Free tutorials and reference lists for learning HTML, CSS, JavaScript and more.<\/span><\/li>\n<\/ul>\n\n\n\n<p><a href=\"https:\/\/www.linkedin.com\/learning\/\"><strong>LinkedIn Learning<\/strong><\/a> (formerly Lynda.com) <strong>FREE<\/strong> for NYS residents with a NYPL Card!<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.nypl.org\/library-card\">Get a Library Card<\/a><\/li>\n\n\n\n<li>Login using the <a href=\"https:\/\/www.linkedin.com\/learning-login\/go\/nypl\">NYPL LinkedIn Learning Page<\/a> or LinkedIn Learning Mobile App (<a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.linkedin.android.learning&amp;gl=US\">Google<\/a> | <a href=\"https:\/\/apps.apple.com\/us\/app\/linkedin-learning\/id1084807225\">Apple<\/a>) (<a href=\"https:\/\/www.nypl.org\/research\/collections\/articles-databases\/linkedin-learning-lynda\">More info from NYPL<\/a>)<\/li>\n\n\n\n<li><a style=\"letter-spacing: 0px\" href=\"https:\/\/www.linkedin.com\/learning\/html-essential-training-4\/what-is-html\" data-type=\"URL\">HTML Essential Training<\/a><\/li>\n\n\n\n<li><a style=\"font-size: revert;letter-spacing: 0px\" href=\"https:\/\/www.linkedin.com\/learning\/css-essential-training-3\/styling-documents-consistently\">CSS Essential Training<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.linkedin.com\/learning\/wordpress-essential-training-14942667\/getting-started-with-wordpress?autoplay=true&amp;u=73722380\">WordPress Essentials<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.linkedin.com\/learning\/visual-studio-code-for-web-developers\/welcome?autoplay=true&amp;u=73722380\">Visual Studio (VS) Code for Web Developers<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Visual Design<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=sByzHoiYFX0\">Beginning Graphic Design: Typography<\/a> (YouTube)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=_2LLXnUdUIc\">Beginning Graphic Design: Color<\/a> (YouTube)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=a5KYlHNKQB8\">Beginning Graphic Design: Layout &amp; Composition<\/a> (YouTube)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.webdesignerdepot.com\/2009\/02\/10-web-typography-rules-every-designer-should-know-2\/\">10 Web Typography Rules Every Designer Should Know<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/pimpmytype.com\/line-length-line-height\/\">The ideal line length &amp; line height in web design<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Books<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/www.htmlandcssbook.com\">HTML and CSS<\/a>, Design and Build Websites: Comprehensive and highly visual text<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/abookapart.com\/collections\/front-end-fundamentals\" target=\"_blank\">A Book Apart<\/a>,&nbsp;Brief books for people who make websites\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/abookapart.com\/products\/html5-for-web-designers\">HTML5 For Web Designers<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/abookapart.com\/products\/css3-for-web-designers\">CSS3 For Web Designers<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Local Community Groups<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/www.meetup.com\/Buffalo-Wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Buffalo WordPress Users<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">HTML\/CSS\/PHP Development Tools &amp; Code Generators<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/cssgradient.io\/\">cssgradient.io<\/a> \u2014 gradient generator<\/li>\n\n\n\n<li><a href=\"http:\/\/www.colorzilla.com\/gradient-editor\/\">colorzilla<\/a> &#8211; advanced gradient generator<\/li>\n\n\n\n<li><a href=\"https:\/\/html-css-js.com\/css\/generator\/text-shadow\/\">html-js-css<\/a> &#8211; <a href=\"https:\/\/html-css-js.com\/css\/generator\/text-shadow\/\">text shadow generator<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/border-radius.com\">border-radius.com<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/9elements.github.io\/fancy-border-radius\/\">Fancy border radii<\/a> (organic shapes)<\/li>\n\n\n\n<li><a href=\"https:\/\/tinypng.com\">TinyPNG<\/a> Image Compression<\/li>\n\n\n\n<li><a href=\"http:\/\/howtocenterincss.com\">How to Center in CSS<\/a> (See also <a href=\"https:\/\/www.smashingmagazine.com\/2019\/03\/css-alignment\/\">How to Align Things in CSS<\/a>)<\/li>\n\n\n\n<li><a href=\"https:\/\/squoosh.app\">Squoosh<\/a> Drag and Drop image compressor.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Reference Lists<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/www.codecademy.com\/glossary\/html\">HTML Glossary<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\">HTML5 Reference<\/a>: List of Elements(tags)<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\">CSS Reference<\/a>: List of Properties<\/li>\n\n\n\n<li><a href=\"http:\/\/codex.wordpress.org\/Main_Page\">WordPress Codex<\/a>: Everything there is to know about WordPress<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Checkers, Validators and Page Load Tests<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WebAIM <a href=\"http:\/\/webaim.org\/resources\/contrastchecker\/\">Contrast Checker<\/a><\/li>\n\n\n\n<li>WCAG <a href=\"https:\/\/contrastchecker.com\">Contrast Checker<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/moritzgiessmann.de\/accessibility-cheatsheet\/\">Accessibility Cheat-Sheet<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/wave.webaim.org\">Accessability Checker<\/a> wave.webaim.org<\/li>\n\n\n\n<li><a href=\"http:\/\/webpagetest.org\">Page Load Time Checker&nbsp;<\/a>&nbsp;webpagetest.org<\/li>\n\n\n\n<li><a href=\"http:\/\/validator.w3.org\/#validate_by_uri+with_options\">W3C Markup Validation<\/a> (free)<\/li>\n\n\n\n<li><a href=\"http:\/\/tools.pingdom.com\/\">Pingdom Website Speed Test<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.webpagetest.org\">WebPageTest<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Using UBbox From UB\u2019s official instructions at the UB IT Site Note: in some instances, especially when using applications instead of a web browser, the Box login will show the [&hellip;]<\/p>\n","protected":false},"author":295,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/users\/295"}],"replies":[{"embeddable":true,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":55,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":4113,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages\/41\/revisions\/4113"}],"wp:attachment":[{"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}