CCC&D

Center for Craft, Creativity & Design

From the to-do list: Dev

✔ Homepage build

Comments

Justin Bernard on May 28, 2015:

http://cloud.fleeangrybear.com/image/2L110o1F251O

i'll have you psd in a few

for now lets get started with just boxes/images, text/details can come later

thx

Taylor Bernard on May 28, 2015:

send over Celeste and Univers font familys plz

Justin Bernard on May 28, 2015:

request sent.  work with boxes as much as you can, get them all done, before we do the text/images

thx

Justin Bernard on May 28, 2015:

brady said fonts should just be gotham and garamond for the serif

maybe its some random content area somewhere, or a field not visible

Taylor Bernard on May 29, 2015:

whats best way to code this.
could make a container box, then make a single container that holds image, txt, and logo, thats easy.
but if i want to put padding or margin on the right for spacing, then it screws up the last one, tries to make another row. make the first 3 the same with right padding, then the last one be called _end or something with no padding?

Justin Bernard on May 29, 2015:

should be able to just make everything float left, and use margin-right: ## to get the column spacing

Taylor Bernard on May 29, 2015:

what about something like this. where the left and right ones are stuck to the side of the div and you cant put right padding on the last one.

Justin Bernard on May 29, 2015:

ahh

you know how you can have more than one class per div

you do this

<div class="module">

<div class="module last">

and then in css, you give module{} the spacing you want, say margin-right: 10

then you make new class called last{} and give margin-right:0, to reset it essentially.  boom

just make sure you declare the 'last' class, last.  css overrides properties by the latest call..

Taylor Bernard on May 29, 2015:

that makes sense. cool trick

Justin Bernard on May 29, 2015:

now that you have a solid base down on css, 'tricks' like that will be the main thing you learn.  and you'll never stop, i learn new tricks like every time i code.  with the above method, you can start making css classes more simple.  you can make one class say , thats basic, and then have a few additions so you can customize it, and in the end have less code

for instance, you could make class my_box{}, and give it size
then make blue{} red{} etc, that give color.  so you can mix and match.  once get hang of it, more simple code thats easier to build/maintain

Taylor Bernard on June 1, 2015:

whats best practice for filling this div with 2 columns.