Presenting my idea for the new CMS

Advertisement

Attending Google Polymer

 

Google Polymer project held an event in London to learn about Polymer and meet other developer. It was a fantastic experience, where there was lots of information about new technologies and ways to develop.

Arriving at the venue, the branding was everywhere, and it was possioble to find the venue by simply following the crowds of people from the station.

I was to go to the main desk where I checked in, collected my pass, shirt and was directed to the breakfast lounge.

Arriving early at 8AM breakfast was served, this was free and seats were provided around the venue in a typical Google fashion, it encouraged conversation between developers. It was fascinating to meet professionals much better than I had ever expected.

It was at this point people were discussing what the days events were going to be able what they were most looking forward to, people were crowding around these moniters, checking out the days itinery.

At 9AM the doors opened and the opening speech began, luckily I managed to get one of the front row seats.but looking back there were the 700 attendies from over 100 different countries.I spent the day watching talks on cutting edge web technologies.I also attended workshops where I would get involved with coding apps.When the days coding was over, Google had an open bar with free drinks and food to allow for conversations between coders.

The website links

The complete website can be visited here;

http://caringforyorkshire.co.uk/

and the Polymer Project attempt can be visited here;

http://coachella.eu/

FOURTH POLYMER PROJECT TEST

This test was a really important stage because it stopped me from doing what I planned to do. I wanted to use the grid system for the homepage which looked really nice and had fluid animations between the different screens. You can see a working model of the example I was working on here.

It looked really good, inital testing showed that should be a reasonably simple example to work with. The only issue I had encountered so far was the mobile version would need to be completely different as it looks so compacted when in the mobile version as can be seen here;

Then I tried to work with the code itself. While I had read an entire book ( JAVASCRIPT & JQUERY written by Jon Duckett) on reading and writing javascript code, it still managed to beat me. I believe that though using online forums etc to double check my code it was in fact correct but unfortunately the javascript I wanted to use clashed with the Polymer project and returned the user a blank screen.

I tried to create a div with a set id of #test2, then I created a string connected to the div using ;

 document.getElementById("test2");

This would pull the information from the div through the javascript. Therefore, it appears  through trail and error and online feedback that this just wouldnt work in this scenario.

References;

https://elements.polymer-project.org/elements/neon-animation?active=neon-animated-pages&view=demo:demo/index.html

Understanding the x-card component

The x-card component includes some really important things that can be furthewr implemented into my coachella redesign. to check these out I experimented with the demo file and got it working like so…

On this page the animations worked really well as can be seen here

When editing the code I was able to add a third button but then change it into an image. You can see this here;

Next i coded this image to animate with a red background instead of grey;

Then when you finally land on this new page I created a text button that took you back to the original page;

It was a little tricky to understand at first but it was a valuable learning curve that helped me understand how to use the elements in the x-card component that I needed to use. You can see breakdown of all the code in this project below;

 

Polymer Project

Polymer Project is part of what appears to be the future of web design. A collection of web components pre built to be responsive and work in any browser, funded by Google,  allows users to build simple and easy websites from the components provided by the project. The best part apart from including their own components;

They have also built the service so that people can create their own components and distribute them, for the use of other developers around the world. The potential of this is huge and could change the way websites are built forever!