<?xml version="1.0"?>
<rss version="2.0">
   <channel>
      <title>U2028J1 CSS, Javascript, Web design, build and evaluation by Siobhan Allen</title>
      <link>https://padlet.com/siobhana/U2028J1</link>
      <description>Made with a curious mind. Deadline </description>
      <language>en-us</language>
      <pubDate>2017-10-18 13:50:55 UTC</pubDate>
      <lastBuildDate>2026-03-15 12:27:27 UTC</lastBuildDate>
      <webMaster>hello@padlet.com</webMaster>
      <image>
         <url>https://padlet-assets.s3.amazonaws.com/icons/Manbag.png</url>
      </image>
      <item>
         <title>2 standard methods</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/198129737</link>
         <description><![CDATA[<div>Box model - Traditional, works well, but requires some fiddling around<br>Flex box - New, only works in newer browsers. Easier.</div>]]></description>
         <enclosure url="" />
         <pubDate>2017-10-18 08:33:19 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/198129737</guid>
      </item>
      <item>
         <title>Accessibility explained</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/198231609</link>
         <description><![CDATA[]]></description>
         <enclosure url="http://www.bbc.co.uk/accessibility/best_practice/what_is.shtml" />
         <pubDate>2017-10-18 13:54:43 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/198231609</guid>
      </item>
      <item>
         <title>This will give you a basic page with columns, header and footer</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/202019378</link>
         <description><![CDATA[<div>Fairly simple, but build up your understanding little by little with the models</div>]]></description>
         <enclosure url="https://www.w3schools.com/css/css_website_layout.asp" />
         <pubDate>2017-10-31 07:03:24 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/202019378</guid>
      </item>
      <item>
         <title>Flexbox</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/202019465</link>
         <description><![CDATA[<div>Standard lesson from w3schools</div>]]></description>
         <enclosure url="https://www.w3schools.com/css/css3_flexbox.asp" />
         <pubDate>2017-10-31 07:04:32 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/202019465</guid>
      </item>
      <item>
         <title>Taking it further: Full explanation with more detail</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/202019713</link>
         <description><![CDATA[<div>This page explains standard layout, menu offers flexbox explanation too</div>]]></description>
         <enclosure url="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction" />
         <pubDate>2017-10-31 07:07:24 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/202019713</guid>
      </item>
      <item>
         <title>Another - take it easy flexbox explanation</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/202020119</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://css-tricks.com/dont-overthink-flexbox-grids/" />
         <pubDate>2017-10-31 07:11:18 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/202020119</guid>
      </item>
      <item>
         <title>LearnLayout</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/204233742</link>
         <description><![CDATA[]]></description>
         <enclosure url="http://learnlayout.com/" />
         <pubDate>2017-11-07 08:17:28 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/204233742</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/206479885</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.webdesignerdepot.com/2014/05/8-simple-css3-transitions-that-will-wow-your-users/" />
         <pubDate>2017-11-13 20:32:47 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/206479885</guid>
      </item>
      <item>
         <title>CSS3 Animations</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/206493272</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.w3schools.com/css/css3_animations.asp" />
         <pubDate>2017-11-13 21:08:43 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/206493272</guid>
      </item>
      <item>
         <title>background colour animations using css</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/206498032</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.w3schools.com/css/css3_animations.asp" />
         <pubDate>2017-11-13 21:24:40 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/206498032</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/206500863</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.w3schools.com/howto/howto_js_animate.asp" />
         <pubDate>2017-11-13 21:34:11 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/206500863</guid>
      </item>
      <item>
         <title>JQuery</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/206501140</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.w3schools.com/jquery/jquery_animate.asp" />
         <pubDate>2017-11-13 21:35:18 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/206501140</guid>
      </item>
      <item>
         <title>Interactive</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/206501788</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.w3schools.com/html/html_scripts.asp" />
         <pubDate>2017-11-13 21:37:22 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/206501788</guid>
      </item>
      <item>
         <title>Pop-ups</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/206502245</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.w3schools.com/js/js_popup.asp" />
         <pubDate>2017-11-13 21:38:55 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/206502245</guid>
      </item>
      <item>
         <title>Menus</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/209090118</link>
         <description><![CDATA[<div>A menu is simply a list for hyperlinks (to either other pages on your website, or other websites) use list items, but format them to remove the 'bullet' points'</div>]]></description>
         <enclosure url="" />
         <pubDate>2017-11-21 14:01:09 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/209090118</guid>
      </item>
      <item>
         <title>This example uses clickable dropdowns - mixing CSS and Javascript. Fairly advanced, but good use of Javascript</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/209092403</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.w3schools.com/howto/howto_js_dropdown.asp" />
         <pubDate>2017-11-21 14:05:42 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/209092403</guid>
      </item>
      <item>
         <title>Java and CSS</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/209093226</link>
         <description><![CDATA[<div>This is a beautiful example of a  side menu with dropdown</div>]]></description>
         <enclosure url="https://www.w3schools.com/howto/howto_js_sidenav.asp" />
         <pubDate>2017-11-21 14:07:19 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/209093226</guid>
      </item>
      <item>
         <title>Tutorials for funky menus - don&#39;t get bogged down...</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/209097096</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.noupe.com/essentials/freebies-tools-templates/100-great-css-menu-tutorials.html" />
         <pubDate>2017-11-21 14:14:58 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/209097096</guid>
      </item>
      <item>
         <title>Basic instructions for a vertical menu</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/209118208</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://padletuploads.blob.core.windows.net/prod/219849472/53d08ca798e3ebee33cfca1610a217cc/Instructions_for_a_vertial_menu.docx" />
         <pubDate>2017-11-21 14:54:13 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/209118208</guid>
      </item>
      <item>
         <title>Part of instructions for a basic horizontal menu</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/209462045</link>
         <description><![CDATA[<div>Fairly simple, but build up your understanding little by little with the models</div>]]></description>
         <enclosure url="https://www.w3schools.com/css/css_website_layout.asp" />
         <pubDate>2017-11-22 14:40:16 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/209462045</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/217544051</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.w3schools.com/js/js_examples.asp" />
         <pubDate>2017-12-20 16:59:55 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/217544051</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/217544147</link>
         <description><![CDATA[]]></description>
         <enclosure url="http://userwww.sfsu.edu/infoarts/technical/howto/wilson.javascript.exampls.html" />
         <pubDate>2017-12-20 17:00:13 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/217544147</guid>
      </item>
      <item>
         <title>Useful introduction</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/219356335</link>
         <description><![CDATA[]]></description>
         <enclosure url="http://guyhaas.com/bfoit/itp/Pseudocode.html" />
         <pubDate>2018-01-08 14:29:49 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/219356335</guid>
      </item>
      <item>
         <title>Intro</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/219356459</link>
         <description><![CDATA[<div>Pseuocode is a middle step between human language, and programming language. It is a way to flatten out your thoughts to think through step by step what a program will do. You do not need to use the precise programming language,  but something that gives a good idea of the program structure.</div>]]></description>
         <enclosure url="" />
         <pubDate>2018-01-08 14:30:06 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/219356459</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/219361603</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://study.com/academy/lesson/pseudocode-definition-examples-quiz.html" />
         <pubDate>2018-01-08 14:39:20 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/219361603</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/219361859</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.bbc.co.uk/education/guides/z3bq7ty/revision/2" />
         <pubDate>2018-01-08 14:39:45 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/219361859</guid>
      </item>
      <item>
         <title>HTML validation</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/219404648</link>
         <description><![CDATA[]]></description>
         <enclosure url="http://validator.w3.org/" />
         <pubDate>2018-01-08 15:53:50 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/219404648</guid>
      </item>
      <item>
         <title>CSS Validation</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/219406217</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://jigsaw.w3.org/css-validator/" />
         <pubDate>2018-01-08 15:56:33 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/219406217</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/219659903</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://padletuploads.blob.core.windows.net/prod/219849472/3b96a68a08a52c0ae29332e01608395b/SA_L3_U2028_Planning_Template.docx" />
         <pubDate>2018-01-09 10:23:32 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/219659903</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/237491155</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.w3.org/standards/webdesign/accessibility" />
         <pubDate>2018-03-02 16:47:55 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/237491155</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/237491337</link>
         <description><![CDATA[]]></description>
         <enclosure url="http://www.web-accessibility.org.uk/" />
         <pubDate>2018-03-02 16:48:19 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/237491337</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/237491475</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://webdesign.tutsplus.com/articles/6-tips-for-improving-website-accessibility--webdesign-1660" />
         <pubDate>2018-03-02 16:48:40 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/237491475</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/258276229</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://material.io/color/#!/?view.left=0&amp;view.right=0" />
         <pubDate>2018-05-06 07:45:20 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/258276229</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/258276304</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://visibone.com/colorlab/big.html" />
         <pubDate>2018-05-06 07:46:37 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/258276304</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/270597450</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://webstyleguide.com/wsg3/3-information-architecture/3-site-structure.html" />
         <pubDate>2018-07-19 07:21:27 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/270597450</guid>
      </item>
      <item>
         <title>Mock-flow navigation charts/mockups</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/270597463</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://mockflow.com/" />
         <pubDate>2018-07-19 07:21:48 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/270597463</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/270598361</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://searchenginewatch.com/2018/04/04/a-quick-and-easy-guide-to-meta-tags-in-seo/" />
         <pubDate>2018-07-19 07:36:33 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/270598361</guid>
      </item>
      <item>
         <title>Here&#39;s some information about our Parliamentary System</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/308162766</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://padlet-uploads.storage.googleapis.com/219849472/af7fffed00150424fd2a5cd1d92482a2/Parliamentary_System.docx" />
         <pubDate>2018-11-27 08:57:34 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/308162766</guid>
      </item>
      <item>
         <title>Froggy Game </title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/337804458</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://flexboxfroggy.com/" />
         <pubDate>2019-03-05 08:21:43 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/337804458</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/337804642</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.quackit.com/css/flexbox/examples/" />
         <pubDate>2019-03-05 08:22:39 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/337804642</guid>
      </item>
      <item>
         <title>Flexbox step by step</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/337804744</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://www.w3schools.com/css/css3_flexbox.asp" />
         <pubDate>2019-03-05 08:23:10 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/337804744</guid>
      </item>
      <item>
         <title>Complete guide</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/337804934</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://css-tricks.com/snippets/css/a-guide-to-flexbox/" />
         <pubDate>2019-03-05 08:24:10 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/337804934</guid>
      </item>
      <item>
         <title></title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/337811083</link>
         <description><![CDATA[]]></description>
         <enclosure url="http://leaverou.github.io/animatable/#height" />
         <pubDate>2019-03-05 08:51:27 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/337811083</guid>
      </item>
      <item>
         <title>CSS Transitions</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/337811254</link>
         <description><![CDATA[<div><br><br></div>]]></description>
         <enclosure url="https://www.w3schools.com/css/css3_transitions.asp" />
         <pubDate>2019-03-05 08:52:21 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/337811254</guid>
      </item>
      <item>
         <title>CSS3 and JavaScript equivalents</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/337867002</link>
         <description><![CDATA[]]></description>
         <enclosure url="http://old.marcofolio.net/css/css3_animations_and_their_jquery_equivalents.html" />
         <pubDate>2019-03-05 12:43:46 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/337867002</guid>
      </item>
      <item>
         <title>Demo of animations above:</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/337873008</link>
         <description><![CDATA[<div> </div>]]></description>
         <enclosure url="http://demo.marcofolio.net/css3_jquery_animations/" />
         <pubDate>2019-03-05 13:03:01 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/337873008</guid>
      </item>
      <item>
         <title>These videos, based on a basic w3schools template, will talk you through making an empty website with multiple pages.</title>
         <author>siobhana</author>
         <link>https://padlet.com/siobhana/U2028J1/wish/429950178</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://sites.google.com/view/htmlhelp/home" />
         <pubDate>2020-01-10 13:27:58 UTC</pubDate>
         <guid>https://padlet.com/siobhana/U2028J1/wish/429950178</guid>
      </item>
   </channel>
</rss>
