Blog 3: Mijlo Essentials

Screen Shot 2015-02-23 at 11.59.03 AM

Mijlo Essentials is a website created to complement a designer’s Kickstarter campaign for a better pack pack. The backpack developed by Mijlo is designed to be sustainable, timeless and simple. The Essentials website focuses on these traits as well.  The wite has come up with a creative way to showcase the creative items.

What I like about this website is mostly it’s background color and its positioning.

Screen Shot 2015-02-23 at 11.59.33 AM

Something I learned from its CSS language that might be helpful to me in the future:

Screen Shot 2015-02-23 at 11.56.34 AM

1. Positioning

According to the W3school, the CSS positioning properties allow you to position an element. It can also place an element behind another, and specify what should happen when an element’s content is too big.

There are four different positioning method, which are:

1) Static Positioning: static positioned elements are not affected by the top, bottom, left, and right properties.

2) Fixed Positioning: an element with a fixed position is positioned relative to the browser window, and will not move even if the window is scrolled.

3) Relative Positioning: a relative positioned element is positioned relative to its normal position.

4) Absolute Positioning: an absolute position element is positioned relative to the first parent element that has a position other than static.

The Mijlo Essentials website has used all four positioning methods

2. overflow

W3school explains that the overflow property specifies what happens if content overflows an element’s box. If it’s hidden, it means the overflow is clipped, and the rest of the content will be invisible. If it’s scroll, then the overflow is clipped, but a scroll-bar is added to see the rest of the content. And if it’s auto, a scroll-bar should be added to see the rest of the content.

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s