freelish.us freelish.us
  • Login
  • Public

    • Public
    • Groups
    • Recent tags
    • Popular
    • Directory

Notices tagged with grids

  1. Massimo Lombardo Massimo Lombardo

    #grid

    • css
    • design
    • development
    • framework
    • grid
    • grids
    • html
    • javascript
    • js
    • layout
    • layouts
    • overlay
    • page
    • pages
    • toggle
    • tool
    • tools
    • web
    • webdesign
    • webdev
    • webdevelopment
    • wireframe
    • wireframes
    • wireframing

    This little tool inserts a layout grid in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background.

    Tuesday, 07-Sep-10 11:01:43 UTC from web
  2. Massimo Lombardo Massimo Lombardo

    jQuery Masonry · David DeSandro

    • code
    • column
    • columns
    • css
    • design
    • development
    • float
    • floats
    • grid
    • grids
    • html
    • javascript
    • jquery
    • js
    • layout
    • layouts
    • plugin
    • plugins
    • tools
    • ui
    • web
    • webdesign
    • webdev

    Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

    Thursday, 02-Sep-10 21:36:50 UTC from web
  3. Massimo Lombardo Massimo Lombardo

    Fluid 960 Grid System | 16-column Grid

    • 960
    • 960gs
    • css
    • design
    • development
    • fluid
    • framework
    • frameworks
    • grid
    • grids
    • gridsystem
    • html
    • layout
    • system
    • web
    • webdesign
    • webdev

    Monday, 12-Jul-10 10:42:21 UTC from web
  4. Massimo Lombardo Massimo Lombardo

    Grid Based Designs | inspiration gallery

    • archive
    • collection
    • design
    • examples
    • gallery
    • graphic
    • grid
    • grids
    • inspiration
    • layout
    • portfolio
    • showcase
    • web
    • webdesign
    • webdev

    Monday, 12-Jul-10 10:39:35 UTC from web
  5. Massimo Lombardo Massimo Lombardo

    Tiny Fluid Grid

    • builder
    • columns
    • design
    • development
    • fluid
    • generator
    • grid
    • grids
    • layout
    • tool
    • tools
    • web
    • webdesign
    • webdev
    • webdevelopment

    The happy & awesome way to build fluid grid based websites.

    Monday, 12-Jul-10 10:37:56 UTC from web
  6. Massimo Lombardo Massimo Lombardo

    The 960 Grid System Made Easy | Six Revisions

    • 960
    • 960gs
    • css
    • design
    • development
    • grid
    • grids
    • gridsystem
    • html
    • system
    • web
    • webdesign
    • webdev
    • webdevelopment

    Monday, 12-Jul-10 10:35:03 UTC from web
  7. Massimo Lombardo Massimo Lombardo

    Typograph – Scale & Rhythm

    • baseline
    • css
    • design
    • font
    • fonts
    • generator
    • grid
    • grids
    • gridsystem
    • layout
    • lineheight
    • rhythm
    • scale
    • text
    • tool
    • tools
    • type
    • typography
    • vertical
    • verticalrhythm
    • web
    • webdesign
    • webdev

    Monday, 08-Feb-10 18:09:10 UTC from web
  8. Massimo Lombardo Massimo Lombardo

    960 Layout System | Grids made easy

    • 960
    • 960gs
    • 960ls
    • blueprint
    • css
    • design
    • editor
    • generator
    • grid
    • grids
    • html
    • layout
    • programming
    • system
    • template
    • web
    • webdesign
    • webdev
    • webdevelopment

    Thursday, 28-Jan-10 16:57:55 UTC from web
  9. Arjan Muthert Arjan Muthert

    YUI: CSS Grid Builder

    • css
    • editor
    • grids
    • javascript
    • layout
    • template
    • web20
    • webdesign
    • xhtml
    • yahoo
    • yui

    Friday, 30-Oct-09 10:15:21 UTC from web
  10. Massimo Lombardo Massimo Lombardo

    gridr buildrrr

    • builder
    • code
    • css
    • design
    • development
    • generator
    • grid
    • grids
    • html
    • layout
    • resource
    • resources
    • tool
    • tools
    • typography
    • web
    • webdesign
    • webdev
    • webdevelopment

    Monday, 06-Jul-09 00:43:54 UTC from web
  11. Massimo Lombardo Massimo Lombardo

    --- Gridmaker v3 ---

    • baseline
    • calculator
    • css
    • design
    • development
    • generator
    • grid
    • grids
    • layout
    • photoshop
    • resource
    • resources
    • tool
    • tools
    • typography
    • web
    • webdesign
    • webdevelopment

    Monday, 06-Jul-09 00:41:06 UTC from web
  12. Massimo Lombardo Massimo Lombardo

    YUI: CSS Grid Builder

    • aria
    • builder
    • code
    • css
    • design
    • development
    • editor
    • framework
    • generator
    • grid
    • grids
    • html
    • interface
    • javascript
    • layout
    • order
    • resource
    • resources
    • role
    • tool
    • tools
    • web
    • webdesign
    • webdev
    • webdevelopment
    • xhtml
    • yahoo
    • yui

    Monday, 06-Jul-09 00:24:01 UTC from web
  13. Massimo Lombardo Massimo Lombardo

    Plumb

    • blueprint
    • builder
    • code
    • css
    • design
    • designer
    • development
    • framework
    • generator
    • grid
    • grids
    • html
    • layout
    • tool
    • tools
    • web
    • webdesign
    • webdev
    • webdevelopment

    This is Plumb, a web layout composition tool for use with the Blueprint framework. Pretty much you just draw some stuff up above and it makes HTML for you.

    Monday, 06-Jul-09 00:18:49 UTC from web
  14. Massimo Lombardo Massimo Lombardo

    Grid Calculator

    • calculator
    • code
    • columns
    • css
    • design
    • development
    • generator
    • grid
    • grids
    • html
    • javascript
    • layout
    • layouts
    • resource
    • resources
    • tool
    • tools
    • typography
    • web
    • webdesign
    • webdev
    • webdevelopment

    Monday, 06-Jul-09 00:11:11 UTC from web
  15. Massimo Lombardo Massimo Lombardo

    Variable Grid System :: SprySoft :: Cardiff based website design ...

    • 960
    • 960gs
    • calculator
    • css
    • design
    • development
    • framework
    • generator
    • generators
    • grid
    • grids
    • html
    • layout
    • resources
    • system
    • tool
    • tools
    • web
    • webdesign
    • webdev
    • webdevelopment

    The variable grid system is a quick way to generate an underlying CSS grid for your site. The CSS generated file is based on the 960 Grid System.

    Monday, 06-Jul-09 00:09:06 UTC from web
  16. Massimo Lombardo Massimo Lombardo

    Grid System Generator

    • 960
    • 960gs
    • css
    • design
    • development
    • framework
    • generator
    • generators
    • grid
    • grids
    • html
    • layout
    • resources
    • system
    • tool
    • tools
    • web
    • webdesign
    • webdev
    • webdevelopment
    • webstandards
    • xhtml

    Sunday, 05-Jul-09 23:50:16 UTC from web
  17. Massimo Lombardo Massimo Lombardo

    The 1KB CSS Grid by Tyler Tate :: A simple, lightweight approach

    • 1kb
    • 960
    • code
    • css
    • design
    • development
    • fluid
    • framework
    • frameworks
    • generator
    • grid
    • grids
    • html
    • layout
    • lightweight
    • resource
    • resources
    • tool
    • tools
    • web
    • webdesign
    • webdev
    • webdevelopment

    Other CSS frameworks try to do everything—grid system, style reset, basic typography, form styles. But complex systems are, well, complex. Looking for a simple, lightweight approach that doesn't require a PhD? Meet The 1KB CSS Grid.

    Sunday, 05-Jul-09 23:47:10 UTC from web
  18. Massimo Lombardo Massimo Lombardo

    A List Apart: Articles: Fluid Grids

    • accessibility
    • alistapart
    • code
    • css
    • design
    • development
    • em
    • ems
    • fluid
    • grid
    • grids
    • html
    • layout
    • layouts
    • liquid
    • structure
    • type
    • typeface
    • typography
    • usability
    • ux
    • web
    • webdesign
    • webdev
    • webdevelopment
    • xhtml

    How awesome would it be if you could combine the aesthetic rigor and clarity of fixed-width, grid-based layouts with the device- and screen size independence and user-focused flexibility of fluid layouts?

    Thursday, 02-Jul-09 17:04:32 UTC from web
  19. Massimo Lombardo Massimo Lombardo

    A List Apart: Articles: Faux Absolute Positioning

    • absolute
    • alistapart
    • code
    • column
    • columns
    • css
    • design
    • development
    • faux
    • float
    • grid
    • grids
    • html
    • layout
    • layouts
    • liquid
    • position
    • standard
    • standards
    • web
    • webdesign
    • webdev
    • webdevelopment
    • xhtml

    Another advantage of the technique is that it mitigates much of the fragility of floats. When the content of a floated box is wider than the box itself, it pushes the next box to the right (and by consequence, the box often drops down). With faux absolute positioning, the box to the right stays in place, no matter what.

    Thursday, 02-Jul-09 14:36:46 UTC from web
  20. Massimo Lombardo Massimo Lombardo

    Carrer Blog: 1 line CSS Grid Framework

    • code
    • css
    • design
    • development
    • framework
    • frameworks
    • grid
    • grids
    • html
    • layout
    • percent
    • web
    • webdesign
    • webdev
    • webdevelopment

    This is the challenge of writing entire CSS layout system with one line CSS class. I just wanted to prove how easy CSS can be, and with little imagination we can be build cool things. I started with the principle that every column can be divided by two, becoming half column or 50% column. So how can we build CSS Layout system with this principle?

    Wednesday, 10-Jun-09 09:32:56 UTC from web
  • Before

Site notice

  • Confirm your email!
  • We're back!
  • Import del.icio.us bookmarks
  • Bookmarklet

Feeds

  • Activity Streams
  • RSS 1.0
  • RSS 2.0
  • Atom
  • Help
  • About
  • FAQ
  • TOS
  • Privacy
  • Source
  • Version
  • Contact

freelish.us is a microblogging service brought to you by StatusNet. It runs the StatusNet microblogging software, version 1.1.0-release, available under the GNU Affero General Public License.

Creative Commons Attribution 3.0 All freelish.us content and data are available under the Creative Commons Attribution 3.0 license.

Switch to mobile site layout.

Built in Montreal