Knowledge Sharing...
10.02.2015
Something before we start...
WORST PROGRAMMING LANGUAGE... EVER...
Malbolge
"Hello World" in Malboldge
('&%:9]!~}|z2Vxwv-,POqponl$Hjig%eB@@>}=<M:9wv6WsU2T|nm-,jcL(I&%$#"
`CB]V?Tx<uVtT`Rpo3NlF.Jh++FdbCBA@?]!~|4XzyTT43Qsqq(Lnmkj"Fhg${z@>
More cool languages (Esoteric Programming language family)
And so many more...
Say you need a button...
<button type="button" class="btn btn-default p-script-screenshot-btn">...</button>
Don't...
html
CSS
.p-script-screenshot-btn {
float: right
color: #0165a0;
border: none;
background-color: inherit;
}
Using floats for positioning is great...
But, It's
<button type="button" class="btn btn-default p-script-screenshot-btn pull-right">...</button>
Better...
html
CSS
.p-script-screenshot-btn {
color: #0165a0;
border: none;
background-color: inherit;
}
Now the CSS class is more generic :)
Remember that nice button ?
<button type="button" class="btn btn-default p-script-screenshot-btn>
<i class="fa fa-desktop"></i>
</button>
.p-script-screenshot-btn {
padding: 1px 6px;
color: #0165a0;
border: none;
background-color: inherit;
}
html
CSS
Another way to pull this off ?
<button type="button" class="btn btn-default p-script-screenshot-btn">
</button>
.p-script-screenshot-btn {
padding: 1px 6px;
color: #0165a0;
border: none;
background-color: inherit;
}
.p-script-screenshot-btn:after{
font-family: FontAwesome;
content: '\f108';
}
html
CSS
leverage the "content" property - generalize the component
Let's build ourselves a Person
What would a person have ?