BlogPost_5 (5/26/19)

1. Describe one thing you learned in class today:

About the tons of amazing pages that exist such as this contact page: https://index.studio/contact

2. What are the various clearing techniques and which is appropriate for what context?

3. Describe Floats and how they work:

There are left, right and none for float. Each value indicates how an element should float. When float is set, each element will get out of its normal flow and will be shifted to the specified direction, until it gets its container or another floated element.

4. Why you would use a srcset attribute in an image tag? Explain the process the browser uses when evaluating the content of this attribute:

Srcset is an attribute which allows you to specify different kinds of images for different screen-sizes/orientation/display-types.

srcset gives the browser a choice. A lot of things can be used to select this choice like viewport size, users preferences, network condition and so on.

5. Have you ever used a grid system, and if so, what system do you prefer?

I’ve used both grid-box and flex-box and though I still require practice with both it’s tough to choose between the two. flex-box is perfect for static pages or an even better example is the NASA landing page.

Yet CSS Grid allows for many more options like that of the Dashboard.

6. How do you serve your pages for feature-constrained browsers?

• Graceful degradation — The practice of building an application for modern browsers while ensuring it remains functional in older browsers.
• Progressive enhancement — The practice of building an application for a base level of user experience, but adding functional enhancements when a browser supports it.
• Use caniuse.com to check for feature support.
• Autoprefixer for automatic vendor prefix insertion.
• Feature detection using Modernizr.

7. How would you approach fixing browser-specific styling issues?

I’d have both my text editor open as well as the page I’m working on (using live server). I’d then play around with the issue, thinking about better ways to fix the issue until I come up with a method that works. I’d also look for examples of similar issues online as others may have encountered the same issue before.