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 make image “hang over” above background?

    How to move text list items to align with an image list item

    How to structure CSS classes? By entities or by aspects?

    How to use HTML classes and ID's

    How can I programmatically position multiple backgrounds using Sass/Compass?

    how to make css dropdown menu a dropup menu

    How to neaten css shapes?

    How to get Owl Carousel Owl-Page (dots) Responsive

    CSS how to style the “content”/“background” attribute of a custom checkbox tick sign?

    How to select an element and its first child without repetition in CSS?

    How to add + and - to my menu tabs [closed]

    How to use Auto compiler for less and sass in visual studio

    codaSlider hack - how do I add little triangles overlaying an image

    How to give border to any element using css without adding border-width to the whole width of element?

    how does the path work in css and js

    HTML And CSS and Javascript: How to make a onclick even remove text in input text fields

    How to remove
     tag

    How can I use javascript or jQuery to make this table fill available width and height?

    How to convert columns to rows using CSS

    How to access to a CSS file in HTML?

    How to remove the extra space between two span elements?

    How to position HTML code over CSS

    How can you do this in CSS

    how to select :after element using jquery

    How to do this with vertically stacked tabs, instead of horizontal?

    In javascript, jQuery, or css how do I get a div or iframe to expand to fill rest of space

    How to set a background image in css?

    how I can set color of anything in css [closed]

    How can I make a div element float left after another float left while still filling the rest of the parent's width?

    css how to make this checkbox smaller