It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
PPK digs into the subject, which he found woefully undercovered in web tech documentation. Our entry doesn’t mention them at all, which I’ll aim to fix.
Agree on this situation:
… Read article “Negative Margins”This is by far the most common use case for negative margins. You give a container a padding so that its contents have some breathing space. However, you want the header to span the entire container, ignoring the padding. Negative margins are the way to go.
The margin property defines the outermost portion of the box model, creating space around an element, outside of any defined borders.
Margins are set using lengths, percentages, or the keyword auto and can have negative values. Here’s an example:
.box {
margin: 0 3em 0 3em;
}margin is a shorthand property and accepts up to four values, shown here:
.box {
margin: <margin-top> || <margin-right> || <margin-bottom> || <margin-left>
}If fewer than four values are set, the missing … Read article “margin”
Headers are an important factor in web design, they can either make or break a design. Since web 2.0, we have seen many design trends and one of the most groundbreaking is the big header. However, headers have remained boxy throughout.
Blueflavor, a mobile design website, has bucked this trend with something I have yet to see elsewhere and does not require great CSS skills to create.
As you can see they have the menu and start of the … Read article “Blue Flavor Header Design Technique”
