A front-end developer works with languages like…
HTML, CSS and JavaScript
When you use very big font-sizes, you should…
Decrease font-weight
Why does color make such a great difference in web design?
Because there are psychological effects behind each color
Putting text directly on an image only works when:
The image is dark and the text is white
How does the floor fade technique work?
The image fades towards black at the bottom, with white text written over it
What is the css code to apply an overlay on the image?
.darken {
background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url(YOUR IMAGE HERE);
}
What is the css code to apply a floor fade?
.floor-fade {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) ), url(YOUR IMAGE HERE);
}
How do icons help users?
It allows users to quickly browse through a webpage and get an idea of what the website is all about.
What are the two rules of using icons for actions and links?
- Icons should be recognizable
2. Label your icons
T or F: Icons should play the main role.
False. It should be a supporting role, and not be the center of attention.
___ ____ use smooth vector images instead of raster images to display icons on your website.
font icons
______ is the key to create clean and minal websites.
whitespace
What are the four rules of applying whitespace?
- Put whitespace between your elements
- Put whitespace between your groups of elements
- Put whitespace between your website’s sections.
- But don’t exaggerate
What are the three rules to defining heirarcy?
- Define where you want your audience to look first.
- Establish a flow that corresponds to your content’s message.
- Use whitespace to build that flow
Why should we use icon fonts if possible?
Because they scale endlessly and therefore don’t blur.
Whitespace is the key to…
create a clean and simple look
When you design visual heirarchy…
You walk your users through the content’s message.
design should serve the ______.
content
