<?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: kkll</title>
    <description>The latest articles on DEV Community by kkll (@kkllst9).</description>
    <link>https://dev.to/kkllst9</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4082859%2F88d3ff19-f3a6-484f-bad0-22dc5414ea05.png</url>
      <title>DEV Community: kkll</title>
      <link>https://dev.to/kkllst9</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/kkllst9"/>
    <language>en</language>
    <item>
      <title>portrait-mode dare: a small workflow experiment that exposed a bigger problem</title>
      <dc:creator>kkll</dc:creator>
      <pubDate>Wed, 26 Aug 2026 03:01:16 +0000</pubDate>
      <link>https://dev.to/kkllst9/portrait-mode-dare-a-small-workflow-experiment-that-exposed-a-bigger-problem-4h19</link>
      <guid>https://dev.to/kkllst9/portrait-mode-dare-a-small-workflow-experiment-that-exposed-a-bigger-problem-4h19</guid>
      <description>&lt;p&gt;For this DEV Community note, I tried a deliberately small experiment today: portrait-mode dare. The rule was simple — rotate only after the frame check. I was not looking for a dramatic productivity transformation. I wanted to see whether one tiny constraint could make the next action easier to explain, repeat and review.&lt;/p&gt;

&lt;p&gt;The surprising part was how quickly the real problem appeared. It was not a shortage of tools. It was cropping by accident. When the work is spread across tabs, drafts, messages and dashboards, activity can look like progress even when nobody can point to the latest reliable state.&lt;/p&gt;

&lt;p&gt;So I separated the workspace into two roles. One side held the stable reference: the brief, the requirement, the customer sentence or the expected output. The other side held the changing work: the draft, test, render, query or live page. That separation made comparison less emotional. Instead of asking whether the work felt finished, I could ask whether the changing side still matched the stable side.&lt;/p&gt;

&lt;p&gt;The most useful checkpoint was the frame that tells the story. That checkpoint is intentionally observable. A teammate should be able to open it without needing the story in my head. If the evidence cannot survive a handoff, it is probably not evidence yet.&lt;/p&gt;

&lt;p&gt;This also changed the way I think about automation. A fast workflow is not automatically a dependable workflow. Dependability comes from visible inputs, a reversible next step and a clear terminal state. “The button was clicked” is not the same as “the result is publicly available.” “The job started” is not the same as “the output passed review.”&lt;/p&gt;

&lt;p&gt;There was a social benefit too. Small operating rules reduce the amount of interpretation people have to do for one another. A timestamp, an exact link, a saved comparison or a one-line failure condition can prevent a long chain of optimistic assumptions. The rule does not need to be clever. It needs to be easy to follow when everyone is tired.&lt;/p&gt;

&lt;p&gt;My current version of the routine is: keep one reference fixed, change one thing at a time, record the last verified state, and stop when the evidence becomes ambiguous. That last step matters. Continuing through ambiguity often creates more cleanup than progress.&lt;/p&gt;

&lt;p&gt;I am curious how other people handle this. What is the smallest rule in your workflow that consistently prevents cropping by accident? I am especially interested in rules that work under real deadlines, not just on a perfectly organized day.&lt;/p&gt;

&lt;p&gt;For developers, I would turn the rule into a lightweight run log: input, action, observed output, expected output and next safe step. No heavy framework is required. The point is to make the debugging trail readable before the context disappears.&lt;/p&gt;

&lt;p&gt;AI-assisted draft, reviewed before posting.&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>tools</category>
    </item>
    <item>
      <title>Lifelong 0826 lifelong3 DEV Community 09:18 — portrait-mode dare</title>
      <dc:creator>kkll</dc:creator>
      <pubDate>Wed, 26 Aug 2026 02:07:17 +0000</pubDate>
      <link>https://dev.to/kkllst9/lifelong-0826-lifelong3-dev-community-0918-portrait-mode-dare-4c4e</link>
      <guid>https://dev.to/kkllst9/lifelong-0826-lifelong3-dev-community-0918-portrait-mode-dare-4c4e</guid>
      <description>&lt;p&gt;Lifelong 0826 lifelong3 DEV Community 09:18 — portrait-mode dare&lt;/p&gt;

&lt;p&gt;Today’s desk experiment is portrait-mode dare. It starts with a mildly embarrassing truth: cropping by accident is easy when the work disappears behind layers of windows. The fix is not “more screen.” The useful move is giving the vertical storyboard and the landscape timeline different jobs, then writing down the moment when the decision changes.&lt;/p&gt;

&lt;h2&gt;
  
  
  The opening scene
&lt;/h2&gt;

&lt;p&gt;At 09:18, freeze one real task. Put the vertical storyboard on the first display. Put the landscape timeline on the second. Do not clean up the evidence before looking at it. The awkward tab, stale timestamp, failed check or unclear owner is part of the story.&lt;/p&gt;

&lt;p&gt;Ask one question: what would a second person need to see to understand the current state without a private explanation? If the answer depends on browser history, memory or a message that was never saved, the handoff is already fragile.&lt;/p&gt;

&lt;h2&gt;
  
  
  The tiny rule that makes the setup useful
&lt;/h2&gt;

&lt;p&gt;The rule for this run is: rotate only after the frame check. That sentence is intentionally smaller than a productivity system. It can be checked in under a minute and it names the failure mode directly.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;deskCheck&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="na"&gt;moment&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;09:18&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;keepVisible&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;the vertical storyboard&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;inspectBesideIt&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;the landscape timeline&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;avoid&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;cropping by accident&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="na"&gt;resetRule&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;rotate only after the frame check&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
&lt;span class="p"&gt;};&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The object does not claim success. It records what must remain visible before status can change. Missing evidence should stay missing rather than being converted into confidence language.&lt;/p&gt;

&lt;p&gt;If the vertical storyboard changes, capture a new baseline. If the landscape timeline contradicts the baseline, preserve both values before editing either one. If access is missing, record the missing owner or permission instead of guessing. Unknown is a valid result.&lt;/p&gt;

&lt;h2&gt;
  
  
  Give the two screens unequal jobs
&lt;/h2&gt;

&lt;p&gt;Symmetry looks tidy in a desk photo, but most real workflows are asymmetric. One screen is the object being changed. The other is context, evidence or a public preview. Their sizes, orientation and angle should follow those roles.&lt;/p&gt;

&lt;p&gt;For portrait-mode dare, the first screen should remain calm enough to reveal accidental edits. The second can move through the evidence. This reduces window shuffling, but it does not remove the need to read carefully. A dual-monitor arm cannot prevent cropping by accident; it can only keep the conflict visible long enough to notice it.&lt;/p&gt;

&lt;h2&gt;
  
  
  Run the hardware preflight
&lt;/h2&gt;

&lt;p&gt;The Lifelong listing describes two 17–32-inch monitors, VESA 75×75 or 100×100, independent tilt/swivel/rotation, built-in cable routing, and compatible desk edges up to 3 inches thick. Those are listing facts, not proof that every monitor or desk will fit. Check monitor weight, desk material, underside obstructions, rear clearance and cable reach before installation. Measure the exact clamp location rather than a convenient part of the desk. Confirm the VESA pattern from the monitor documentation. Check the documented weight of each display and compare it with the live product page and installation instructions.&lt;/p&gt;

&lt;p&gt;Before tightening cables, move both displays through the intended positions. Leave relaxed cable loops at moving joints. Check that rotating one display does not pull a connector, strike a wall, block a port or shift the clamp. Reinspect the desk edge after the first real work session.&lt;/p&gt;

&lt;h2&gt;
  
  
  Make the post honest
&lt;/h2&gt;

&lt;p&gt;This campaign uses the monitor arm as a workspace-planning example. It is not a personal durability test, an ergonomic guarantee or proof of compatibility. The useful claim is narrower: separate screen roles can make a review easier to observe, while actual hardware fit still requires measurement.&lt;/p&gt;

&lt;p&gt;Avoid turning a product image into a result. A clean desk does not prove productivity. A portrait display does not prove better focus. A successful installation on one desk does not prove fit on another. Write the conclusion at the same level as the evidence.&lt;/p&gt;

&lt;h2&gt;
  
  
  The replay
&lt;/h2&gt;

&lt;p&gt;Hand the result to another authorized reviewer. They should be able to locate the vertical storyboard, follow the trail to the landscape timeline, name the unresolved item and explain why the state changed. If they cannot, improve the record rather than polishing the conclusion.&lt;/p&gt;

&lt;p&gt;End by writing one falsifiable question: what new observation would change this result? Then run the rotate only after the frame check once more after a reload. The second pass is often where cropping by accident finally becomes visible.&lt;/p&gt;

&lt;p&gt;Product details: &lt;a href="https://shoplifelong.com/products/dual-monitor-stand-dual-monitor-arm-dual-monitor-mount-vesa-mount-up-to-32-inch-monitor-desk-montaje-monitor-arms-monitor-stands-for-2-monitors" rel="noopener noreferrer"&gt;https://shoplifelong.com/products/dual-monitor-stand-dual-monitor-arm-dual-monitor-mount-vesa-mount-up-to-32-inch-monitor-desk-montaje-monitor-arms-monitor-stands-for-2-monitors&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Part of a coordinated Lifelong brand campaign. AI-assisted and human-reviewed.&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
