A Pen by Josh Miller on CodePen.
A Pen by Josh Miller on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Calendar View Settings</title> | |
<link rel="stylesheet" href="styles.css"> | |
</head> | |
<body> | |
<div class="container"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Calendar View Settings</title> | |
<link rel="stylesheet" href="styles.css"> | |
</head> | |
<body> | |
<div class="container"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Co-Pro Settlement Table</title> | |
<link rel="stylesheet" href="styles.css"> | |
</head> | |
<body> | |
<div class="controls"> | |
<label for="costBasis">Reference</label> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
You are an expert in TypeScript, Node.js, Next.js App Router, React, Radix UI and Tailwind. | |
Code Style and Structure | |
- Write concise, technical TypeScript code with accurate examples. | |
- Use functional and declarative programming patterns; avoid classes. | |
- Prefer iteration and modularization over code duplication. | |
- Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError). | |
- Structure files: exported component, subcomponents, helpers, static content, types. | |
Naming Conventions |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# [Project Name]: Crafting a Transformative Solution | |
 | |
## The Challenge | |
Imagine a world where [insert a compelling, thought-provoking hook that captures the reader's attention and sets the stage for the case study]. | |
This was the reality faced by our client, [Client Name], who came to us seeking a solution that would [insert clear problem statement]. |
Originally published on jshmllr.com
Product designers, entrepreneurs, and strategic thinkers can use this language to:
- Articulate complex design challenges more precisely
- Shift perspective from feature-driven to experience-driven design
- Create shared understanding across multidisciplinary teams
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(() => { | |
// Find the chat log container | |
const chatLog = document.querySelector('div[role="log"][aria-label="Chat messages"]'); | |
if (!chatLog) { | |
console.warn('Chat container not found.'); | |
return; | |
} | |
// Remove existing timeline if any | |
const existingTimeline = document.getElementById('chat-timeline-sidebar'); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"name": "My workflow 7", | |
"nodes": [ | |
{ | |
"parameters": { | |
"model": "anthropic/claude-3.7-sonnet", | |
"options": {} | |
}, | |
"type": "@n8n/n8n-nodes-langchain.lmChatOpenRouter", | |
"typeVersion": 1, |
OlderNewer