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. To make Sass trivially easy to start using, we used CodeKit.We made a “scss” folder in our project and made a global.scss file. We started to write a bit more complicated CSS, so we decided to start using Sass.We needed some content inside some modules so we used HTML-Ipsum to copy/paste some stuff in there.We also covered why it’s pretty much awesome all the time and we’d marry it if we could. In case we needed to use padding within those columns, we used universal box-sizing border-box to make sure the padding wouldn’t expand the columns and destroy our grid.We discussed using a last class to deal with the right-most column where we wanted to remove the margin, but ended up using :nth-child instead since last has no semantic value in a responsive enviornment where that column man not always be “last.” We set up a very simple three-column grid using percentages for widths and gutters.We didn’t use any HTML5 (other than the doctype) just because there wasn’t anything that warranted it yet. Basically a doctype, basic, and some divs for columns. They both have a gridular, modular kind of structure. We looked at a couple of websites we were going to base ours off: UXMad and BarCamp Tour.We opened up the folder in Sublime Text 2 and made an index.html file.Just made a folder on the desktop called “Interlink Workshop”. We covered a lot of ground so I thought I’d write up some notes. We literally went from nothing (creating a folder on the desktop) to a totally deployed website. I did my first ever workshop: a 3 1/2 hour romp I called “A Web Designer’s Workflow”. I was just at the Interlink conference in Vancouver, Canada.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |