<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>grid</title>
    <link rel="self" type="application/atom+xml" href="https://links.biapy.com/guest/tags/906/feed"/>
    <updated>2026-10-31T17:41:09+00:00</updated>
    <id>https://links.biapy.com/guest/tags/906/feed</id>
            <entry>
            <id>https://links.biapy.com/links/895</id>
            <title type="text"><![CDATA[Tailwind Grid Generator]]></title>
            <link rel="alternate" href="https://www.tailwindgen.com/" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/895"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[Tailwind CSS grid generator is a tool that helps developers create custom Tailwind grid layouts more easily. The generator allows users to specify the number of columns, rows, the gutter size, the DIV width (span).

Related contents:

- [Épisode \#108 - Les news web dev pour Mars 2025 RC2 @ Double Slash :fr:](https://double-slash.dev/podcasts/news-mars-rc2/).]]>
            </summary>
            <updated>2025-08-28T18:26:35+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/4161</id>
            <title type="text"><![CDATA[Learn CSS Grid]]></title>
            <link rel="alternate" href="https://learncssgrid.com/" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/4161"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[A Guide to Learning CSS Grid by Jonathan Suh

CSS Grid is a powerful tool that allows for two-dimensional layouts to be created on the web. This guide was created as a resource to help you better understand and learn Grid, and was organized in a way I thought made the most sense when learning it.]]>
            </summary>
            <updated>2025-08-29T03:30:09+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/5853</id>
            <title type="text"><![CDATA[CSS Grid Generator]]></title>
            <link rel="alternate" href="https://cssgrid-generator.netlify.app/" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/5853"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[This project is a way for people to use CSS Grid features quickly to create dynamic layouts.

You can set the numbers, and units of your columns and rows, and I&amp;#039;ll generate a CSS grid for you! Drag within the boxes to create divs placed within the grid.

[CSS Grid Generator @ GitHub](https://github.com/sdras/cssgridgenerator).]]>
            </summary>
            <updated>2025-08-29T08:12:35+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/6202</id>
            <title type="text"><![CDATA[Angry Web Tools]]></title>
            <link rel="alternate" href="https://angrytools.com/" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/6202"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[Free web tools for speed up your development]]>
            </summary>
            <updated>2025-08-29T09:11:00+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/6503</id>
            <title type="text"><![CDATA[Grid by Example]]></title>
            <link rel="alternate" href="https://gridbyexample.com/" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/6503"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[This site is a collection of examples, video and other information to help you learn CSS Grid Layout.]]>
            </summary>
            <updated>2025-08-29T10:01:30+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/6586</id>
            <title type="text"><![CDATA[UHUGRID]]></title>
            <link rel="alternate" href="https://github.com/cipherlogs/uhugrid" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/6586"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[Reliable and fast alternative to the masonry and mosaic layout.
Creative layouts like masonry (Pinterest style) and mosaic are used all over the web. UHUGRID is a new alternative.
It is fast and it offers something none of the above could offer. It generates items that are visually appealing by using aspect ratios that are suited best for the available free space.
Named UHU because of its default behaviour. Glue all items together and don&amp;#039;t waste any free space. Everytime you refresh the page or request a layout change, a new layout will be generated even if the screen size stays the same.]]>
            </summary>
            <updated>2025-08-29T10:14:35+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/6659</id>
            <title type="text"><![CDATA[Animate CSS Grid]]></title>
            <link rel="alternate" href="https://github.com/aholachek/animate-css-grid" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/6659"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[Painless transitions for CSS Grid.
Seamlessly animate all CSS grid properties.
This script makes it easy to transition your CSS grid gracefully from one state to another. If the content of the grid changes, or if the grid or one of its children is updated with the addition or removal of a class, the grid will automatically transition to its new configuration.]]>
            </summary>
            <updated>2025-08-29T10:26:42+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/6850</id>
            <title type="text"><![CDATA[Alternate Column Scroll Animation]]></title>
            <link rel="alternate" href="https://github.com/codrops/ColumnScroll/" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/6850"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[A grid layout with columns that scroll in opposite directions using Locomotive Scroll.]]>
            </summary>
            <updated>2025-08-29T10:59:00+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/7412</id>
            <title type="text"><![CDATA[Grillade]]></title>
            <link rel="alternate" href="http://knacss.com/grillade" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/7412"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[&amp;amp;quot;Grillade&amp;amp;quot; est un système de grille simple et élaboré avec CSS3 Flexbox. Il est intégré par défaut dans le micro-framework KNACSS d&amp;#039;Alsacréations mais peut être utilisé de manière autonome sans nécessiter KNACSS ou d&amp;#039;autre dépendance.]]>
            </summary>
            <updated>2025-08-29T12:32:51+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/8262</id>
            <title type="text"><![CDATA[Jeet Grid System]]></title>
            <link rel="alternate" href="http://jeet.gs/" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/8262"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[We still build things the way machines read them - not the way we intuit them. Jeet allows you to express your page grid the same way a  it. No more needlessly nesting elements. No more rigid twelve column rules.  with less code, and more flexibility with]]>
            </summary>
            <updated>2025-08-29T14:54:20+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/8394</id>
            <title type="text"><![CDATA[jquery.tile.js]]></title>
            <link rel="alternate" href="https://github.com/urin/jquery.tile.js" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/8394"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[The lightest jQuery plugin to tile boxes.]]>
            </summary>
            <updated>2025-08-29T15:16:27+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/8417</id>
            <title type="text"><![CDATA[Javascript Grids]]></title>
            <link rel="alternate" href="https://github.com/Sam152/Javascript-Grids" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/8417"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[A simple jQuery plugin to allow users to create equal height containers and grids using JavaScript where CSS2 cannot.]]>
            </summary>
            <updated>2025-08-29T15:20:40+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/8429</id>
            <title type="text"><![CDATA[Awesome Grid]]></title>
            <link rel="alternate" href="https://github.com/kamalkhan/awesome-grid" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/8429"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[A jQuery plugin that allows you to display a responsive grid layout stacked on top of each other into rows and columns]]>
            </summary>
            <updated>2025-08-29T15:22:27+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/8607</id>
            <title type="text"><![CDATA[Masonry]]></title>
            <link rel="alternate" href="http://masonry.desandro.com/" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/8607"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.]]>
            </summary>
            <updated>2025-08-29T15:52:48+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/8752</id>
            <title type="text"><![CDATA[jQuery Nested]]></title>
            <link rel="alternate" href="http://suprb.com/apps/nested" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/8752"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts. Unlike other libraries and jQuery plugins similar to Nested, this is (as far I as I’ve know) the first script out there that allows you a complete gap-free layout. How is this done? Nested does three things. It creates a matrix of all elements and creates a multi column grid, similar to other libraries and scripts out there. Then it scans the maxtric for gaps and tries to fill them by reordering the elements. This is exactly how I’ve seen other newer libraries, scripts and modifications behave but if you stop here, the result will sometime leave unwanted gaps as well. That is why I added the last step, an option to resize any element at the bottom of the grid that is bigger (or smaller if you prefer) than the gap to make the grid completely gap-free.]]>
            </summary>
            <updated>2025-08-29T16:16:59+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/8945</id>
            <title type="text"><![CDATA[Yannis Chatzikonstantinou / Freetile.js]]></title>
            <link rel="alternate" href="http://yconst.com/web/freetile" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/8945"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[Freetile is a plugin for jQue­ry that en­ables the or­ganiza­tion of web­page con­tent in an ef­ficient, dynamic and re­spon­sive layout. It can be applied to a con­tain­er ele­ment and it will at­tempt to ar­range it&amp;#039;s childr­en in a layout that makes opt­im­al use of scre­en space, by &amp;amp;quot;pack­ing&amp;amp;quot; them in a tight ar­range­ment. Freetile has been the layout en­gine be­hind As­semblage and As­semblage Plus for al­most two years, and now it be­comes avail­able as an in­depen­dent Open Sour­ce pro­ject.]]>
            </summary>
            <updated>2025-08-29T16:49:27+00:00</updated>
        </entry>
    </feed>
