![]() We specifically declared font-weight to exactly what we have available to avoid gross faux styles. We picked as few as possible to accomodate our needs, keeping things fast, as the file size of font files can add up quick. We made sure to watch which font weights we were using.To make it easier to download and use at home, the final version is using Google Fonts. For fonts, we showed how quick and easy it is to use Typekit to use lovely custom fonts.Part of the fun was making the module header bars, which we used negative margins to pull back out from the padding in the modules. We set up some typographic styles for our modules.We watched as CodeKit injected new CSS styles into the page without reloading, which is wicked sweet for stated applications.Linux users, you’re so fancy you don’t need any help here. Windows users that can’t use CodeKit, check out the Beta LiveReload.We made sure CodeKit processed the scss into “compressed” format which is the most efficient way to serve CSS and also as a reminder to anyone accidentally opening the file that they shouldn’t be editing it.That CSS file is what we linked to from our index.html file. ![]() We simply drug the folder into the CodeKit window then told CodeKit to process our global.scss file into a global.css in a “css” folder.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |