<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Design on Simple Enough Blog</title><link>https://blog-dev.simpleenough.net/tags/design/</link><description>Recent content in Design on Simple Enough Blog</description><generator>Hugo</generator><language>en</language><lastBuildDate>Wed, 21 Jan 2026 10:00:00 +0100</lastBuildDate><atom:link href="https://blog-dev.simpleenough.net/tags/design/index.xml" rel="self" type="application/rss+xml"/><item><title>AI, Code, and Design: Why the Most Important Thing Hasn’t Changed</title><link>https://blog-dev.simpleenough.net/blog/codedesign/</link><pubDate>Wed, 21 Jan 2026 10:00:00 +0100</pubDate><guid>https://blog-dev.simpleenough.net/blog/codedesign/</guid><description>&lt;h2 id="i-introduction" class="heading">I. Introduction&lt;a href="#i-introduction" aria-labelledby="i-introduction">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>
&lt;p>AI-powered coding assistants are now capable of producing:&lt;/p>
&lt;ul>
&lt;li>syntactically valid code,&lt;/li>
&lt;li>working code,&lt;/li>
&lt;li>and even a certain form of reasoning about code structure.&lt;/li>
&lt;/ul>
&lt;p>Faced with this, a legitimate question arises:&lt;br>
&lt;strong>do we still need to learn how to code, or is it enough to learn design and leave the rest to AI?&lt;/strong>&lt;/p>
&lt;p>This question lies at the heart of a video titled &lt;em>“The Skill That Separates Good Developers from GREAT Ones”&lt;/em> by &lt;strong>Emily Bache&lt;/strong>, which offers a nuanced answer deeply rooted in the fundamentals of software engineering.&lt;/p></description></item><item><title>Developing with AI: What Changes, What Stays, and What Becomes Critical</title><link>https://blog-dev.simpleenough.net/blog/ia/</link><pubDate>Wed, 07 Jan 2026 10:00:00 +0100</pubDate><guid>https://blog-dev.simpleenough.net/blog/ia/</guid><description>&lt;h2 id="i-introduction" class="heading">I. Introduction&lt;a href="#i-introduction" aria-labelledby="i-introduction">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>
&lt;p>AI-powered coding assistants have profoundly changed developers’ day-to-day work.&lt;br>
They generate working code in seconds, propose complete implementations, and drastically reduce the time spent on repetitive tasks.&lt;/p>
&lt;p>This evolution raises a central question:&lt;/p>





 &lt;blockquote class="blockquote">
 &lt;p>&lt;strong>If code can be produced easily, where does the developer’s value now lie?&lt;/strong>&lt;/p>
 &lt;/blockquote>
&lt;p>To answer it, we must look not at what AI &lt;em>can&lt;/em> do, but at &lt;strong>what it does not take responsibility for&lt;/strong>.&lt;/p></description></item><item><title>CSS Color Palette: How to Choose and Combine Colors Effectively</title><link>https://blog-dev.simpleenough.net/blog/colorpalette/</link><pubDate>Tue, 16 Sep 2025 15:13:06 +0200</pubDate><guid>https://blog-dev.simpleenough.net/blog/colorpalette/</guid><description>&lt;h2 id="i-why-a-well-thought-css-color-palette-matters" class="heading">I. Why a Well-Thought CSS &lt;strong>Color Palette&lt;/strong> Matters&lt;a href="#i-why-a-well-thought-css-color-palette-matters" aria-labelledby="i-why-a-well-thought-css-color-palette-matters">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>
&lt;p>A well-designed palette ensures &lt;strong>visual consistency&lt;/strong>, reinforces &lt;strong>brand identity&lt;/strong>, and provides a &lt;strong>smooth user experience&lt;/strong>. It simplifies code maintenance, avoids redundant colors, and allows for &lt;strong>easy theme adaptation&lt;/strong> (light/dark). Following best practices also enhances &lt;strong>accessibility&lt;/strong>: sufficient contrast, and visual cues beyond just color.&lt;/p>
&lt;hr>




&lt;h2 id="ii-understanding-css-color-formats-hex-rgb-hsl-keywords" class="heading">II. Understanding CSS &lt;strong>Color Formats&lt;/strong> (hex, RGB, HSL, keywords)&lt;a href="#ii-understanding-css-color-formats-hex-rgb-hsl-keywords" aria-labelledby="ii-understanding-css-color-formats-hex-rgb-hsl-keywords">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>
&lt;p>CSS offers several formats to define colors:&lt;/p></description></item><item><title>Understanding the CSS Box Model</title><link>https://blog-dev.simpleenough.net/blog/boxmodel/</link><pubDate>Mon, 04 Aug 2025 16:09:45 +0200</pubDate><guid>https://blog-dev.simpleenough.net/blog/boxmodel/</guid><description>&lt;h2 id="i-what-is-the-css-box-model" class="heading">I. What is the CSS Box Model?&lt;a href="#i-what-is-the-css-box-model" aria-labelledby="i-what-is-the-css-box-model">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>
&lt;p>In CSS, &lt;strong>every HTML element is treated as a rectangular box&lt;/strong>. This is called the &lt;strong>box model&lt;/strong>.&lt;/p>
&lt;p>The box model defines &lt;strong>how an element&amp;rsquo;s total size is calculated&lt;/strong>, and how it interacts with surrounding elements.&lt;/p>
&lt;p>An HTML element consists of &lt;strong>4 main areas&lt;/strong>:&lt;/p>
&lt;div class="mb-3 syntax-highlight">&lt;pre tabindex="0">&lt;code>+-------------------------------+
| margin (outer) |
| +-------------------------+ |
| | border (border) | |
| | +-------------------+ | |
| | | padding (space) | | |
| | | +---------------+ | | |
| | | | content | | | |
| | | +---------------+ | | |
| | +-------------------+ | |
| +-------------------------+ |
+-------------------------------+&lt;/code>&lt;/pre>&lt;/div>&lt;hr>




&lt;h2 id="ii-the-4-parts-of-the-box-model" class="heading">II. The 4 Parts of the Box Model&lt;a href="#ii-the-4-parts-of-the-box-model" aria-labelledby="ii-the-4-parts-of-the-box-model">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>




&lt;h3 id="1-content" class="heading">1. &lt;code>content&lt;/code>&lt;a href="#1-content" aria-labelledby="1-content">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h3>
&lt;p>The &lt;strong>actual content&lt;/strong> of the element (text, image, button…).&lt;/p></description></item></channel></rss>