Web Design Skills Resume Research

For this assignment, I will be discussing some research I did about how to write a skills resume. Resume’s are a vital must for anyone looking for a job, without them, no one would have a job. Regardless, a good resume has a good skills list. Basically, a skills list lists your skills, it tells your employer what you can do. One cant just simply put down anything off the top of their heads. There are several different types of skills that go into a resume’s skill list. For starters, you need to list skills relating to the job your trying to acquire. This one may be obvious, but it is non-the-less vital. Next, you need social skills. In a work environment, you may be required to work with others. These types of skills may come naturally to some, but can be difficult for others. Regardless of the case, these skills are necessary when interacting with others (fellow coworkers, customers, etc). Finally, you’ll need some transferable skills, these skills can be applied to multiple fields such as technology, data (research and information gathering), and social.

Another important factor for skills is how they are organized. These may be obvious, but are just as important. Firstly, you need to organize your skills based on how they closely relate to the job you want to acquire. Skills that are related go first, while skills barely or unrelated go last. Next, keep the format of you resume constant throughout it. If you use a bullet point list on one section of your resume, be sure to use it anywhere else that makes sense. Another thing to keep in mind is to not overload your skills section with anything off the top of your head. Keep your list primarily focused on skills that relate to the job. Finally, be sure to have someone proof read your resume for any errors and critique. Getting feedback allows you to understand what you may have done wrong and what you can do to fix it.

 

Sources:

https://www.monster.com/career-advice/article/resume-skills-section

https://uptowork.com/blog/what-skills-to-put-on-a-resume

https://www.thebalance.com/how-to-create-a-professional-resume-2063237

https://resumegenius.com/how-to-write-a-resume/skills-section-writing-guide

 

 

Web Design 2 Fifth Assignment

For this assignment, I will be discussing 2 new layout methods in CSS: Flexbox and Grid.

First Up is Flexbox. Flex box is a new layout mode for CSS. A flex box layout consists of a flex container which holds the flex items. The coding is moderately simple, Flexbox code begins with .flexcontainter. Any children of the flexcontainter is automatically made a flex item. All Flex items are laid out in order of source code and are laid out in a horizontal fashion on the left side of the container. If the flex items are too big, they can be shrunk easily and equally.

Next is the Grid. The Grid, like Flexbox is a new layout mode for CSS. The Grid is a two dimensional grid-based layout system. the Grid system is slightly more easier to use, as the coding is .container { display: grid }. You can also set it’s own columns and rows with grid-template-columns and grid-template-rows.

Next, lets quickly review some tutorials on how to properly use Grid and Flexbox

For Flexbox:

  1. https://internetingishard.com/html-and-css/flexbox/. This site provides a decent amount of information. It also has good visuals and coding examples
  2. https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties. This site is very detailed. It not only provides a good explanation to flex box, but has an area to see the actual coding and a demo area.
  3. https://www.youtube.com/watch?v=k32voqQhODc. This video contains an in depth look at flex box. A tutorial with someone not only explaining the code, but working it as well. Only downsides are related to youtube (ads and whatnot)

For Grid

1.https://css-tricks.com/snippets/css/complete-guide-grid/. This site contains a wide detailed explanation towards grid, including visual code. The only negative about it is that there is a lot of information to go through.

2. https://scotch.io/tutorials/getting-started-with-css-grid-layout. This site also contains a wide array of information, it also includes a sort of demo area(s) on the site to see how the code works and what it does when it runs. It does have as much info as the previous site, but can still be a touch annoying to slog through.

3. https://webdesign.tutsplus.com/tutorials/css-grid-layout-quick-start-guide–cms-27238. This site has quick information good for a quick short introduction to Grid. It may not contain much information, but it what it does have is essential for beginners to Grid.

 

Finally, I will discuss briefly why The Gird is superior to older CSS methods.

A simple way to compare the Grid with older methods of CSS is to compare it to one of the more popular older methods: Bootstrap. For starters, the coding is much more simpler than Bootstrap, allowing you to keep our lines of code short and too the point. Grid is also more flexible than Bootstrap, while you do have to add a few more lines of code, the pay off is a much more intricate end result. Finally, the Gird is not limited to only having a 12 column layout. With Grid, you can have shorter more concise layouts.

 

Web Design 2 Fourth Assignment

For this assignment, I will be reviewing some CSS layout templates, as well as reviewing CSS preprocessors.

https://www.w3schools.com/css/css_templates.asp: The site allows you to see the code of the template and automatically test it. Templates are a tad generic with not a lot of options to choose from.

http://www.free-css.com/free-css-layouts/page1: has multiple options to choose from, also allows you to see a live demo. Does not show coding unless you download it.

https://templated.co: has more detailed examples. Also allows you to demo them before downloading. Has lots of options, but you won’t be able to see the code until you download.

https://designshack.net/articles/css/715-awesomely-simple-and-free-css-layouts/: This site doesn’t have its own templates, but instead points out sites with other templates. Has a wide variety of options. Some of the links don’t work anymore.

https://justfreetemplates.com/web-templates: has a variety of detailed examples. Tells you what each one has when you click “view”. Cant see code until you download.

A preprocessor is something that converts one data type into another. It converts code written in a preprocessed language into the CSS most programmers use. Thus, because these preprocessors aren’t CSS, they aren’t bound by the limitations of CSS. CSS is generally rigid and stuck on certain aspects, while this makes CSS reliable, it doesn’t make it flexible. That’s where preprocessors come in, as long as the code works in plain CSS, it can do a lot of things. The only real issues with CSS are if you are working with a team, you all have to use the same preprocessor or things will get screwy fast. For those not working on a team, they have to look out for the fact that when a client or a different developer modifies the CSS code, you have to modify that code directly and can’t use the preprocessor.

List of CSS preprocessor: https://envato.com/blog/css-preprocessors/

 

 

Web Design 2 Third Assignment

For this post, I will be review/describe  some PHP resources

http://www.binarytides.com/35-techniques-to-enhance-your-php-code/: this site is a good guide for those new to PHP. It not only explains what to do, but provides pictures and good examples.

https://www.thegeekstuff.com/2014/04/optimize-php-code/: This resources is a good place to go once you know a bit about what your doing. It provides some good tips to make you PHP codes run smoother.

http://content.wisestep.com/how-to-become-a-good-php-developer-fantastic-tips/: A good series of tips. Excellent for beginners and professionals, it provides good general tips, not just specific to coding.

https://www.cyberciti.biz/tips/php-security-best-practices-tutorial.html: a good series of security tips. Not only does it provide specifics for php, but some of these tips are good for coding security in general.

http://toppersworld.com/top-10-php-debugging-tools-for-web-developers/: a series of debugging tools, complete with links to the tools. It also provides a image of what the tools look like and a short description about it. Note: it seems the last item is no longer available for use as the link to it is crossed out.

 

 

 

 

Web Design 2 Second Assignment

For this assignment I will be summarizes a few articles on web typography and giving my opinion on how we can use things like CSS and web fonts to improve the impact and feel of a website.

Here is a quick summary of the six articles I read:

I learned that numbers can be just as important as letters and words, deserving the same care to detail as other text. I discovered about variable fonts and how they can be modified to suit the website makers needs. I learned about the importance of accessibility and making sure as many people as possible can read and understand the content of a website. I understood the importance of understanding how typography became what it is today. I learned about saving a style guide or template of your site design to use and modify for later websites. Finally,  learned about the advantages and disadvantages of using symbols instead of normal letters and words.

 

 

If I was creating a website I would do research on other sites similar to what I want to create, understanding why others designed those sites the way they did. Then, I would code the text similar to my notes, understanding what goes where. For accessibility, I would understand what fonts most computers have and have not, adding fonts that allow for easier reading via @font face. I would code font symbols sparingly, mostly using letters and words. Finally, I would save all that I did as a template and modify it when making other websites.

 

Urls: https://alistapart.com/article/the-era-of-symbol-fonts

Creating Style Guides

User Interfaces for Variable Fonts

How We Read

Accessibility Whack-A-Mole

Web Typography: Numerals

 

 

Web Design 2 First Assignment

Hello, my name is Aidan Hamlin. I am creating this blog as a part of my Web Design 2 class at MCC. When I am not doing homework or other school related stuff, I liked to play video games.

 

Now for this first blog post, I will be discussing domain registrars and web hosting. When you register a domain name, you essential buy that name so that no one else can use it. When you get web hosting space, that means you are buying an area on a server to use for your website.

If I was theoretically looking for a web host, I would probably go to GoDaddy. They are a trusted company that provides good help for those trying to create their own websites, offering tutorials, customer support, and free trails at some of the tools. I haven’t really used this site myself, but it seems to be trusted based on it’s long history, focus on making sure you get what you want and it’s wide variety of options. I can’t really tell if the prices are good though (again, haven’t really used any website making stuff that much so I don’t know if GoDaddy’s prices are a good deal, but they seem like it to me). From my understanding, they are currently(as of this writing) having a deal where you can get domain names at reduced prices for the first year.

Note: this blog is for my Web Design 2 class at MCC, please do not respond or comment unless you are a teacher at MCC or a fellow student.