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:
Tony Thomas <[log in to unmask]>
Reply To:
UofMN Web Standards <[log in to unmask]>
Date:
Fri, 30 Nov 2012 14:18:51 -0600
Content-Type:
multipart/alternative
Parts/Attachments:
text/plain (2921 bytes) , text/html (5 kB)
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