<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>layout</title>
    <link rel="self" type="application/atom+xml" href="https://links.biapy.com/guest/tags/2006/feed"/>
    <updated>2026-06-14T17:03:28+00:00</updated>
    <id>https://links.biapy.com/guest/tags/2006/feed</id>
            <entry>
            <id>https://links.biapy.com/links/10490</id>
            <title type="text"><![CDATA[CSS Layout Generator]]></title>
            <link rel="alternate" href="https://layout.bradwoods.io/" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/10490"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[The Braid Design System believes UI (User Interface) components should not provide surrounding white space. For example, a list item having a margin below it to add a gap between itself and the next item. This margin breaks component encapsulation, making it harder to use. A well-built component should not affect anything outside itself.

Related contents:

- [\#118 - Les news sur le développement web et l&amp;#039;IA pour septembre 2025 RC1 @ Double Slash :fr:](https://double-slash.dev/podcasts/sept25-rc1/).]]>
            </summary>
            <updated>2025-10-02T05:50:04+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/4474</id>
            <title type="text"><![CDATA[Bento Grids]]></title>
            <link rel="alternate" href="https://bentogrids.com/" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/4474"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[Bento Grids is a curated collection of tiles-based layouts that were popularized by Apple with their summary slides.

The main idea behind bento is to present the key takeaways in a very visual and easy-to-consume way. Bento layouts are great for showcasing brand identity, summarizing product features, and much more.]]>
            </summary>
            <updated>2025-08-29T04:22:37+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/5924</id>
            <title type="text"><![CDATA[TailSurge]]></title>
            <link rel="alternate" href="https://tailsurge.vercel.app/" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/5924"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[Create Stunning Layouts with Ease using TailSurge. A layout generator to easily create the code for Tailwind CSS. 

[TailSurge @ GitHub](https://github.com/VenoM9078/tailsurge).]]>
            </summary>
            <updated>2025-08-29T08:24:40+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/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/7459</id>
            <title type="text"><![CDATA[Yoga]]></title>
            <link rel="alternate" href="https://facebook.github.io/yoga" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/7459"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[Yoga is a cross-platform layout engine enabling maximum collaboration within your team by implementing an API familiar to many designers and opening it up to developers across different platforms.]]>
            </summary>
            <updated>2025-08-29T12:40:53+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/8344</id>
            <title type="text"><![CDATA[rowGrid.js]]></title>
            <link rel="alternate" href="https://github.com/brunjo/rowGrid.js" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/8344"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[rowGrid.js is a small, lightweight (~800 bytes gzipped) jQuery plugin for placing images (or other items) in straight rows.

The grid is similar to grids on Google Image Search, flickr, shutterstock and Google+ images.]]>
            </summary>
            <updated>2025-08-29T15:08:23+00:00</updated>
        </entry>
            <entry>
            <id>https://links.biapy.com/links/9190</id>
            <title type="text"><![CDATA[Ingrid &amp;amp;#8212; a fluid CSS layout system]]></title>
            <link rel="alternate" href="http://piira.se/projects/ingrid" />
            <link rel="via" type="application/atom+xml" href="https://links.biapy.com/links/9190"/>
            <author>
                <name><![CDATA[Biapy]]></name>
            </author>
            <summary type="text">
                <![CDATA[Ingrid is a lightweight and fluid CSS layout system, whose main goal is to reduce the use of classes on individual units. Making it feel a bit less obtrusive and bit more fun to reflow for responsive layouts.]]>
            </summary>
            <updated>2025-08-29T17:29:40+00:00</updated>
        </entry>
    </feed>
