What went wrong?

When trying to code my actual website with the polymer project. It did not go as planned as the code was harder to understand that I had comprehended, and I was unable to achieve the desired results below is my code and proof of what I achieved.

See the live version at http://caringforyorkshire.co.uk/

The actual files I coded here;

head

iron-flex-layout

neon-animated-pages

neon-animations

testing

typography

webcomponents-lite

x-card

x-cards-list

You can compare this to the mockup I original made;

Screen Shot 2016-05-14 at 07.16.23Screen Shot 2016-05-14 at 07.16.34Screen Shot 2016-05-14 at 07.16.40Screen Shot 2016-05-14 at 07.16.55

As you can see almost every screen shown here is distorted, and as it could be adjusted it goes to show that adding aniimations into a webpage using the polymer project isn’t as easy as you’d expect.

Advertisement