RhianaH
Rhiana is a front end developer specialising in making web sites and applications accessible for people with disabilities. Combining her background in educational psychology and a love of computers.
Front End Naming Conventions
Rhiana Heath
Sep 2017
There are only two hard problems in Computer Science: cache invalidation and naming things — Phil Karlton
Block Element Modifier
class="block_element-modifier"
.banner {
background-colour: blue;
height: 60px;
}
.banner_title-white {
color: white;
text-align: center;
font-size: 2.45em;
}
.banner_title-yellow {
color: yellow;
text-align: center;
font-size: 2.45em;
}
.home_page_title-big {
font-size: 3.45em;
}
.home_page_title-small {
font-size: 1.45em;
}
.footer_title-left {
text-align: left;
}
.form_title-hidden {
display: none;
}
Inverted Triangle CSS
//Manifest file
@import 'settings'; // variables
@import 'tools'; // mixins
@import 'generic'; // boilerplate
@import 'objects_typography';
@import 'objects_buttons';
@import 'objects_forms';
@import 'components_header';
@import 'components_footer';
@import 'components_content';
Thanks past me! -- future you
By RhianaH