live look at me during the Lubbock 2020 Snowpocalypse

If you’re finding the time to read this, I can only hope that you are a hell of a lot warmer than I am. There is a raging blizzard swirling around outside and I have decided to use my last ounce of warmth to deliver this much anticipated blog. Ok, maybe there is an exaggeration on the amount of snowfall we have received, and sadly just as much exaggeration on how much anticipation there is for my story. Nonetheless I will provide high quality product as if my grade depended on it! You know, being a Meteorologist has to be one of the easiest jobs in the world. I mean seriously, is there anybody holding these guys accountable? If you haven’t caught on by now I am clearly upset about the amount of snow that we received versus the amount that was promised. However we did get just enough that I was able to spend a lot of much needed time for homework.

Class is starting to become very enjoyable due to the fact that I am starting to see the progress that I have made since day one. I am learning new tools each and every day and learning how to integrate them all together on a single project. The one thing that stuck out to me during this class, was how easy it was to make a website look good and function across a wide variety of screen sizes. Its as simple as using a media query, where basically the website asks the device what size it is and then follows a set of rules that you have pre- determined for that particular screen size via pixels. Its the exact same reason why a website would look different on your phone than it would on a seventy inch plasma tv. This can all be summed up by the art of making a website responsive!

2. What’s the difference between inline and inline-block?

When trying to understand how the internet reads webpages, think about a box, within a box, within a box within another box. As complex as this process sounds, just remember that everything is ones and zeros when it comes to computers. If computers don’t like to make it complicated than should you! The big difference between the two is that inline-block gave us a way to make boxes and customize them with width, height, and even the padding on the box. With inline none of the above is respected by the browser!

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

Well, as is often in life the first step of solving any issue is first to identify the problem, and where the problem is occurring. In technical terms, you have to find out what it is that is rendering the problem, and on which browser this is occurring. Once you have figured out which browser it is that is causing these problems you can make a separate stylesheet that will be the only style sheet to be read when that specific browser is trying to open the webpage. Another very useful tool that you can take advantage of is a library like bootstrap that automatically runs and checks the problems that you will encounter beforehand so that you can correct the problem right away.

4. What are the different ways to visually hide content (and make it available only for screen readers)?

Have you ever had things in life that you didn’t want anybody to see? Lucky for you if these things happened to be objects that were going to be displayed on a webpage, I am here to tell you that there are many ways to hide things from view. All the magic, of making things disappear, happen on the CSS stylesheet. You can use commands such as display: none; or even visibility: hidden;. You can also set the pixel count of said item to 0. Now even though we have achieved the goal of successfully hiding from view, we still have another task of the item still being read out loud by a screen reader. The solution is simple. Move the item off the screen so that it is till there, just no on the part of the webpage that is directly visible.

5. Describe BFC (Block Formatting Context) and how it works.

BFC is an attribute of the CSS rendering of the webpage on how the previously mentioned boxes are laid out. It is very important when it comes to the positioning of the items that come inside of it.

Lost in the world.