{"id":126,"date":"2018-12-20T19:35:26","date_gmt":"2018-12-20T19:35:26","guid":{"rendered":"http:\/\/blogs.oregonstate.edu\/idkb\/?page_id=126"},"modified":"2019-01-22T21:52:56","modified_gmt":"2019-01-22T21:52:56","slug":"web-development","status":"publish","type":"page","link":"https:\/\/dev.blogs.oregonstate.edu\/idkb\/course-development-resources\/web-development\/","title":{"rendered":"Web Development"},"content":{"rendered":"<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><a href=\"https:\/\/www.w3schools.com\/colors\/colors_picker.asp\">HTML Color Picker<\/a> &#8211; This will allow you to enter a color code and then view shade variants of that color. Here is an example where I entered a color from the OSU style guide, &#8220;<span style=\"background-color: #fdd26e\">Candela<\/span>&#8221; &#8211; HEX #FDD26E.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-124\" src=\"http:\/\/blogs.oregonstate.edu\/idkb\/files\/2018\/12\/colopicker-300x229.png\" alt=\"colorpicker example\" width=\"300\" height=\"229\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/3309\/files\/2018\/12\/colopicker-300x229.png 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/3309\/files\/2018\/12\/colopicker-768x586.png 768w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/3309\/files\/2018\/12\/colopicker-1024x782.png 1024w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/3309\/files\/2018\/12\/colopicker.png 1802w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<li><a href=\"https:\/\/html-color-codes.info\/\">HTML Color Codes<\/a> &#8211; Identify colors, by hex code for uploaded images.<\/li>\n<li><a href=\"https:\/\/word2cleanhtml.com\/\">Word HTML Cleaner<\/a> &#8211; This site takes pasted content form Microsoft Word files and turns it into fairly clean HTML. Makes the migration into Canvas a little easier.<\/li>\n<li><a href=\"https:\/\/www.mattsbits.co.uk\/webtools\/html_list_generator\/\">HTML List Generator<\/a> &#8211; copy and paste a list of items and it will output either an &lt;ul&gt; or &lt;ol&gt; markup list.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>HTML Color Picker &#8211; This will allow you to enter a color code and then view shade variants of that color. Here is an example where I entered a color from the OSU style guide, &#8220;Candela&#8221; &#8211; HEX #FDD26E. HTML Color Codes &#8211; Identify colors, by hex code for uploaded images. Word HTML Cleaner &#8211; &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/dev.blogs.oregonstate.edu\/idkb\/course-development-resources\/web-development\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Web Development&#8221;<\/span><\/a><\/p>\n","protected":false},"author":9451,"featured_media":0,"parent":6,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-126","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.blogs.oregonstate.edu\/idkb\/wp-json\/wp\/v2\/pages\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.blogs.oregonstate.edu\/idkb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.blogs.oregonstate.edu\/idkb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.blogs.oregonstate.edu\/idkb\/wp-json\/wp\/v2\/users\/9451"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.blogs.oregonstate.edu\/idkb\/wp-json\/wp\/v2\/comments?post=126"}],"version-history":[{"count":3,"href":"https:\/\/dev.blogs.oregonstate.edu\/idkb\/wp-json\/wp\/v2\/pages\/126\/revisions"}],"predecessor-version":[{"id":174,"href":"https:\/\/dev.blogs.oregonstate.edu\/idkb\/wp-json\/wp\/v2\/pages\/126\/revisions\/174"}],"up":[{"embeddable":true,"href":"https:\/\/dev.blogs.oregonstate.edu\/idkb\/wp-json\/wp\/v2\/pages\/6"}],"wp:attachment":[{"href":"https:\/\/dev.blogs.oregonstate.edu\/idkb\/wp-json\/wp\/v2\/media?parent=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}