<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by CJ Patoilo on Medium]]></title>
        <description><![CDATA[Stories by CJ Patoilo on Medium]]></description>
        <link>https://medium.com/@cjpatoilo?source=rss-a4c84402511e------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*F7ktM_sGhT4eEvLm8U6ZPw@2x.jpeg</url>
            <title>Stories by CJ Patoilo on Medium</title>
            <link>https://medium.com/@cjpatoilo?source=rss-a4c84402511e------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Wed, 08 Apr 2026 20:06:18 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@cjpatoilo/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com" rel="hub"/>
        <item>
            <title><![CDATA[Launching Milligram v1.4]]></title>
            <link>https://cjpatoilo.medium.com/launching-milligram-v1-4-a25882d9b227?source=rss-a4c84402511e------2</link>
            <guid isPermaLink="false">https://medium.com/p/a25882d9b227</guid>
            <category><![CDATA[css-framework]]></category>
            <category><![CDATA[css]]></category>
            <category><![CDATA[release-notes]]></category>
            <category><![CDATA[milligram]]></category>
            <dc:creator><![CDATA[CJ Patoilo]]></dc:creator>
            <pubDate>Tue, 18 Aug 2020 00:56:49 GMT</pubDate>
            <atom:updated>2020-11-18T16:19:08.444Z</atom:updated>
            <content:encoded><![CDATA[<h4>A minimalist CSS framework</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*UUm9ivehAENETWlH53rBBQ.png" /></figure><p><a href="https://github.com/milligram/milligram">milligram/milligram</a></p><p>In the last month was launching Milligram v1.4, featuring:</p><p>- Added support for input form types<br>- Added support for multiple options on the select element<br>- Added support for responsive table<br>- Added support for new offset size on the grid element<br>- Added support for Gitpod<br>- Added new code linter: Prettier and StandardJS<br>- Added .npmignore back to root<br>- Updated the command name to run the visual regression testing<br>- Updated Node.js version to v12<br>- Updated Normalize.css version to v8<br>- Updated the color type of the select element<br>- Removed support for EditorConfig and ESlint<br>- Removed support for Yarn</p><p>Here you can see all changes since the last release: <a href="https://github.com/milligram/milligram/compare/v1.3.0...v1.4.1">v1.3.0…v1.4.0</a></p><h3>Highlights</h3><p>In this version, the changes were mainly in the development environment, and the Form and the Table components.</p><p>The Table component received support for responsive tables and the Form component received improvements in the select field and support for new fields:</p><p>- color<br>- date<br>- month<br>- week<br>- datetime<br>- datetime-local</p><p>The most significant changes were in the project settings. The Node.js was updated to the current version v12.</p><p>The EditorConfig + ESlint support has been removed to enter the new code style: Prettier + Standard. Besides, the Yarn support was removed.</p><h3>Credit</h3><p>I’m very excited to see the continued growth in Milligram. On GitHub, the project has been starred over 8,000 times.</p><p>I had many independent collaborators, and since the last version, I have received many contributions.</p><p>I am thankful to our community, including all the external feedback and contributions that helped shape this release.</p><p>Special thanks to <a href="https://github.com/danielruf">Daniel Ruf</a>, a long-time Milligram community member who contributed to multiple features.</p><p>This release was brought to you by the contributions of <a href="https://github.com/maicolsantos">@maicolsantos</a>, <a href="https://github.com/mkody">@mkody</a>, <a href="https://github.com/promatik">@promatik</a>, <a href="https://github.com/marcusasplund">@marcusasplund</a>, <a href="https://github.com/juriy">@juriy</a>, <a href="https://github.com/valentineus">@valentineus</a>, <a href="https://github.com/schirrel">@schirrel</a>, <a href="https://github.com/imsurinder90">@imsurinder90</a>,<a href="https://github.com/nuttasitoonwat">@nuttasitoonwat</a>, <a href="https://github.com/chuckreynolds">@chuckreynolds</a>, <a href="https://github.com/fooksupachai">@fooksupachai</a>, <a href="https://github.com/ent8r">@ent8r</a>, and <a href="https://github.com/sveneffinge">@svenefftinge</a>.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=a25882d9b227" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Chalkboard | Share your code and collaborate with developers around the world]]></title>
            <link>https://cjpatoilo.medium.com/chalkboard-share-your-code-and-collaborate-with-developers-around-the-world-9321c064bd7b?source=rss-a4c84402511e------2</link>
            <guid isPermaLink="false">https://medium.com/p/9321c064bd7b</guid>
            <category><![CDATA[snippet]]></category>
            <category><![CDATA[introducing]]></category>
            <category><![CDATA[chalkboard]]></category>
            <category><![CDATA[open-source]]></category>
            <dc:creator><![CDATA[CJ Patoilo]]></dc:creator>
            <pubDate>Thu, 19 Dec 2019 19:57:40 GMT</pubDate>
            <atom:updated>2020-08-18T02:51:57.180Z</atom:updated>
            <content:encoded><![CDATA[<h3>Introducing Chalkboard</h3><h4>Share your code and collaborate with developers around the world</h4><figure><img alt="Chalkboard | Share your code and collaborate with developers around the world" src="https://cdn-images-1.medium.com/max/1024/1*VbS8CK2d90Exia10FNKgVQ.png" /><figcaption>Chalkboard | Share your code and collaborate with developers around the world</figcaption></figure><p>After 2 years, today I am very happy to introduce Chalkboard to the world. It’s available and ready to use on <a href="https://chalkboard.space">https://chalkboard.space</a>.</p><blockquote>Chalkboard is a safe home for you to find everything you need to create, store, and share code snippets in a fast and secure way. It’s a distraction-free writing space and for anyone who needs to get their codes down fast.</blockquote><p>My motivation was to create something where I could apply my recent React studies and somehow contribute to the developer community. The experience has been fascinating, and again I learned a lot more than I expected.</p><p>Well, here are some features that Chalkboard brings to you:</p><p><strong><em>Built For Sharing<br></em></strong><em>Chalkboard lets you share your board via social networks — that’s it. You decide who and when will see your board.</em></p><p><strong><em>Code Anything<br></em></strong><em>Chalkboard supports multiple languages to make you even more comfortable writing code without worry.</em></p><p><strong><em>Never Lose Your Progress<br></em></strong><em>Your coding automatically saves as you type, even if you’re offline. It’ll always save, even if you forget to save before leaving.</em></p><p><strong><em>Safe Ship Mode<br></em></strong><em>Chalkboard sends your encrypted data using the quality of the best security services. Protecting your information is extremely important to us.</em></p><p><strong><em>Unlimited Boards<br></em></strong><em>For now, Chalkboard provides unlimited boards for free. It helps us keep the lights on so you can keep coding. Support Chalkboard right now!</em></p><p><strong><em>Realtime Interaction<br></em></strong><em>Real-time functionality is present in your favorite apps. All interactions deliver information as it happens — views, applauses, stars, comments.</em></p><p><strong><em>More Productivity<br></em></strong><em>Chalkboard is a platform for sharing any kind of code. It’s meant to help you get your thoughts down — and shared — fast.</em></p><p><strong><em>Cross-Platform Support<br></em></strong><em>Publish from your browser, mobile device, or any platform with our highly-rated application.</em></p><p><strong><em>Open Source</em></strong><em><br>Chalkboard is Open Source (MIT) and maintained by the community on GitHub. Help us keep this project open and inclusive.</em></p><p><em>That’s it. </em>Now I hope you’ll get lost on our boards with awesome codes and super profiles. Do you want to star it, tweet it, or share it with anyone? So do it! This means a lot to me ♥</p><p>(<a href="https://github.com/cjpatoilo/chalkboard">https://github.com/cjpatoilo/chalkboard</a>)</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/1*Vi3w5vaa7thXv595rgVPNQ.png" /><figcaption><a href="https://chalkboard.space">chalkboard.space</a></figcaption></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=9321c064bd7b" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Launching BannerCLI | Create a banner comment from package data]]></title>
            <link>https://cjpatoilo.medium.com/launching-bannercli-create-a-banner-comment-from-package-data-99fd51f36ccc?source=rss-a4c84402511e------2</link>
            <guid isPermaLink="false">https://medium.com/p/99fd51f36ccc</guid>
            <category><![CDATA[tooling]]></category>
            <category><![CDATA[javascript]]></category>
            <category><![CDATA[open-source]]></category>
            <dc:creator><![CDATA[CJ Patoilo]]></dc:creator>
            <pubDate>Wed, 11 Dec 2019 02:19:16 GMT</pubDate>
            <atom:updated>2020-08-18T02:53:40.322Z</atom:updated>
            <content:encoded><![CDATA[<h3>Introducing BannerCLI</h3><h4>Create a banner comment from package data</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/1*twTEoa-thPb7qfCw-sKTZQ.png" /><figcaption>Create a banner comment from package data</figcaption></figure><blockquote>A command-line interface to add relevant information to your source code from package data. This lib reads the package.json files, then a banner is generated based on each of these values: name, version, homepage, year, author and license.</blockquote><p>…</p><p>I am always looking for a way to simplify common tasks. Developing tools that help me automate some actions is the best way to learn something new. BannerCLI was born with a very simple goal: get the information from the package.json to register in any file.</p><p>I use BannerCLI to build some personal projects: <a href="https://github.com/milligram/milligram">Milligram</a>, <a href="https://github.com/airform/airform">Airform</a>, <a href="https://github.com/cjpatoilo/openfb">OpenFB</a>, <a href="https://github.com/cjpatoilo/react-chip">ReactChip</a>, and <a href="https://github.com/cjpatoilo/">others</a>. BannerCLI is Open Source (MIT) and <a href="https://github.com/cjpatoilo/banner-cli">available on GitHub</a>, with over +13k downloads and +125 dependents.</p><p>I hope you enjoy!</p><p>(<a href="https://github.com/cjpatoilo/banner-cli">https://github.com/cjpatoilo/banner-cli</a>)</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=99fd51f36ccc" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Lorem ipsum]]></title>
            <link>https://medium.com/usehope/lorem-ipsum-c6a6ba22d465?source=rss-a4c84402511e------2</link>
            <guid isPermaLink="false">https://medium.com/p/c6a6ba22d465</guid>
            <dc:creator><![CDATA[CJ Patoilo]]></dc:creator>
            <pubDate>Tue, 12 Sep 2017 03:14:30 GMT</pubDate>
            <atom:updated>2017-09-12T03:14:30.909Z</atom:updated>
            <content:encoded><![CDATA[<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=c6a6ba22d465" width="1" height="1" alt=""><hr><p><a href="https://medium.com/usehope/lorem-ipsum-c6a6ba22d465">Lorem ipsum</a> was originally published in <a href="https://medium.com/usehope">Hope</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Introducing Milligram]]></title>
            <link>https://cjpatoilo.medium.com/milligram-a-minimalist-css-framework-e0496aea8167?source=rss-a4c84402511e------2</link>
            <guid isPermaLink="false">https://medium.com/p/e0496aea8167</guid>
            <category><![CDATA[open-source]]></category>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[css]]></category>
            <category><![CDATA[framework]]></category>
            <category><![CDATA[flexbox]]></category>
            <dc:creator><![CDATA[CJ Patoilo]]></dc:creator>
            <pubDate>Wed, 30 Dec 2015 17:17:43 GMT</pubDate>
            <atom:updated>2020-08-18T02:22:58.013Z</atom:updated>
            <content:encoded><![CDATA[<h4>A minimalist CSS framework</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*X0VlTxstzafqEATiSg3yHg.png" /></figure><p>2015 has been an incredible year, and is not over yet! 👊</p><p>Two weeks ago I began to devote a little more of my free time to share a personal project. Of course, this project did not have all the features that it currently has, not even a concern with other forms of distribution. I was honing and improving each feature one by one during those days, while analyzing the way they were implemented in other projects.</p><p>This experience has been fascinating. I learned much more than I expected. And that phrase was the inspiration for all these days, and somehow, I hope that at some point can also serve to you.</p><blockquote>“Even if people say — don’t reinventing — I think it should be reinvented, because it will teach you something. So even if there is already something out there, dive into their code, and perhaps rewrite everything, even if it’s just to learn. “<br>- TJ Holowaychuk</blockquote><p>Well, here’s one more CSS framework. (https://github.com/milligram/milligram)</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/1*KElvK6rK_WH1mYbCp8pB5A.png" /><figcaption><a href="https://milligram.io"><em>milligram.io</em></a></figcaption></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=e0496aea8167" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>