Starting your new website’s design

4 Feb 2014

When you have got to start coding a new website, there’s nothing faster and easier in terms of design than starting with Bootstrap. This framework can be found here and allows you to create your website’s layout with some very easy tricks: just link the css, write some html code and class some of those tags, and you’re free to go with a great-looking Times-New-Roman-less front-end.

However, some of us might be detail-oriented or simply don’t like some Bootstrap features. In any case, we are not supposed to change the Bootstrap code, it’s recommended to use a personal stylesheet and override those properties.

Inspired by often.io, a place where you can store code you often use, here are some tweaks I usually do the standard Bootstrap library, thus becoming my usual starting point of the style.css file:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  letter-spacing: -0.5px;
}

p {
  margin: 0;
}

a, a:visited {
  text-decoration: none;
}

a:active, input[type="submit"]:active, button, input[type="reset"] {
  position: relative;
  top: 1px;
}

ul {
  overflow: hidden;
}