P02: Citations

HTML, CSS, JS, and JQuery

• Admin Technomark. Youtube. 2016. How to Make a Div Vertically Scrollable Using CSS [CSS]. Retrieved from https://www.youtube.com/watch?v=uB1KzjV0IhM
• Agarwal, Neeraj. Programmer. n.d. How to implement CSS design in Select Option [HTML, CSS]. Retrieved from https://www.formget.com/css-design-in-select-option/
• Chrisofarabia. Programmer. 2016. Passing Message Exercise: 'msg.js:15 Uncaught TypeError: Cannot set property 'onclick' of null' [JS]. Retrieved from https://www.sitepoint.com/community/t/passing-message-exercise-msg-js-15-uncaught-typeerror-cannot-set-property-onclick-of-null/238836
• Coyier, Chris. Programmer. 2017. A Complete Guide to Flexbox [CSS]. Retrieved from https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• Coyier, Chris. Programmer. 2016. Don't Overthink It (Flexbox) Grids [CSS]. Retrieved from https://css-tricks.com/dont-overthink-flexbox-grids/
• Cpjobling. GitHub user. 2011. html5-template.html [HTML]. Retrieved from https://gist.github.com/cpjobling/1988786
• Hawryshkewich, Andrew. Mentor. 2017. Week 3 Lecture Code Completed [CSS]. Retrieved from https://iat339.andrewh.ca/Files/03_-_Grids_-_Completed.zip.
• Hawryshkewich, Andrew. Mentor. 2017. Week 7 In Lecture Code Starter [JS]. Retrieved from https://iat339.andrewh.ca/Files/07_-_Javascript_Basics_(Starter).zip
• Hawryshkewich, Andrew. Mentor. 2017. Week 8 How to fix the refresh issue for the filter [JS]. Retrieved from Week 8 in-lecture.
• Kaneshin. GitHub user. 2012. change opacity when scrolling [jQuery]. Retrieved from https://gist.github.com/kaneshin/3847842
• Li, Eva. Student. 2017. P01: Style Guide [Website]. Retrieved from http://www.sfu.ca/~yla312/IAT%20339/P01_Process%20Final/public_html/style_guide.html
• Li, Eva., Rebutoc, Jameson. Student. 2017. P02: Website [Website]. Retrieved from http://www.sfu.ca/~jrebutoc/iat_339/P02_Clone/P02/newStyleGuide.html
• MakerJake. YouTube. 2015. Link Javascript file in HTML [HTML, JS]. Retrieved from https://www.youtube.com/watch?time_continue=59&v=QB9m_PxvxTg
• Michael_B. Programmer. 2016. Make input element (type="text") handle multiple lines of text [HTML]. Retrieved from https://stackoverflow.com/questions/35542278/make-input-element-type-text-handle-multiple-lines-of-text
• Ngen. Programmer. 2011. Right align link [CSS]. Retrieved from https://stackoverflow.com/questions/6345549/right-align-link
• Pugazh. Programmer. 2016. JS onclick not executing for slideshow [JS]. Retrieved from https://stackoverflow.com/questions/38719617/js-onclick-not-executing-for-slideshow
• Rebutoc, Jameson. Student. 2017. P01 Style Guide [Website]. Retrieved from http://www.sfu.ca/~jrebutoc/iat_339/IAT339_StyleGuide_Jameson_Rebutoc/Main_StyleGuide.html
• Shail26. Programmer. 2013. Linking Your HTML and JavaScript Files [HTML, JS]. Retrieved from https://www.codecademy.com/en/forum_questions/518949bb96913300dd000fc3
• Tremendows. Programmer. 2017. Should I size a textarea with CSS width / height or HTML cols / rows attributes? [CSS]. Retrieved from https://stackoverflow.com/questions/3896537/should-i-size-a-textarea-with-css-width-height-or-html-cols-rows-attributes
• W3Schools. Website. n.d. CSS Links [CSS]. Retrieved from https://www.w3schools.com/css/css_link.asp
• W3Schools. Website. n.d. CSS3 Gradients [CSS]. Retrieved from https://www.w3schools.com/css/css3_gradients.asp
• W3Schools. Website. n.d. CSS3 word-wrap Property [CSS]. Retrieved from https://www.w3schools.com/cssref/css3_pr_word-wrap.asp
• W3Schools. Website. n.d. How TO - Filter Elements [HTML, CSS, JS]. Retrieved from https://www.w3schools.com/howto/howto_js_filter_elements.asp
• W3Schools. Website. n.d. How TO - Image Hover Overlay [CSS]. Retrieved from https://www.w3schools.com/howto/howto_css_image_overlay.asp
• W3Schools. Website. n.d. How TO - Modal Images [HTML, CSS, JS]. Retrieved from https://www.w3schools.com/howto/howto_css_modal_images.asp
• W3Schools. Website. n.d. How TO - Responsive Top Navigation [HTML, CSS, JS]. Retrieved from https://www.w3schools.com/howto/howto_js_topnav_responsive.asp
• W3Schools. Website. n.d. JavaScript String toLowerCase() Method [JS]. Retrieved from https://www.w3schools.com/jsref/jsref_tolowercase.asp
• W3Schools. Website. n.d. onclick Event [JS]. Retrieved from https://www.w3schools.com/jsref/event_onclick.asp
• W3Schools. Website. n.d. UTF-8 Miscellaneous Symbols [HTML]. Retrieved from https://www.w3schools.com/charsets/ref_utf_symbols.asp
• W3Schools. Website. n.d. HTML5 Style Guide and Coding Conventions [HTML]. Retrieved from https://www.w3schools.com/html/html5_syntax.asp
• W3Schools. Website. n.d. HTML Form Elements [HTML]. Retrieved from https://www.w3schools.com/html/html_form_elements.asp
• W3Schools. Website. n.d. HTML <input> type Attribute [HTML]. Retrieved from https://www.w3schools.com/tags/att_input_type.asp
• W3Schools. Website. n.d. Radio Button [HTML]. Retrieved from https://www.w3schools.com/html/tryit.asp?filename=tryhtml_radio
• W3Schools. Website. n.d. Textarea [HTML]. Retrieved from https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_textarea
• W3Schools. Website. n.d. W3.CSS Slideshow [CSS]. Retrieved from https://www.w3schools.com/w3css/w3css_slideshow.asp

Images

• Admin. Writer. 2010. Giant Pacific octopus set free with a kiss [Image]. Retrieved from http://www.aquamarin.com.sg/blog/?p=1320
• A, Adriana. Retailer. n.d. Core the Cuttlefish [Image]. Retrieved from https://isv-loveknitting.freetls.fastly.net/index.php/v1/images/b0c0d40c5529ceaa373dc1cc0fdaa1c6/1539773b-5ca0-43e4-a9f6-b255929b2550.jpg/0/-/390T390
• [Anatomy Diagram of an Octopus]. Website. n.d. Cephalopod Awareness Day! [Image]. Retrieved from http://synapostasy.blogspot.ca/2007/10/cephalopod-awareness-day.html
• Awkward Animal. Retailer. n.d. Awkward Octopus [Image]. Retrieved from https://awkwardanimal.com/products/awkward-octopus
• [Baby Giant Squid]. Website. 2015. Giant Squid spotted in Japanese harbour [Image]. Retrieved from http://www.telegraph.co.uk/news/newsvideo/viral-video/12073441/Giant-squid-spotted-in-Japanese-harbour.html
• [Blue Ringed Octopus]. Website. n.d. Life of Southern Blue-ringed Octopus [Image]. Retrieved from http://life-sea.blogspot.ca/2011/07/life-of-southern-blue-ringed-octopus.html
• Bookfong Official Store. Retailer. n.d. 60 cm Simulation Squid Octopus Plush Toys Wedding Engagement Christmas Gift for Women Children Children [Image]. Retrieved from https://ae01.alicdn.com/kf/HTB17GX0LpXXXXXzXXXXq6xXFXXXC/60-cm-Sim-lasyon-Kalamar-Ahtapot-Pelu-Oyuncaklar-D-n-Ni-an-Kad-nlar-i-in.jpg_640x640.jpg
• Chebeto. Retailer. n.d. Octopus Plush Pattern, Octopus Sewing Pattern, Plush Octopus DIY, PDF Pattern, Stuffed Animal Pattern, Kawaii Octopus Toy PDF, Octopus Toy [Image]. Retrieved from https://www.etsy.com/listing/238607088/octopus-plush-pattern-octopus-sewing
• Cheekandstitch. Photographer. n.d. Green Octopus Plush Toy with Moustache [Image]. Retrieved from https://weheartit.com/entry/21982579
• Cheekandstitch. Photographer. n.d. Moustache Octopus Plush w/ Top Hat and Monocle [Image]. Retrieved from https://weheartit.com/entry/21982759
• Cheekandstitch. Photographer. n.d. Moustache Octopus Plush w/ Top Hat and Monocle [Image]. Retrieved from https://weheartit.com/entry/21982776
• [Close Up of a Giant Pacific Octopus]. Website. n.d. Giant Pacific Octopus [Image]. Retrieved from https://www.montereybayaquarium.org/animals-and-experiences/exhibits/giant-octopus
• Darlene, Yvette. Onedio Editor. 2016. Scientists Say Octopus DNA Does NOT Belong To Our World! [Image]. Retrieved from https://www.wired.com/wp-content/uploads/2016/04/Octopus_E2AA2B.jpg
• Doubilet, David. Photographer. n.d. How the Freaky Octopus can Help Us Understand the Human Brain [Image]. Retrieved from https://www.wired.com/2013/10/how-the-freaky-octopus-can-help-us-understand-the-human-brain/
• EducationCareerArticles. Website. n.d. Surveying coral reefs is clearly one highlight of being a marine biologist! [Image]. Retrieved from https://briantissot.com/2014/12/17/how-to-become-a-marine-biologist/
• FamilyVacatioHub. Photographer. n.d. The Birch Aquarium Is Helping Dying Coral Reefs, One Tank At A Time [Image]. Retrieved from http://awesomeocean.com/guest-columns/birch-aquarium-dying-coral-reefs/
• Goo, Petrel. Retailer. n.d. 60 CM Cute Octopus Plush Stuffed Seat Minder Back Toys Puppies For Children Birthday Gifts Friends Party Gifts [Image]. Retrieved from https://tr.aliexpress.com/item/60CM-Cute-Octopus-Plush-Pillow-Dolls-The-Stuffed-Seat-Cushion-Backrest-Toys-For-Children-Birthday-Gifts/32794677825.html
• Hamee. Retailer. n.d. Nautilus Stuffed Toy by Hamee [Image]. Retrieved from https://www.amazon.com/Nautilus-Stuffed-Toy-by-Hamee/dp/B00JFS8B0Y
• Hollander, Joel. Photographer. 2015. Crittercam being put on Humboldt Squid [Image]. Retrieved from https://protecttheoceans.org/wordpress/?p=1579
• Jellycat Inc. Retailer. 2017. Odell Octopus [Image]. Retrieved from https://www.jellycat.com/us/odell-octopus-od2oc/
• Kawaii Not Kowai. Photographer. n.d. Kawaii Not Kowai [Image]. Retrieved from https://weheartit.com/entry/37171756
• Kluzniak, Mariusz. Photographer. n.d. Cuttlefish: Inspiring New Technology [Image]. Retrieved from http://awesomeocean.com/news/cuttlefish-new-technology/
• Kubodera, Tsunemi. Photographer. 2006. Japanese scientists videotaped this female giant squid alive [Image]. Retrieved from http://ocean.si.edu/giant-squid
• Gokce - Macide. Retailer. n.d. Kids animal toy, handmade animal toys, soft toy, animal plush, plush octopus, plush animal pillow, plush toy pillow, animal toy pillow [Image]. Retrieved from https://www.etsy.com/ca/listing/271243747/kids-animal-toy-handmade-animal-toys?show_sold_out_detail=1
• Mamamayberrys. Retailer. n.d. Plush octopus stuffed animal toy [Image]. Retrieved from https://wanelo.co/p/6388500/plush-octopus-stuffed-animal-toy
• Monterey Bay Aquarium. Photographer. n.d. 11 Crazy Cool Facts About the Octopus [Image]. Retrieved from http://awesomeocean.com/news/cool-facts-octopus/
• National Geographic. Photographer. n.d. Nautilus: Protect the Past [Image]. Retrieved from http://awesomeocean.com/trending-now/nautilus-protect-the-past/
• Nichols, Janna. Photographer. n.d. Giant Pacific Octopus [Image]. Retrieved from https://www.nationalgeographic.com/animals/invertebrates/g/giant-pacific-octopus/
• [Octopus on Diver's Fist Underwater]. Website. n.d. Cephalopod Awareness Day! [Image]. Retrieved from http://www.tinybubblesscuba.com/2012/12/finshing-off-2012-with-a-snorkel-tour-and-some-scuba/olympus-digital-camera-89/
• Portelli, Scott. Photographer. 2016. Cephalopods like these giant Australian cuttlefish (Sepia apama) are increasing in mumber worldwide [Image]. Retrieved from http://www.sciencemag.org/news/2016/05/world-octopus-and-squid-populations-are-booming
• Slagger, CJ. Photographer. 2011. Aquarium of the Bay Rescues Another Giant Pacific Octopus [Image]. Retrieved from http://aquariumofthebay.org/pages/detail/730
• Smithsonian Institution. Photographer. n.d. Giant squid have eight arms but use their two long feeding tentacles to seize prey [Image]. Retrieved from http://ocean.si.edu/giant-squid
• Strazzante, Scott. Photographer. 2015. Richard Ross, marine biologist at the California Academy of Sciences, examines a Giant Pacific Octopus at the Aquarium in the Academy in San Francisco, Calif. [Image]. Retrieved from http://www.sfchronicle.com/science/article/Rare-Pacific-octopus-is-full-of-surprises-6443342.php
• Stuffed Ark. Retailer. n.d. Giant Octopus Stuffed Animal [Image]. Retrieved from http://www.stuffedark.com/octopusft3.htm
• Tenta.co. Retailer. n.d. Where to get this home accessory? [Image]. Retrieved from http://wheretoget.it/look/1567273
• Tstadvance. Retailer. n.d. Vampire Squid Stuffed Toy [Image]. Retrieved from https://www.amazon.com/TSTADVANCE-6425-Vampire-Squid-Stuffed/dp/B00JMX37FQ
• ValkyriaCreations. Photographer. n.d. Plush Takos' [Image]. Retrieved from https://valkyriacreations.deviantart.com/art/Plush-Takos-313659894
• Wan, Stephie. Retailer. n.d. Small Cute Squid Plush [Image]. Retrieved from https://www.etsy.com/listing/232341564/small-cute-squid-plush
• West, Vincent. Photographer. 2017. Someday we may pray to these creatures [Image]. Retrieved from https://qz.com/1095491/humans-had-to-evolve-to-acknowledge-octopus-consciousness/
• Wild Republic. Retailer. n.d. Squid Plush Stuffed Toy By Wild Republic [Image]. Retrieved from https://www.plushnstuff.com.au/water-creatures/902-squid-plush-stuffed-toy-by-wild-republic-092389831986.html
• Wild Republic. Retailer. n.d. Wild Republic CK-Mini Octopus 8" Plush [Image]. Retrieved from https://www.amazon.com/Wild-Republic-CK-Mini-Octopus-Plush/dp/B00705XPH8
• Yumcha. Photographer. n.d. Pink Valentine Octopus No. 1 [Image]. Retrieved from https://weheartit.com/entry/21950624

Other (Content, Design Inspirations, References from how real websites work)

• Bradford, Alina. Writer. 2017. Octopus Facts [Content]. Retrieved from https://www.livescience.com/55478-octopus-facts.html
• Cox, Norm. Designer. n.d. Hamburger Icon [Design Inspiration]. Retrieved from https://gizmodo.com/who-designed-the-iconic-hamburger-icon-1555438787
• Roper, Clyde. Writer. n.d. Giant Squid [Content]. Retrieved from http://ocean.si.edu/giant-squid
• Discovery. YouTube. 2009. Giant Pacific Octopus [Content, Video]. Retrieved from https://www.youtube.com/watch?v=4Tcnq2iYJJo
• EyeDentity Games. Company. n.d. Dragon Nest [Design Inspiration]. Retrieved from https://us.dragonnest.com/Main
• Hawryshkewich, Andrew. Mentor. 2017. How to setup Gitkraken and creating gitignore Files [Setup]. Retrieved from in-lecture tutorial.
• Jack. Microsoft Support Engineer. 2009. My webpage keeps shrinking! [Debug]. Retrieved from https://answers.microsoft.com/en-us/ie/forum/ie8-windows_other/my-webpage-keeps-shrinking/2e00ae2b-587d-4016-b48d-9b7b82c1edcf
• National Geographic. Company. n.d. Giant Pacific Octopus [Content]. Retrieved from https://www.nationalgeographic.com/animals/invertebrates/g/giant-pacific-octopus/
• National Geographic. Company. n.d. Giant Squid [Content]. Retrieved from https://www.nationalgeographic.com/animals/invertebrates/g/giant-squid/
• Nexon. Company. n.d. Official [Design Inspiration]. Retrieved from http://forums.maplestory.nexon.net/
• ResizeImage. Company. n.d. 1. Upload an Image [Image Resizer]. Retrieved from http://resizeimage.net/
• Riot Games. Company. n.d. League of Legends [Content, Design Inspiration, References from how real websites work]. Retrieved from http://na.leagueoflegends.com/en/
• Simon Fraser University. Educational Institution. n.d. SFTP [Setup]. Retrieved from https://www.sfu.ca/itservices/publishing/publish_howto/SFTPpublishing.html
• Smithsonian magazine. Writer. 2014. Is the Giant Squid Near Extinction and More Questions From Our Readers [Content]. Retrieved from https://www.smithsonianmag.com/smithsonian-institution/giant-squid-near-extinction-and-more-questions-our-readers-180950185/
• Snapchat. Company. n.d. Home [Design Inspiration]. Retrieved from https://www.snapchat.com/
• Soutar-Rau, Ethan. Mentor. 2017. How to setup your Repository in GitHub and cloning to a Local Device [Setup]. Retrieved from in-lab D101 tutorial session.
• Squid-World. Company. n.d. Squids Endangered [Content]. Retrieved from http://www.squid-world.com/squids-endangered/
• Widder, Edith. TED. 2013. How we found the giant squid [Content, Video]. Retrieved from https://www.ted.com/talks/edith_widder_how_we_found_the_giant_squid
• Wikipedia. Encyclopedia. n.d. Enteroctopus dofleini [Content]. Retrieved from https://en.wikipedia.org/wiki/Enteroctopus_dofleini
• Wikipedia. Encyclopedia. n.d. Giant squid [Content]. Retrieved from https://en.wikipedia.org/wiki/Giant_squid
• Wood, James B. Encyclopedia. n.d. Selected Cephalopod Species [Content]. Retrieved from http://www.thecephalopodpage.org/taxa.php