<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xml:base="http://www.hypermodernism.com/taxonomy/term/20/all" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Javascript</title>
    <link>http://www.hypermodernism.com/taxonomy/term/20/all</link>
    <description></description>
    <language>en</language>
          <item>
    <title>Wow Go travel section for wowcher</title>
    <link>http://www.hypermodernism.com/projects/wow-go-travel-section-wowcher</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;WowGo travel section for wowcher&quot; alt=&quot;WowGo travel section for wowcher&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/wow_go.jpg?1393929761&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/dmg-media&quot;&gt;dmg media&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Design and implementation of a new travel section for Wowcher.&lt;br /&gt;
The new design featured larger images, better placements for bonus deals a flexible grid or drop down system for displaying deal pricing and option details, and a new sub menu for deal categories.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.wowcher.co.uk/travel-deals/london/wowGo&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/websites">Websites</category>
 <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <pubDate>Tue, 04 Mar 2014 10:48:34 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">130 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Wowcher - Associated Newspapers - DMG media</title>
    <link>http://www.hypermodernism.com/projects/wowcher-associated-newspapers-dmg-media</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Wowcher&quot; alt=&quot;Wowcher&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/wowcher_0.jpg?1368618815&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/dmg-media&quot;&gt;dmg media&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Wowcher is a popular eCommerce site providing location based deals. Employed as a UI/UX developer providing design and development for the Wowcher web and mobile sites. Creation and implementation of new features. Investigation of issues and bug fixes, Prototyping, User journeys and Wireframes.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.wowcher.co.uk&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/websites">Websites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/accessibility">Accessibility</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/seo">SEO</category>
 <pubDate>Wed, 11 Dec 2013 10:39:46 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">127 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Virgin Media Presents Website</title>
    <link>http://www.hypermodernism.com/projects/virgin-media-presents-website</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Virgin Media Presents Website&quot; alt=&quot;Virgin Media Presents Website&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/vmpresents.jpg?1332261003&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/virgin-media-redwood&quot;&gt;Virgin media - Redwood&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Employed as a freelance developer by Redwood Publishing to develop a Wordpress based CMS for their client - Virgin media. Set up of custom themes for desktop and mobile versions of the site. I also created custom plugins for social media tracking and a method to show different content to individual customers depending on what virginmedia package they have.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://virginmediapresents.com/&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-relproject&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Related Project:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/projects/virgin-electric-ezine&quot;&gt;Virgin - electric! Ezine&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/websites">Websites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/phpmysql">PHP/mySQL</category>
 <category domain="http://www.hypermodernism.com/category/technology/wordpress">WordPress</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/seo">SEO</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/consultancy">Consultancy</category>
 <pubDate>Mon, 29 Oct 2012 13:37:21 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">119 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>html5 CSS3 Skyfall Realtime Twitter feed with animation</title>
    <link>http://www.hypermodernism.com/projects/html5-css3-skyfall-realtime-twitter-feed-animation</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Skyfall Realtime Twitter feed &quot; alt=&quot;Skyfall Realtime Twitter feed &quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/skyfall.jpg?1351516620&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/hypermodernism&quot;&gt;hypermodernism&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;A realtime feed of twitter tweets about Skyfall the new Bond film. Javascript, Jquery and CSS3 Animation are used to load six of the latest tweets from twitter. They are then and styled up to look like id cards using Google webfonts to give an authentic retro look.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/metroticker/&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;http://www.hypermodernism.com/projects/html5-css3-skyfall-realtime-twitter-feed-animation&quot; target=&quot;_blank&quot;&gt;read more&lt;/a&gt;&lt;/p&gt;</description>
     <category domain="http://www.hypermodernism.com/category/projects/websites">Websites</category>
 <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <pubDate>Mon, 29 Oct 2012 13:26:26 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">125 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Red Bull Bedroom Jam</title>
    <link>http://www.hypermodernism.com/projects/red-bull-bedroom-jam</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Red Bull Bedroom Jam&quot; alt=&quot;Red Bull Bedroom Jam&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/redbull.jpg?1314964683&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/red-bull&quot;&gt;Red Bull&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The Red Bull Bedroom Jam site provides a engaging experience for young musicians and music fans. Users can upload their bands music and videos to be rated by the public.&lt;br /&gt;
Employed by the Que Pasa Communications, I have been providing technical support and development of the Drupal based Red Bull bedroom jam site CMS.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://redbullbedroomjam.com/&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/websites">Websites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/phpmysql">PHP/mySQL</category>
 <category domain="http://www.hypermodernism.com/category/technology/drupal">Drupal</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/consultancy">Consultancy</category>
 <pubDate>Fri, 02 Sep 2011 11:59:35 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">115 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Tetley Tea Folk</title>
    <link>http://www.hypermodernism.com/projects/tetley-tea-folk</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Tetley Tea Folk&quot; alt=&quot;Tetley Tea Folk&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/teafolk.jpg?1314963847&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/tetley&quot;&gt;Tetley&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Providing information on new products and special offers.&lt;br /&gt;
I have been involved in technical support and implementation of updates of the Drupal based CMS.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.teafolk.co.uk/&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/websites">Websites</category>
 <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/phpmysql">PHP/mySQL</category>
 <category domain="http://www.hypermodernism.com/category/technology/drupal">Drupal</category>
 <pubDate>Fri, 02 Sep 2011 11:50:29 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">112 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Triumph - Louise Loves - handbag</title>
    <link>http://www.hypermodernism.com/projects/triumph-louise-loves-handbag</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Triumph - Louise Loves - handbag&quot; alt=&quot;Triumph - Louise Loves - handbag&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/triumph.jpg?1271785725&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/triumph&quot;&gt;Triumph&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Design and build an interactive microsite to demonstrate the Triumph underwear range. Users should be able to select their own body shape which will trigger a selection of products suitable for their particular figure.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/triumph/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <pubDate>Sun, 23 May 2010 21:04:56 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">37 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Australia a Baz Luhrmann film</title>
    <link>http://www.hypermodernism.com/projects/australia-baz-luhrmann-film</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;500&quot; height=&quot;361&quot; title=&quot;Australia&quot; alt=&quot;Australia&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/aus.jpg?1270311986&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/20th-century-fox&quot;&gt;20th Century fox&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Design and program an interactive microsite to promote Australia a Baz Luhrmann film starring Nicole Kidman and Hugh Jackman.&lt;/p&gt;
&lt;p&gt;The client was keen that the microsite reflected the epic nature of the film and showed off some of the stunning visuals in the best possible way.&lt;/p&gt;
&lt;p&gt;Video and subtle animation was used to link to editorial features on the main handbag.com site.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/australia/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Sun, 23 May 2010 21:04:34 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">10 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Bizarre Magazine website and social networking</title>
    <link>http://www.hypermodernism.com/projects/bizarre-magazine-website-and-social-networking</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Bizarre Magazine website and social networking&quot; alt=&quot;Bizarre Magazine website and social networking&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/bizarre_mag.jpg?1272214919&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/dennis-publishing&quot;&gt;Dennis Publishing&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Bizarre Magazine the UK&#039;s leading alternative lifestyle mag.&lt;br /&gt;
Design graphics and usability walkthroughs for each page of the site. Mobile downloads of videos and ecommerce functionality for subscriptions to the user generated content on the site. And the development of Ultra vixens and savage hearts Social networking microsites.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.bizarremag.com/&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/websites">Websites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/phpmysql">PHP/mySQL</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/seo">SEO</category>
 <pubDate>Sun, 25 Apr 2010 17:05:32 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">87 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Crafts Magazine - E-commerce online subscriptions</title>
    <link>http://www.hypermodernism.com/projects/crafts-magazine-e-commerce-online-subscriptions</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Crafts Magazine - E-commerce online subscriptions&quot; alt=&quot;Crafts Magazine - E-commerce online subscriptions&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/craftsmag_ecommerce.jpg?1272214499&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/crafts-council&quot;&gt;Crafts Council&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Crafts is the only British magazine to cover all craft forms, from studio work to public commissions, from modern experimental work to traditional and historic designs.&lt;/p&gt;
&lt;p&gt;Design and development of an E-commerce facility using world pay to take payments for yearly subscriptions to Crafts magazine. The form uses Javascript validation and a callback from worldpay, processed by a ASP script which enables email conformations to be automatically sent to shoppers.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.craftscouncil.org.uk/crafts-magazine/subscribe/&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/accessibility">Accessibility</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/seo">SEO</category>
 <pubDate>Sun, 25 Apr 2010 16:56:53 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">86 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Crafts Council - Xmas Card Animation</title>
    <link>http://www.hypermodernism.com/projects/crafts-council-xmas-card-animation</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Crafts Council - Xmas Card Animation&quot; alt=&quot;Crafts Council - Xmas Card Animation&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/craftscouncil_xmas.jpg?1272214338&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/crafts-council&quot;&gt;Crafts Council&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The brief was to create an animated Christmas card that summed up the values of the Crafts Council, and adhered to their simple, clean design principle.&lt;/p&gt;
&lt;p&gt;The Christmas card popped up in a new window when visiting the site. A link to the card was embedded into promotional emails.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/craftscouncil/Xmas/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <pubDate>Sun, 25 Apr 2010 16:52:34 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">85 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Crafts Council - Virtual Reality Gallery</title>
    <link>http://www.hypermodernism.com/projects/crafts-council-virtual-reality-gallery</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Crafts Council - Virtual Reality Gallery&quot; alt=&quot;Crafts Council - Virtual Reality Gallery&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/jerwood.jpg?1272214003&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/crafts-council&quot;&gt;Crafts Council&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The brief was to create a Virtual Reality gallery to enable online accessibility to the Jerwood Applied Arts Prize for Metal. &lt;/p&gt;
&lt;p&gt;Producing two Virtual Reality tours of the galleries at the Crafts Council, using panoramic pictures translated into the Apple Quicktime VR format. This format is quick to load and gives a smooth and consistant feel to the VR environment, enabling viewers to pan and zoom around the virtual gallery.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.info/work/vr/FRONTGALLERY.htm&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Sun, 25 Apr 2010 16:47:40 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">84 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Crafts Council - Website</title>
    <link>http://www.hypermodernism.com/projects/crafts-council-website</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Crafts Council&quot; alt=&quot;Crafts Council&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/craftscouncil.jpg?1272213291&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/crafts-council&quot;&gt;Crafts Council&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The Crafts Council is the UK’s national organisation for the promotion of contemporary crafts.&lt;br /&gt;
Design and creation of the original site featuring a simple, fully accessible and visually engaging web presence for a public service organisation.&lt;br /&gt;
A new template was designed using HTML and CSS.&lt;/p&gt;
&lt;p&gt;The site was praised in Webactive magazine where it received 4/5 star rating.&lt;br /&gt;
&lt;a href=&quot;http://www.hypermodernism.com/work/projects/webactivereview.htm&quot; target=&quot;_blank&quot;&gt;&#039;Web Active&#039; magazine, issue 43&lt;/a&gt;&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.craftscouncil.org.uk&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/websites">Websites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/phpmysql">PHP/mySQL</category>
 <category domain="http://www.hypermodernism.com/category/technology/drupal">Drupal</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/accessibility">Accessibility</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/seo">SEO</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/consultancy">Consultancy</category>
 <pubDate>Sun, 25 Apr 2010 16:40:52 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">83 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Computers Make Freedom</title>
    <link>http://www.hypermodernism.com/projects/computers-make-freedom</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Computers Make Freedom&quot; alt=&quot;Computers Make Freedom&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/computers_make_freedom.jpg?1271931700&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/hypermodernism&quot;&gt;hypermodernism&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;A conceptual art piece developed as part of my Multimedia Systems and Fine Art portfolio, to showcase animation, photography, music and interactivity.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/cmf/frameset.htm&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/audio">Audio</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Thu, 22 Apr 2010 10:22:26 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">73 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Mens Fitness Website</title>
    <link>http://www.hypermodernism.com/projects/mens-fitness-website</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Mens Fitness Website&quot; alt=&quot;Mens Fitness Website&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/mens_fitness.jpg?1271930000&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/dennis-publishing&quot;&gt;Dennis Publishing&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Dennis publishing fitness magazine for Men&lt;/p&gt;
&lt;p&gt;The brief was to freshen up existing design to separate the brand from Maxim magazine.&lt;br /&gt;
The underlying CMS was to stay the same so that any design work had to take into account some of the limitations of the system.&lt;/p&gt;
&lt;p&gt;With that in mind new colours were used to create a &quot;fresh healthy&quot; style. Gradients were used to accent curved shapes holding the titles of the sections.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.mensfitnessmagazine.co.uk/&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/phpmysql">PHP/mySQL</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <pubDate>Thu, 22 Apr 2010 09:54:18 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">70 at http://www.hypermodernism.com</guid>
  </item>
  </channel>
</rss>
