WEBSTANDARDS Archives

November 2012

WEBSTANDARDS@LISTS.UMN.EDU

Options: Use Monospaced Font
Show HTML Part by Default
Show All Mail Headers

Message: [<< First] [< Prev] [Next >] [Last >>]
Topic: [<< First] [< Prev] [Next >] [Last >>]
Author: [<< First] [< Prev] [Next >] [Last >>]

Print Reply
Subject:
From:
Ben Demaree <[log in to unmask]>
Reply To:
UofMN Web Standards <[log in to unmask]>
Date:
Fri, 30 Nov 2012 14:26:31 -0600
Content-Type:
multipart/alternative
Parts/Attachments:
text/plain (3256 bytes) , text/html (6 kB)
Aww shucks.  :-)

If you investigate the lovely Bourbon framework for grids, be sure to
investigate the companion framework, Neat.

http://neat.bourbon.io/
On Nov 30, 2012 2:18 PM, "Tony Thomas" <[log in to unmask]> wrote:

> Our brilliant student developer, Ben Demaree, has been using SASS<http://sass-lang.com/>with Bourbon
> mixins <http://bourbon.io/> to create fluid, semantic grids. I'm very
> impressed with what I've seen.
>
>
> On Fri, Nov 30, 2012 at 2:07 PM, Joe Goggins <[log in to unmask]> wrote:
>
>> +1 for bootstrap.
>>
>>
>> On Fri, Nov 30, 2012 at 1:25 PM, David Peterson <[log in to unmask]> wrote:
>>
>>> Bootstrap is great. Comes loaded with as much or as little as you'd like.
>>>
>>> http://twitter.github.com/bootstrap/scaffolding.html
>>>
>>>
>>> On Fri, Nov 30, 2012 at 1:08 PM, Lisa Anderson <[log in to unmask]> wrote:
>>>
>>>> I've used the Skeleton framework (http://www.getskeleton.com/), which
>>>> worked well with the responsive U of M header/footer. I just had to adjust
>>>> the breaking points to match. It is very simple and bare-bones, making it
>>>> easy to modify and add my own styles.
>>>>
>>>> Otherwise, if you are using Dreamweaver CS6, there is a new Fluid Grid
>>>> Layout feature that allows you to set the width/columns/etc. I'm planning
>>>> to use that going forward. This explains it a bit more:
>>>> http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
>>>> .
>>>>
>>>> Hope that Helps!
>>>>
>>>> Lisa Anderson
>>>> Graphic & Web Designer
>>>> University of Minnesota Printing Services
>>>> 612-625-7802
>>>>
>>>> Hours: M-F, 7am - 1:30pm
>>>> For assistance after 1:30pm, please contact Shawn Welch at 612-625-8064
>>>> .
>>>>
>>>> On Nov 30, 2012, at 12:56 PM, Kevin Bullock wrote:
>>>>
>>>> Hello all—
>>>>
>>>> I'm working on implementing a couple different sites from scratch, and
>>>> I want to do them both responsively, with a grid system. Given that the
>>>> current responsive headers & footers are max 960px wide, I can't use the
>>>> 1140 CSS Grid (cssgrid.net), nor any of the fluid-at-full-size systems
>>>> that might otherwise be my inclination.
>>>>
>>>> I'm looking at Gumby (gumbyframework.com), which provides both
>>>> 12-column and 16-column variants. (One of the sites is laid out on a
>>>> 16-column grid.) Are there others that meet these requirements (960 max
>>>> width, 16-column, responsive) that I should be looking at? Are there any
>>>> big downsides to using a framework at all (other than cluttering HTML with
>>>> non-semantic classes)?
>>>>
>>>> pacem in terris / мир / शान्ति / ‎‫سَلاَم‬ / 平和
>>>> Kevin R. Bullock
>>>>
>>>>
>>>>
>>>
>>>
>>> --
>>> David Peterson
>>> IT Professional
>>> Office of Institutional Research
>>> University of Minnesota
>>> http://www.oir.umn.edu
>>>
>>> 612-625-0914
>>> [log in to unmask]
>>>
>>
>>
>>
>> --
>> Joe Goggins, Web Developer
>> Academic Support Resources
>> 160 Williamson Hall
>> (612) 625-6116
>> [log in to unmask]
>>
>
>
>
> --
> Tony Thomas
> Web Developer
> University of Minnesota
> Student Unions & Activities
> 300 Washington Ave SE, Ste 500
> Minneapolis MN 55455
>
> Direct: 612-626-9820
> Fax:     612-624-7256
> sua.umn.edu <http://www.sua.umn.edu>
>
>


ATOM RSS1 RSS2