<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Ruud van Zuidam</title>
    <description>The latest articles on DEV Community by Ruud van Zuidam (@allrude).</description>
    <link>https://dev.to/allrude</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F65786%2F88541c85-b657-4074-843e-b5227558ec43.jpeg</url>
      <title>DEV Community: Ruud van Zuidam</title>
      <link>https://dev.to/allrude</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/allrude"/>
    <language>en</language>
    <item>
      <title>Fylgja a new CSS framework, WHY!</title>
      <dc:creator>Ruud van Zuidam</dc:creator>
      <pubDate>Sun, 29 Aug 2021 07:40:14 +0000</pubDate>
      <link>https://dev.to/fylgja/fylgja-a-new-css-framework-why-3b0n</link>
      <guid>https://dev.to/fylgja/fylgja-a-new-css-framework-why-3b0n</guid>
      <description>&lt;p&gt;Time to introduce Fylgja a new CSS framework, there are already a lot of CSS frameworks, almost everybody knows Bootstrap, Material and Tailwind.&lt;/p&gt;

&lt;p&gt;None of them are bad, each of them does the job, and if one of them fits the way you are working, you're probably happy.&lt;/p&gt;

&lt;p&gt;Looking around on dev.to you would find articles, describing CSS frameworks and their pros and cons, for example;&lt;/p&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/chetan_atrawalkar" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F655054%2F319c19c5-c069-4692-b50d-dd887a6e6e57.png" alt="chetan_atrawalkar"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/chetan_atrawalkar/20-best-css3-library-for-developers-58p" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;🚀20 Best CSS3 Library For Developers.&lt;/h2&gt;
      &lt;h3&gt;Chetan Atrawalkar ・ Jul 27 '21&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#css&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#beginners&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#codenewbie&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;



&lt;div class="ltag__link"&gt;
  &lt;a href="/vetheedixit" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F385377%2F23e1b650-9034-4eb3-accc-15c28bf4f9fe.jpg" alt="vetheedixit"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/vetheedixit/11-best-css-frameworks-to-look-forward-in-2020-3p3p" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;11 Best CSS Frameworks To Look Forward In 2020&lt;/h2&gt;
      &lt;h3&gt;Vethee Dixit ・ Jun 3 '20&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#css&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#framework&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#design&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;



&lt;div class="ltag__link"&gt;
  &lt;a href="/themeselection" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__org__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F7642%2F0f558665-6cea-4d27-bbcd-51c7c8426fdc.png" alt="ThemeSelection" width="800" height="800"&gt;
      &lt;div class="ltag__link__user__pic"&gt;
        &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F307204%2F326109cb-a894-412a-b963-1cf36950736d.jpg" alt="" width="300" height="300"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/themeselection/best-css-frameworks-in-2020-1jjh" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Best CSS Frameworks in 2022&lt;/h2&gt;
      &lt;h3&gt;ThemeSelection for ThemeSelection ・ Sep 8 '20&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#css&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#opensource&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#html&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;



&lt;div class="ltag__link"&gt;
  &lt;a href="/pravunathsingh" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F239473%2F7f70634b-f2f0-429f-994a-fd4565bac65b.png" alt="pravunathsingh"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/pravunathsingh/battle-of-the-frameworks-which-one-to-choose-and-why-27ke" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Battle of the Frameworks, Which one to choose and why.&lt;/h2&gt;
      &lt;h3&gt;Pravunath Singh ・ Apr 26 '21&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#css&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#tailwindcss&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#beginners&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#frontend&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


&lt;blockquote&gt;
&lt;p&gt;The Best is of course opinionated, choose what works for you,&lt;br&gt;
and always check Github to see if there is active development.&lt;br&gt;
A dead framework is not a great investment.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;So why! Fylgja, well because its a very good tool for frontenders who understand CSS and need a consistent basis for their projects.&lt;/p&gt;

&lt;p&gt;Some history, years ago we started working with Bootstrap 2, using it for frontend design, we developed it as an extend / utility pack to give us tools to work better and faster.&lt;/p&gt;

&lt;p&gt;Initially developed with LESS and Grunt we switched to SCSS and GULP, and it became a daily tool for us, &lt;a href="https://fylgja.dev/about" rel="noopener noreferrer"&gt;read the full story here&lt;/a&gt;. &lt;/p&gt;

&lt;p&gt;On the road we learned from others and we continuously kept developing it to improve things, and since we are only human and are proud of our product we like to share it with you all.&lt;/p&gt;

&lt;p&gt;We put it on Github and released version 1 on 22 June this year, you can find  the Website with the documentation on &lt;a href="https://fylgja.dev" rel="noopener noreferrer"&gt;Fylgja.dev&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Of course, we could fill this article with exaggerating marketing text, telling you how good it is, and why we’re the best (we are 😁) but no BS here, Take a look, try it out, use it and contribute if you like.&lt;/p&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/fylgja" rel="noopener noreferrer"&gt;
        fylgja
      &lt;/a&gt; / &lt;a href="https://github.com/fylgja/fylgja" rel="noopener noreferrer"&gt;
        fylgja
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      The flexible and lightweight CSS library designed to streamline your web development.
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;


</description>
      <category>fylgjacss</category>
      <category>css</category>
      <category>framework</category>
      <category>frontend</category>
    </item>
  </channel>
</rss>
