drone build Tue Sep 8 09:15:34 PDT 2026
This commit is contained in:
@@ -135,7 +135,7 @@
|
||||
</tbody>
|
||||
</table>
|
||||
<h2 id="figma-sites">Figma Sites</h2>
|
||||
<p><a href="https://www.figma.com/sites/" target="_blank" rel="external">Figma Sites</a> allows you to turn a Figma design into a functioning website. It offers gen AI features. I tested two themes from Figma Community.</p>
|
||||
<p><a href="https://www.figma.com/sites/" target="_blank" rel="external">Figma Sites</a> allows you to turn a Figma design into a functioning website. It offers generative AI features. I tested two themes from Figma Community.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -183,7 +183,53 @@
|
||||
</tbody>
|
||||
</table>
|
||||
<h2 id="framer">Framer</h2>
|
||||
<p>To be explored.</p>
|
||||
<p><a href="https://framer.com" target="_blank" rel="external">Framer</a> is a full-featured site designer with a built-in CMS. It offers generative AI features.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Factor</th>
|
||||
<th>Notes</th>
|
||||
<th>Score</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Semantic HTML</td>
|
||||
<td>Tags can be set per-element in the &quot;Accessibility&quot; section of the right-hand pane. Takes work, but is doable with care.</td>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Keyboard navigation</td>
|
||||
<td>Browser default focus outlines. Some weird clipping of focus outlines in the testing I did. Focus states configurable with custom CSS.</td>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Reading order</td>
|
||||
<td>With proper layout settings, reading order can be correct. Takes some effort and can't really just be stumbled into.</td>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Text alternatives</td>
|
||||
<td>Supported.</td>
|
||||
<td>3</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Color</td>
|
||||
<td>Light and dark modes are possible.</td>
|
||||
<td>3</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Other</td>
|
||||
<td>&quot;Accessibility&quot; section of the right-hand pane allows adding tab index. Defaults to 1 rather than 0.</td>
|
||||
<td>1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><strong>13</strong></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h2 id="kiki">Kiki</h2>
|
||||
<p><a href="https://tomotama.com/kiki" target="_blank" rel="external">Kiki</a> is a simple site builder with no drag-and-drop elements. You can customize the CSS to your liking. I played with the demo site.</p>
|
||||
<table>
|
||||
@@ -477,7 +523,7 @@
|
||||
<h2 id="webflow">Webflow</h2>
|
||||
<p><a href="https://webflow.com/" target="_blank" rel="external">Webflow</a> is a drag-and-drop builder. Currently bottom of my review list due to AI features.</p>
|
||||
<h2 id="webnode">Webnode</h2>
|
||||
<p><a href="https://https://www.webnode.com">Webnode</a> is a drag-and-drop builder (with gen AI features). I reviewed a site built in it sent by the recommender as well as one of the premade themes.</p>
|
||||
<p><a href="https://https://www.webnode.com">Webnode</a> is a drag-and-drop builder (with generative AI features). I reviewed a site built in it sent by the recommender as well as one of the premade themes.</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -598,6 +644,10 @@
|
||||
<td>13</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Framer*</td>
|
||||
<td>13</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Startup</td>
|
||||
<td>13</td>
|
||||
</tr>
|
||||
@@ -646,16 +696,12 @@
|
||||
<td>Yet to review.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Framer*</td>
|
||||
<td>Yet to review.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Webflow*</td>
|
||||
<td>Yet to review.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>*Promotes gen AI features.</p>
|
||||
<p>*Promotes generative AI features.</p>
|
||||
<p>**Usability concerns on iPad.</p>
|
||||
</content>
|
||||
</entry>
|
||||
|
||||
Reference in New Issue
Block a user