LaGuardia TechHire -- Open Code

Day 21: The Choice is Yours.

After a weekend of coding, I found that my insatiable appetite for food had translated to an insatiable appetite for web development. Monday’s are dreaded for most, but I came to class eager. Last week’s orientation an familiarization of the program allowed Kurt to jump right into the lesson. I was ready!


When starting a CSS stylesheet, we used to go element by element, customizing each one individually. There were a lot details that were standard unless you altered them. This inconvenience led us to the star selector * (No, I’m not talking about myself.). The star selector allows the user to target the whole stylesheet, this applies to CSS and HTML. That being said, watch out because it can lead to problems if you aren’t careful.  From previous exercises, I found two elements, in particular, that threw me off with there standard measurements: margin and padding. In star selector I can set both of these elements to 0%. Doing this removes the standard measurements and allows me to set set new values.

box-sizing: border-box;
margin: 0;
padding: 0;

It was day three and time to learn more advanced web making. Before moving into modern web development, we had to learn about the past. Float is a method of website making that is based on putting text around an image. This layout is often used for basic web pages that consist of a banner, aside (menu bar), main content and a footer; nothing too complicated. After this, I was ready for more, ready to step into 2017 of HTML and CSS. Tell me about flex!! (It’s true I need to go back to the gym, but can flex my website in the meantime!) Flex is used with a lot of current websites, especially those which feature columns and boxed content. With flex, order is extremely important. All items automatically have an order of zero,”0″. which brings things to the top of the page. When assigning a different number order, larger numbers go lower on the page.

Most websites want to give their viewers a method of providing feedback. This is usually done through forms, or an area to get in contact with the web page provider. These areas usually contain a space to enter your name, age, email, and other demographics. In fact, I provide a contact page for my viewers to Get in Touch!  When making a form, there are a few types of inputs you can provide. The three we worked with in class are text input, radio input, and checkbox input.

As the name suggests, text input is place where the user can type a message. An example of this could be writing a yelp review.

Screen Shot 2017-11-10 at 11.41.04 AM.png

Radio input is where the user can choose only one of the options provided. An example could be entering age range, a person cannot satisfy more that one of these options.

Checkbox input differs from radio input in the fact that the user can choose more than one option. An example of this can be used when ordering ordering pizza online. Here you can choose more than one option, go on, your tastebuds deserve it.

Screen Shot 2017-11-10 at 11.42.27 AM.png

Wed development is much like life, you have an endless amount of options and opportunities. I began this blog with a post asking “Who Will You Be?” and the choice is always yours. Life will present situations much like a form on a website. Sometimes you can answer with all the thoughts you hold. Sometimes you have to pick and choose one option over others. My favorite, sometimes you can choose as many options as you want. (All, nothing and everything in between.) I am glad I can see so many parallels between the craft I am learning and the life that I am living.



Leave a Reply

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

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

Google photo

You are commenting using your Google 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 )

Connecting to %s