Task: Create a slider from the entries of an an XML-File.
Design draft is here: http://pascha.org/aufgabe/slider.png
XML-File is here: http://pascha.org/aufgabe/comments.xml
Icons & Elements: http://pascha.org/aufgabe/pascha.org-aufgabe-icons.zip
– You can use jQuery
– The entries in the XML are pointing to facebook or google, so the respective logo should be shown in the slider.
– The Slider should jump from the last to the first entry.
The slider should be draggable and use touchevents.
– The “Read more”-Button (“weiterlesen”) should be linked to the respective page.
Small Dropdown snippet:
with jQuery, all you need are just 3 lines of js and you have created a dropdown:
A 2 (or multiple) row responsive fluid layout, one row has fixed width, all rows have same height, a margin is between rows.
It collapses in mobile resolutions.
The code is minimal, no freaky negative margins or paddings. Everybody should be able to use it.
Fluid width row
Your bones don’t break, mine do. That’s clear. Your cells react to bacteria and viruses differently than mine. You don’t get sick, I do. That’s also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We’re on the same curve, just on opposite ends.
(Text by http://slipsum.com)
Fixed width row
Change browser width to see it respond.