-
Design in a continuous production ready state. This is done by adhering to the column layout provided or agreed upon by the team. All wireframes, comps and prototypes will use this column layout. It is CRITICAL that ALL team members evaluate the products goals for presenting information to a user, agree on the best column layout and adhere to that layout through out the project. This will allow all team members to work parallel to each other and collaborate with a common knowledge of the design’s foundation and how it with be achieved.
-
Layers are organized with a logical semantic naming convention. This is so anyone can read, navigate and work off of your design. A good practice is to confer with your UX Designer and agree to names that he will in turn use in his CSS.
-
Child elements are grouped with in a parent element the same way a CSS parent class has nested child elements. This will maintain a module based layer structure. It will allow certain views and design elements to be moved,
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Bootstrap 2.2.2 | |
// PyroAdmin | |
// ----------------------------------------------------- | |
// TYPOGRAPHY | |
// ----------------------------------------------------- | |
// SCAFFOLDING | |
// ----------------------------------------------------- |
Following these guidelines helps to communicate that you respect the time of those developers managing and developing an open source project. In return, they should reciprocate that respect in addressing your issue and assessing patches and features.
If you think this guide can be improved, please share your thoughts.
Version 1, December 2009
Copyright (C) 2009 Philip Sturgeon [email protected]
Everyone is permitted to copy and distribute verbatim or modified copies of this license document, and changing it is allowed as long as the name is changed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Typekit delayed loading of Ansyc Fonts */ | |
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading p, .wf-loading a { visibility: hidden; } | |
/* Font-Face */ | |
@font-face { | |
font-family: @sansFontFamily; | |
src: url(../fonts/proxima-nova/proximanova-regular-webfont.eot?1307578394); | |
src: url('../fonts/proxima-nova/proximanova-regular-webfont.eot?iefix') format('eot'),url(../fonts/proxima-nova/proximanova-regular-webfont.woff?1307578394) format('woff'),url(../fonts/proxima-nova/proximanova-regular-webfont.ttf?1307578394) format('truetype'),url('../fonts/proxima-nova/proximanova-regular-webfont.svg#webfont2rpW2ohz') format('svg') | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* !START Responsive Queries*/ | |
// ----------------------------------------------------------------------------------------------------- | |
/* !Mobile Default - Landscape phone to portrait tablet */ | |
// ------------------------------------------------------ | |
@media (max-width: 767px) { | |
/* Styles */ | |
}// Close Query | |
/* !Mobile - Landscape Specific */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: gpl-3.0 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* Main CSS by Joshua Pekera | |
*/ | |
/* Table of Content | |
================================================== | |
:: Global Site Styles | |
:: Header & Global Nav | |
:: Side Nav | |
:: Content Containers & Grids |