How do I display content in a way like UICollectionView on the web?


Tags: ios,css,html5,web,dynamic-websites

Problem :

I'm an iOS developer. I don't know anything about the web beyond basic HTML/CSS. I am trying to learn some modern web techniques by updating my personal site. My goal is to make dynamic requests to, say, the iTunes store to get all of my apps and display them in a scrollable list— as you'd do with UICollectionView on iOS.

I have no idea where to start. I find that there are zillions of web frameworks, many of which have other dependencies, and often explain what they do in terms of other frameworks' functionality.

How do I get started? I would google around but I don't even know what to search for.

EDIT: To be clear, I'm looking for something like the "Viewers Also Bought" section on this page: https://itunes.apple.com/us/movie/beetlejuice/id282447504

enter image description here



Solution :

Since your aim is dynamic content, then you will need PHP & Javascript (IMO, PHP is enough since your apps doesn't change on the spot, i.e. you don't need to update the list while the user is viewing the page). And about showing the apps in a scrollable list, you can use HTML <table> tag.

Hope it helps.


    CSS Howto..

    How to remove CSS attribute such that HTML attribute will take effect again?

    How to make hover dynamic in CSS?

    How to make the table fit to the mobile screen size in css?

    XPath how to find second element with CSS class name

    How to add shadow to reverse c radial gradient only at the edges?

    How to center css menu and get rid of left margin space in ie?

    How should I change css style of fixed element to not crossing scrollbar

    How can i expand the content through css?

    How can I vertically and horizontally center a DIV?

    How do I get CSS table columns to line up?

    CSS Sprites - How to align and make responsive?

    How to catch this nth-child() with css

    How can I compile LESS files that @import other LESS files?

    CSS: How to make selectable boxes?

    How to make lightbox scroll the lightbox and not the page

    How to use imported css styles in GWT correctly

    How to keep css background image blurred inside a container?

    how to show limited text in css [closed]

    CSS: 2-column table, how to make one column as small as possible but no wrap and the other as big as possible?

    How to set Height of a table in a Bootstrap as the value of Width using CSS?

    How can I inline the label with the input horizontally and the inputs vertically

    Adobe Flex Show Content inside Rectangle (itemRenderer)

    How to automatically validate after typing the input without using any frameworks, just simple code for my registration form?

    How to get @media to take precedence over normal styling

    how can I center the image in my div? (so far the left border of my img is centered)

    How to position these images in CSS?

    How to create pentagon shape for avatar image?

    How to copy the html contents of one iframe to another iframe including CSS?

    3x3 CSS grid: how to make center div the only one with a fixed height/width?

    How can I modify footer color dynamically when I switch to another page in html and css