Geek Logbook

Tech sea log book

50projectsIn50days – Day 24: Content Placeholder

A Card placeholder is a common element in a lot of web pages. Nowadays we can use it with differents frameworks. It is possible that x is the most famous of them. In the official documentation you can see it: Bootstrap Placeholders documentation

For educative purpose I’ve avoided the usage of this framework and, following the instructions in the video, go around the implementation of one by my own.

In the HTML there ar four classes which identify each element: card, card-content, card-excerpt and author. This tags are giving style by the stylesheet.

The script in Javascript insert the elements using the element property innerHTML. The data is generated by the APIs giving by RandomUser and Unsplash.

You can see the code in this GitHub Repository: 24.content_placeholder and the demo of the project is here: Content Placeholder

Leave a Reply

Your email address will not be published. Required fields are marked *.