<?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: tilepieces</title>
    <description>The latest articles on DEV Community by tilepieces (@tilepieces).</description>
    <link>https://dev.to/tilepieces</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%2F842929%2Fc27f7936-76cf-4041-a156-753cf180ef82.jpg</url>
      <title>DEV Community: tilepieces</title>
      <link>https://dev.to/tilepieces</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/tilepieces"/>
    <language>en</language>
    <item>
      <title>introducing tilepieces: An open source project to visually editing HTML documents and Web applications</title>
      <dc:creator>tilepieces</dc:creator>
      <pubDate>Wed, 06 Apr 2022 12:49:34 +0000</pubDate>
      <link>https://dev.to/tilepieces/introducing-tilepieces-an-open-source-project-to-visually-editing-html-documents-and-web-applications-49mc</link>
      <guid>https://dev.to/tilepieces/introducing-tilepieces-an-open-source-project-to-visually-editing-html-documents-and-web-applications-49mc</guid>
      <description>&lt;p&gt;&lt;strong&gt;&lt;a href="https://tilepieces.net"&gt;Tilepieces&lt;/a&gt; is a software that allows you to create applications for editing HTML documents, using some of the popular interfaces of the browser developer tools (&lt;a href="https://tilepieces.net/documentation/using-tilepieces-with-browser-developer-tools.html"&gt;with which it is possible to integrate css edits&lt;/a&gt;).&lt;br&gt;
Tilepieces also &lt;a href="https://tilepieces.net/components.html"&gt;allows you to reuse your favorite code and libraries&lt;/a&gt;, and exposes &lt;a href="https://tilepieces.net/documentation/api/index.html"&gt;APIs that are useful for editing multiple files at a time&lt;/a&gt;.&lt;br&gt;
You can start using tilepieces with its &lt;a href="https://pwa.tilepieces.net/"&gt;progressive web application version&lt;/a&gt;!&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--NWVLS3bX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nmaep84bh9oeqjrxemhf.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NWVLS3bX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nmaep84bh9oeqjrxemhf.jpg" alt="Tilepieces - html inspector" width="880" height="604"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_bFkZedt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vuxcm2uuyi06qg4jj5rr.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_bFkZedt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vuxcm2uuyi06qg4jj5rr.jpg" alt="Tilepieces - css viewer" width="880" height="473"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Why Tilepieces?&lt;/strong&gt;&lt;br&gt;
Tilepieces has everything you need to manage and design the layout of all your web projects, be they newsletters, banners, websites or web applications.&lt;br&gt;
Any library and framework can be reused using its &lt;a href="https://tilepieces.net/documentation/data-structures/component.html"&gt;component data structure&lt;/a&gt;, similar to NPM's package.json.&lt;br&gt;
These data structures can be populated by the application &lt;a href="https://tilepieces.net/documentation/panels/package-manager/component-properties.html"&gt;itself&lt;/a&gt;.&lt;br&gt;
Its &lt;a href="https://tilepieces.net/documentation/api/index.html"&gt;API&lt;/a&gt; and the &lt;a href="https://github.com/tilepieces/tilepieces/blob/main/README.md"&gt;possibility of customization&lt;/a&gt; make it perfect as the basis of a CMS&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hvyjd9YF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yf2yukey7ovjtriddmq5.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hvyjd9YF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yf2yukey7ovjtriddmq5.jpg" alt="Tilepieces - component panel" width="880" height="464"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;How Tilepieces works&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://github.com/tilepieces/tilepieces"&gt;The project&lt;/a&gt; is built with itself, and uses some of the popular frontend libraries like &lt;a href="https://codemirror.net/"&gt;codemirror&lt;/a&gt; and &lt;a href="https://terser.org/"&gt;terser&lt;/a&gt;.&lt;br&gt;
To build a tilepieces application, read the &lt;a href="https://github.com/tilepieces/tilepieces/blob/main/README.md"&gt;instructions&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CBdRszZK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/brik001mtwuv3mk5fnz4.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CBdRszZK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/brik001mtwuv3mk5fnz4.jpg" alt="Tilepieces - bootstrap example" width="880" height="495"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--AKEdXb92--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z8xpcxn9nfkknpgyqgzw.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AKEdXb92--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z8xpcxn9nfkknpgyqgzw.jpg" alt="Tilepieces - ckeditor example" width="880" height="533"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;How to use Tilepieces&lt;/strong&gt;&lt;br&gt;
You can start use tilepieces immediately with its &lt;a href="https://pwa.tilepieces.net/"&gt;progressive web application version&lt;/a&gt;.&lt;br&gt;
If you like Node.js, there is an &lt;a href="https://github.com/tilepieces/tilepieces-node"&gt;npm package&lt;/a&gt; for you that will launch the application in your favourite browser.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>html</category>
      <category>css</category>
    </item>
  </channel>
</rss>
