Gridless: a responsive HTML5 and CSS3 boilerplate

#1

Post by thatcoolguy » Sun, Jun 12, 2011, 2:54 PM UTC

Gridless: a responsive HTML5 and CSS3 boilerplate
thatcoolguy.github.com

Re: Gridless: a responsive HTML5 and CSS3 boilerplate

#2

Post by beck5 » Sun, Jun 12, 2011, 3:49 PM UTC

To be honest, if compass doesn't have it I just dont care at the moment.

Re: Gridless: a responsive HTML5 and CSS3 boilerplate

#3

Post by thatcoolguy » Sun, Jun 12, 2011, 3:53 PM UTC

beck5 wrote: post #2

To be honest, if compass doesn't have it I just dont care at the moment.

I don't really see the need for a Compass version right now, but you can try to port it anytime. It'll be easy, since Gridless doesn't have any pre-made grid systems or classes.

Re: Gridless: a responsive HTML5 and CSS3 boilerplate

#4

Post by kuroir » Sun, Jun 12, 2011, 5:03 PM UTC

beck5 wrote: post #2

To be honest, if compass doesn't have it I just dont care at the moment.

I'm a Compass contributor and lover and I'm working on a framework which will provide the ultimate set of tools for front-end engineers.

Currently it's still undocumented and there are no examples; the project will gradually grow after I find some time to write some tests, but you can check it out here: https://github.com/kuroir/Survival-Kit

Survival Kit is to Compass(SASS) what Rails is to Ruby(Core-Library).

Re: Gridless: a responsive HTML5 and CSS3 boilerplate

#5

Post by kuroir » Sun, Jun 12, 2011, 5:05 PM UTC

Loved the test page. Good work!

Re: Gridless: a responsive HTML5 and CSS3 boilerplate

#6

Post by thatcoolguy » Sun, Jun 12, 2011, 5:13 PM UTC

kuroir wrote: post #5

Loved the test page. Good work!

Thank you! It's still a work in progress and I'll be adding more information on it gradually.

Re: Gridless: a responsive HTML5 and CSS3 boilerplate

#7

Post by nbashaw » Sun, Jun 12, 2011, 5:16 PM UTC

Awesome! I have been thinking about making something like this, but it looks like you did a better job than I would have. Responsive design is an idea who's time has come.

Re: Gridless: a responsive HTML5 and CSS3 boilerplate

#8

Post by thatcoolguy » Sun, Jun 12, 2011, 5:18 PM UTC

nbashaw wrote: post #7

Awesome! I have been thinking about making something like this, but it looks like you did a better job than I would have. Responsive design is an idea who's time has come.

Thanks :) I really think responsive web design and one web is the future of web design. There are some situations where a specific mobile website will be needed, but in the (near) future these will be very rare IMHO. If you have any cool ideas let me know with a pull request or something.

Re: Gridless: a responsive HTML5 and CSS3 boilerplate

#9

Post by retlehs » Sun, Jun 12, 2011, 5:34 PM UTC

Looks good, I've got few questions for you:

- Why put respond.js in the footer? (H5BP puts it up in the head with the call to Modernizr)

- Why self-close your meta and link tags if you're using HTML5?

- Why doesn't the image in the demo resize as you resize the window? (img { max-width: 100%; } fixes that)

Re: Gridless: a responsive HTML5 and CSS3 boilerplate

#10

Post by thatcoolguy » Sun, Jun 12, 2011, 5:44 PM UTC

retlehs wrote: post #9

Looks good, I've got few questions for you: - Why put respond.js in the footer? (H5BP puts it up in the head with the call to Modernizr) - Why self-close your meta and link tags if you're using HTML5? - Why doesn't the image in the demo resize as you resize the window? (img { max-width: 100%; } fixes that)

1. Respond.js is not in the footer, it is inside the tag. See here: https://github.com/thatcoolguy/gridless-boilerplate/blob/mas... 2. HTML5's syntax is not very strict, but I prefer closing void elements because I think it improves readability. 3. I chose not to add any responsive image style by default because of IE problems and Windows' rendering. I'm thinking of adding that soon.