DEV Community: wendygostudio

X Profile Picture and Header Size: A Crop-Safe Guide

wendygostudio — Mon, 24 Aug 2026 22:10:49 +0000

X has two profile images that are easy to confuse: the profile picture next to your posts, and the header/banner across the top of your profile. They need different canvases and different crop decisions.

The official dimensions

X recommends:

Profile picture: 400×400 pixels, with a maximum file size of 2 MB.
Header/banner: 1500×500 pixels.

X also warns that about 60 pixels at the top and bottom of a header can be cropped depending on the screen and browser. Keep faces, logos and essential text in the middle of the canvas. The official help pages list JPEG, GIF and PNG for profile photos.

The most reliable workflow is to start with the right canvas rather than resize a finished crop. Keep the profile image square even when the source is a portrait. For the header, use the full 3:1 canvas and treat the outer edges as expendable.

A local crop workflow

Choose 400×400 or 1500×500 before opening the source.
Set the focal point manually instead of accepting a blind center crop.
Keep text and faces away from the header's top and bottom edges.
Export, then inspect the file at its final size on both a wide and narrow viewport.

FrameForge can do this locally in Chrome, which is useful when you need several versions without sending the source image to a resizing service. The same principle applies to any image tool: verify its current permissions and privacy disclosure before installing it.

Profile images are not post images. X's current help says a single photo with a standard aspect ratio between 2:1 and 3:4 can display in full. If you need a repeatable wide 16:9 post export, use a separate canvas and check the live composer; 1200×675 is a practical preset, not a universal guarantee for every client.

For the full dimensions, crop-safe composition and accessibility notes, see the X profile picture and header size guide.

Official references: profile photo and header upload help, customize your X profile, and X image descriptions.

Does Forest Work on Chrome? What the Browser Extension Does

wendygostudio — Sun, 23 Aug 2026 13:46:08 +0000

If you search for a Forest Chrome extension, first separate the official Forest focus product from the many unrelated Chrome themes and productivity add-ons that use “Forest” in their name.

Start from the official source

Forest’s current site says the product works on iPhone, iPad, Android, and as a browser extension for Chrome and Firefox. Use the Chrome Web Store link from the official site, then verify that the listing points back to forestapp.cc and that the publisher details match.

The listing for “Forest: stay focused, be present” is not the same as every result with a forest-themed name. Treat the publisher link, permissions, and privacy disclosure as part of the installation decision.

What the browser workflow is good at

Forest turns a focus session into a commitment loop: start a session, let a tree grow, and avoid abandoning the block. Forest describes Deep Focus and a browser timer for desktop work. That is a good fit when your task already lives in browser tabs and the main interruption is leaving the session.

It is not automatically a replacement for phone-level controls, every website blocker, or notification management. Check the current version’s controls before assuming that a specific blocklist or restriction behaves exactly as you expect.

Forest is not the same thing as Pomodoro

Forest includes a timer, but its distinctive feedback is the growing tree. Pomodoro is a work-and-break cadence that many different tools can implement. Choose the Forest loop when the visible commitment helps you stay with one block; choose a simpler Pomodoro extension when interval flexibility and minimal setup matter more.

Run a small comparison instead of choosing from feature lists:

Use Forest for three comparable sessions.
Record sessions started, sessions completed, and time lost before starting.
Note whether leaving the browser was the real distraction.
Compare the result with your current timer or a local-first alternative.

The useful tool is the one that makes the next start easier.

Read privacy statements precisely

The Chrome Web Store listing includes the developer’s data-use declarations. Forest’s own site also describes how focus data and account sync work. These disclosures are useful evidence, but they are not an independent privacy audit. For sensitive work, review permissions and decide whether account sync is necessary or whether a local timer better fits the requirement.

The full guide covers the browser workflow, offline boundaries, privacy checks, and a seven-day test: Does Forest Work on Chrome? What the Browser Extension Does

Decode JWT Payloads Locally: What the Claims Tell You (and Don't)

wendygostudio — Wed, 19 Aug 2026 07:21:20 +0000

JWTs are designed to be readable by the client. That is useful for debugging, but it also means a real token can contain user IDs, email addresses, roles, scopes and expiry data that should not be pasted into a random online decoder.

The practical distinction is simple: decoding a JWT is not decrypting it, and decoding it is not verifying its signature.

Read the three sections first

A compact JWT normally looks like this:

HEADER.PAYLOAD.SIGNATURE

The header tells you the token type and signing algorithm. The payload contains JSON claims. The signature is evidence that the issuer signed the other two sections; it is not the part you usually need to inspect.

The header and payload use Base64url encoding. They are encoded, not encrypted. Anyone who has the token can decode those sections, so treat a token copied from production as sensitive even when you do not have the signing secret.

A local browser-console check

For a quick inspection, split the token and decode the first two parts in DevTools. Base64url uses - and _ instead of + and /, so normalize those characters and restore padding:

const decodePart = (part) => {
  const base64 = part.replace(/-/g, '+').replace(/_/g, '/');
  const padded = base64.padEnd(Math.ceil(base64.length / 4) * 4, '=');
  return JSON.parse(atob(padded));
};

const [encodedHeader, encodedPayload] = token.split('.');
console.log({
  header: decodePart(encodedHeader),
  payload: decodePart(encodedPayload),
});

This runs in your browser and does not need an external request. Use a redacted fixture when possible; the console is local, but screenshots and copied logs can still leak the claims.

Claims worth checking

exp: whether the token has expired;
iat: when it was issued;
aud: which service it is intended for;
iss: which issuer claims to have created it;
sub: the subject identifier;
scope or roles: what the token may authorize.

Seeing an admin role in a payload does not prove that the token is valid or that the server will accept it. It only tells you what the token claims. Signature validation, issuer configuration, audience checks and server-side authorization still matter.

When a local tool is easier

The console is great for a one-off check. If you inspect tokens repeatedly, a local browser tool can make the workflow more repeatable: paste the payload section, decode it, copy the JSON, then clear the input. TextForge's JWT and Base64 workflow keeps the transformation in the browser rather than sending the token to a third-party decoder.

The rule is the same in either workflow: decode only what you need, do not confuse readability with authenticity, and never paste production credentials into a public form just because the page says it is convenient.

Original guide: https://wendygostudio.com/blog/decode-jwt-online/

Focus Block vs Pomodoro Timer: Which Unit Fits Deep Work?

wendygostudio — Wed, 12 Aug 2026 14:29:00 +0000

A timer measures attention. A focus block measures the work you want to finish.

Use a Pomodoro when starting is the hard part: choose 15, 25, 45 or 60 minutes and protect the session. Use a focus block when the task is complex: define the observable result first, such as drafting an introduction or reviewing ten log entries.

The practical routine is simple:

Write one concrete outcome.
Pick a realistic duration.
Keep the outcome visible while the timer runs.
Record what moved forward, not only the minutes.

SlimeForge combines both layers in a local-first Chrome workflow. Goals and projects keep the session tied to real work, while the companion and gentle progress feedback make consistency visible. Focus Shield is optional and can warn about or block distracting sites.

For deep work, the block is usually the work unit and Pomodoro is the attention boundary.

Read the full guide: https://wendygostudio.com/blog/focus-block-vs-pomodoro-timer/

Convert WebP to JPG Locally in Chrome

wendygostudio — Mon, 10 Aug 2026 17:04:27 +0000

WebP is efficient for the web, but some editors and publishing systems still ask for JPG. ConvertForge handles the change locally in Chrome:

Drop in the WebP file.
Select JPG.
Set quality deliberately.
Check dimensions and transparency.
Compare the downloaded result before replacing the original.

The file stays in the browser during conversion. Full guide: https://wendygostudio.com/blog/convert-webp-to-jpg-locally-chrome/

For the complete local workflow, see ConvertForge.

How to Build a Focus Ritual in Chrome Before a Pomodoro Session

wendygostudio — Sun, 09 Aug 2026 16:50:41 +0000

Starting is often harder than the work. A focus ritual reduces the choices between opening Chrome and doing the first useful action.

For the complete local workflow, see SlimeForge.

Try this four-step setup:

Write one observable outcome.
Choose a realistic 15 or 25 minute block.
Keep necessary research open and restrict only the sites that distract you.
Start the smallest action immediately.

SlimeForge connects that ritual to the session: goals, projects, the optional Focus Shield and the companion all stay in one local-first workflow. Read the full guide: https://wendygostudio.com/blog/focus-rituals-pomodoro-chrome/

Safe Margins for Social Media Images: A Chrome Workflow

wendygostudio — Sun, 09 Aug 2026 16:49:51 +0000

Social platforms crop the same image differently. The easiest way to avoid clipped headlines and logos is to treat the final crop as a separate preparation step.

This short workflow uses FrameForge in Chrome:

Start from the finished local image.
Choose the destination preset before judging the crop.
Keep the focal point and important text away from the edges.
Remove tiny edge-dependent details.
Export a clean copy and check it at the size people will see.

The result is a repeatable, private handoff from design to publishing. FrameForge processes the image locally, so the margin check does not require an account or an upload.

For the complete local workflow, see FrameForge.

Read the full guide: https://wendygostudio.com/blog/safe-margins-social-media-images-chrome/

Convert a Markdown Table to Plain Text in Chrome

wendygostudio — Sun, 09 Aug 2026 16:49:50 +0000

Markdown tables are useful in a repository but awkward in email, tickets and terminals. A small local cleanup workflow can remove the pipes and alignment row without damaging the values.

Paste the raw table.
Remove the separator row.
Normalize spacing and wrapped lines.
Choose one stable separator.
Check a sample row before exporting.

TextForge keeps this cleanup in the browser and does not require an account. Read the full guide: https://wendygostudio.com/blog/convert-markdown-table-plain-text-chrome/

For the complete local workflow, see TextForge.

Pomodoro Focus Shield for Chrome: Protect the Block, Not the Whole Browser

wendygostudio — Thu, 06 Aug 2026 14:17:21 +0000

A focus shield should protect the block, not your whole browser

Blocking every distracting site sounds productive until the work itself needs research, documentation or a team chat. The useful version of a focus shield is narrower: protect the current Pomodoro block while leaving the context that makes the task possible.

A practical setup looks like this:

Define one observable outcome for the block.
Choose a duration you are likely to finish.
Add only the two or three sites that repeatedly pull you away.
Review the list during the break, not every few minutes.

The distinction matters because a shield is a focus aid, not a security boundary. If it blocks legitimate context, you will disable it. If it adds a small amount of friction to the sites you open automatically, it can help the work block win that first decision.

SlimeForge combines a Pomodoro timer with an optional Focus Shield. Sessions can be 15, 25, 45 or 60 minutes, and a companion grows as completed blocks accumulate. The core experience is local-first and does not require an account. Optional on-device AI depends on browser and device support.

The best shield is the one you barely notice while working. Keep the list task-specific, leave essential tabs available and use the break to adjust the next block.

For the complete local workflow, see SlimeForge.

Full guide: Pomodoro Focus Shield for Chrome.

Focus Timer with a Virtual Pet: When Visible Progress Helps

wendygostudio — Wed, 05 Aug 2026 14:09:37 +0000

Why a focus block can be more motivating when it leaves a visible trace

Most timers make a completed session disappear. You hear a bell, the counter resets, and tomorrow looks exactly like today. That is fine if the habit is already automatic. It is less helpful when the difficult part is returning to the task.

A different pattern is to keep the work block as the real unit, then add a small, immediate feedback loop around it. A virtual companion can make the completed block visible without turning focus into a points spreadsheet. The timer still measures attention; the companion simply gives the finished work a place in the story.

In practice, the routine is simple:

Choose a short block you can actually finish.
Write one observable outcome before starting.
Work until the bell instead of checking the reward layer.
Review progress during the break, then decide whether to repeat.

This distinction matters. Gamification should reduce the friction of starting, not create another dashboard to maintain. If the pet becomes more interesting than the task, move all companion interactions to the break and keep the timer front and centre.

SlimeForge applies this local-first approach to a Pomodoro timer. Completed sessions help a small animal-slime grow, while missions and gentle streaks make consistency visible. The extension works without an account, and optional on-device AI depends on browser and device support. Focus Shield is a focus aid, not parental-control software.

The useful test is not whether the reward feels exciting forever. It is whether it helps you complete the next block long enough for the habit to become easier on its own. A plain timer may be the right tool once that happens; a companion is simply one way to bridge the gap.

Read the full guide: Focus Timer with a Virtual Pet.

SlimeForge 1.9.13: Focus Sessions That Grow With You

wendygostudio — Sun, 02 Aug 2026 23:57:21 +0000

SlimeForge 1.9.13 makes focus feel like visible progress.

Every completed Pomodoro helps a tiny animal-slime companion grow. You can choose 15, 25, 45 or 60 minutes, add a goal, and use Focus Shield to gently warn you about distracting sites or block them until the session ends.

The update also brings a larger world around the timer: daily missions, gentle streaks, minigames, a garden, a wardrobe, Pack Mode for up to three companions, and expeditions with materials and relics to discover.

Optional on-device AI can help turn a vague goal into a practical next step. The model runs locally when supported by the browser and device.

SlimeForge requires no account and includes no tracking. The free version includes the complete timer, basic Focus Shield and a weekly expedition.

Try SlimeForge: wendygostudio.com

Why a Gamified Pomodoro Timer Can Make Focus Easier to Restart

wendygostudio — Tue, 28 Jul 2026 15:18:09 +0000

Why a Gamified Pomodoro Timer Can Make Focus Easier to Restart

Most Pomodoro timers solve the countdown problem. They tell you when to work, when to pause, and when the session is over. That is useful, but it leaves out the part that determines whether you open the timer tomorrow: the feedback loop.

A gamified Pomodoro timer connects a finished session to visible progress. Instead of resetting to zero after every 25 minutes, your effort becomes something you can see and return to. The reward does not need to be large. It needs to arrive immediately and make the next session feel worth starting.

What changes when the timer remembers your effort?

A plain timer gives you a sound and a number. A gamified timer can give you:

a streak that reflects completed sessions;
a companion or collection that grows over time;
small milestones between longer-term goals;
a reason to come back that is separate from willpower.

That distinction matters during the first weeks of a new routine. Motivation is usually weakest before the behavior becomes automatic. A visible reward makes the result of one session concrete, which lowers the friction of starting the next one.

The important design choice: effort, not spending

Gamification only helps if the reward system reinforces the behavior you want. In SlimeForge, focus sessions earn Brasas, the in-extension currency used for progression. Random progression is earned through focus; real-money purchases never buy a random outcome. That keeps the loop tied to the habit instead of turning progress into a spending mechanic.

The timer remains the main tool. The companion is a motivation layer, not a replacement for the work. If missions or collection screens become distracting, keep them between sessions and return to the countdown.

A simple routine to try

Start with 25 minutes, complete the session, and look at the immediate result before deciding whether to continue. After a few days, compare completed sessions rather than total hours. Consistency is easier to maintain when the measure is small enough to repeat.

The best timer is the one that makes the next focused session easier to begin. A virtual companion will not create discipline by itself, but it can turn an abstract streak into a visible routine.

Read the full guide with more details on wendygostudio.com.