Doug Parker

@develwithoutacause.dwac.dev

961 Followers 139 Following

Overly opinionated software developer on the Angular team at Google. Web development is hard, so I build tooling that makes it easier. Blog: dwac.dev Mastodon: techhub.social/@develwithoutacause GitHub: github.com/dgp1130

Screenshot of VSCode, showing a side-by-side view of the `~/.codex/config.toml` file which an Ollama configuration alongside the Codex chat, showing an onboarding screen with only three options: "Sign in with ChatGPT", "Use API Key", or "Use device code".
Screenshot of the VSCode Copilot chat window. The user says "Hello" and the agent responds with JSON in the form of '{"name": "send_to_terminal", "arguments": {"id": "", "command": ""}}'. The user then says "test" and the agents with '{"name": "testFailure", "arguments": {}}'. Finally, the user instructs 'Say "Hello"' and then agent responds with '{"name": "say", "arguments": {"text": "Hello"}}'. At the bottom of the view, the selected model is `qwen2.5-coder:7b`.
A clip of the last third of a fight with Bayle. The player is wielding Dragon Hunter's Great Katana with the turtle shield and leverages Dragonwound Slash frequently, with charged heavy attacks when possible and some light attack pokes when not. Damage is pretty low, with only the weapon skill doing yellow damage. The player ends the fight with zero healing flasks, barely pulling out a win. Post-battle, they show their equipment on the pause screen, revealing the main weapon is not upgraded and remains +0.
A screen recording of a Google Antigravity agent chat window. The user prompts "Open https://ng-new.dwac.dev/ and show me a visualization of the signal graph including the counter." The agent does some thinking and tool calling and ultimately produces a document "Signal Graph Visualization". The user clicks on the document, revealing an analysis of the signal graph. It discusses a counter with a `count` signal and a computed `doubleCount`. It also includes a generated image of a direct graph of signals, demonstrating dependencies between `count` and `doubleCount` as well as an additional effect and the Angular template. It includes a table discussing how the signals changed after the agent interacted with the page to increment the counter. The video ends as the user highlights some text at the end of the document which reads: "NOTE: This signal graph was extracted at runtime using Angular DevTools hooks integrated within the Chromium automation session."
Mike Myers as Austin Powers in a robe looking just pas the camera with a confused, disappointed expression.
Demos WebMCP support in Angular. 1. I show off the full list of available tools in the WebMCP inspector. 2. I ask the agent what my username is. 3. I ask the agent to change my username to `devel`. 4. I move to a counter, incrementing it to 2, then asking the agent to increment to 5. 5. I then show the `get-counter` and `increment` tools in the list of available tools and then hide the counter before showing that the `get-counter` and `increment` tools were removed. 6. I follow `@marktechson` and ask the agent who I can follow. 7. I ask the agent to follow `@punderwoman` and it does so. 8. I move to a signal form, where my name is listed as "Doug". I ask the agent to change my name to "Devel". 9. I then ask the agent to set my name to the empty string. It tries, but receives a validation error and concludes that empty string is blocked. 10. Finally, I ask the agent to set my name to "Mark". It receives a new error that I'm not cool enough, and concludes that name is restricted.
Screenshot of an AI chat which reads: Summary: The 100MB / 3-minute claim is the current standard for the official Bluesky PDS as of their 2025 expansion of video features. If you are on a self-hosted PDS, these numbers only apply if you are using Bluesky's video.bsky.app transcoding sidecar; if you host your own transcoder, these limits no longer apply.
The ending of a battle with Consort in Elden Ring. The player is in dragon form from Rock Heart and using an Uchigatana. They skillfully dodge several attacks and land consistent punishes and eventually take down the boss. Once defeated, the player performs the "O Mother" gesture towards the camera and opens the Status screen, confirming they are indeed level 1. They also open the equipment screen, revealing a Keen Uchigatana, Radagon's Soreseal, Ritual Shield Talisman, Blue Dancer Charm, and Alexander's Jar Shard. The finally open their inventory and show the list of all 25 remembrances in the game, having conquered each boss.
Demo video using VSCode and showing off two actions. First, the user opens `node_modules/@11ty/eleventy/cmd.js`. They right click the file and select "Open file on npmx.dev". A browser window opens to that specific file on npmx.dev at the correct package version. Second, the user opens the `cmd.js` file directly in VSCode and moves the cursor to a specific line. They then open the command palette and re-execute the same command. Another npmx.dev page opens, this time linked to that specific line number.
A tweet by Joanna Maciejewska which reads: "You know what the biggest problem with pushing all-things-AI is? Wrong direction. I want AI to do my laundry and dishes so that I can do art and writing, not for AI to do my art and writing so that I can do my laundry and dishes."
Screen recording of a pair of 2XKO combos featuring Vi and Caitlyn on a team. The first has Vi on point, attacking a blocking opponent before calling a Caitlyn assist and then sliding behind the opponent, causing a mixup into a full combo ending with double down into Caitlyn's level 3 super. The second combo has Caitlyn on point, again attacking a blocking opponent before calling a Vi assist and rolling behind the opponent, stealing the corner for a mixup into full combo, juggling the opponent with multiple rifle shots, before landing a super 1 headshot into a delayed double down Vi super 1 to catch the opponent on the way down.
A demonstration of a game boy Lego set, showing off it's completed state, with working buttons, D-pad, volume wheels, swappable game cartridges, and holographic display.
Reference picture of Angie, the Angular mascot. It's a cute lil guy with white gnubby limbs with red gloves and shoes. It's body is just a big head, with a red helmet in the rough shape of a hexagonal shield. It's smile and eyebrows present and calm and friendly demeanor.
An 8-bit interpretation of Mark Techson with buggy eyes and wide open mouth shouting in shock at his new appearance.
A meme from an episode of SpongeBob SquarePants featuring two fish hiding behind a small boulder checking if anyone is watching. The text at the bottom reads, "I told you he was onto us!"
Screenshot of a web page displaying a generic error. It reads, "Something went wrong" and lists some generic advice such as refreshing the browser, visiting their help center, or calling their phone number.
Screenshot of a web page titled "This feature is coming soon", with the subheading "Marketing communications". It only reads "Update your marketing preferences today" and lists a phone number.
Screenshot of a web page titled "Additional communications" and allow configuration notification preferences. It allows users to select which pre-configured email to receive notifications with. Only one is listed and labeled "undefined (Primary)"
Screenshot of the ChatGPT Atlas download button which reads "Download for macOS" and includes an asterisk. Directly underneath the button reads "Currently only available on macOS".
Screenshot of a text input asking for a "Business purpose for expenses in this report" which the user filled out as "Attending team summit." notably including a period at the end of the statement. This causes an error which reads "You cannot use the following characters:" and goes on to list basically every special character on a standard keyboard, including periods, commas, question marks, and more.
Three different letters are laid out on a table, each with the same style and showing the same text: "100,000 bonus points - You're preselected!"
Screenshot of Angular DevTools running on YouTube Mobile. The components panel is open showing a hierarchy of application components as well as a signal graph showing the names and relationships of several signals.
Screenshot of the GitHub new issue form. An image has been uploaded and generated an `<img>` tag which is highlighted and includes the text `alt="Image"`.
An AngularConnect badge for speaker Douglas Parker.
Screenshot of some text for "Document verification" which reads "We're required to verify your travel document details for all international travel. Select the travel documents and complete information for each traveler." However the font is wacky and goofy with an inconsistent baseline which looks childish and hand-written. It is utterly inconsistent with the serious tone of the text.
Screenshot of a short text snippet, including the phrases "I'm `inline`!" and "I'm `block`!" including backticks. However the backticks are misaligned, with the leading tick overlapping with the "i" and "b" letters while the ending tick overlaps with the "e" and "k" characters.
A meme of Lisa Simpson walking onto a large stage, with a notecard in-hand to give a presentation to large crowd, determination on her face, ready to convince the world. The slide behind her says, "`--frozen-lockfile` should be the default".
A meme of UA High School for My Hero Academia, labeled "User-Agent High School".
A large crowd pictured from within, the phone held high in the air to see. Lots of flags and signs are visible advocating for various causes including "No Kings" and supporting immigrant communities against ICE.
Screenshot of a setup dialog in Cursor titled "Data Sharing". It describes how "Cursor learns from code to help you get the experience possible" and highlights how "You're in control" with an ability to turn this off at any time. It then presents a check box labeled "I am fine with Cursor learning from my code (or, I will go Settings -> Privacy to turn it off)". However, the only option is to check the box. The "Continue" button beneath it is disabled and the user is blocked from progressing until they agree. There is no button or check box to state "Do not learn from my code".
The main Google I/O stage at Shoreline from the audience. The crowd has filled in the lower level as a DJ holds the stage playing some chill tunes with Googley visualizations on screen.
A selfie in front of a giant I/O sign at the entrance of Shoreline Amphitheatre. Looking very cool with sunglasses in the bright sun.
The clips shows an unstaled web page with two textareas side by side. The user types three lines of text ("foo bar baz") into the left area and slightly modified text in the right ("foo modified baz"). The user then checks a box labeled "Synchronize" and clicks on the left textarea, moving the cursor around with the arrow keys. As the cursor moves, a second cursor appears and replicates the same movements on the right textarea. The second cursor is aware of differences between the contents, focusing on the modified line hides the cursor altogether. The user begins typing, with alterations to the identical lines mimicked in both text areas. Changes to the modified line are ignored by the second file. The user is effectively modifying the left side of the diff without altering the diff itself.
An animated gif of Starfire from Teen Titans giggling with excitement.
A meme featuring Lisa Simpson considering entering a restricted area. The meme is titled "Angular private APIs" as Lisa hesitates, looking at a sign which reads "Keep out. Or enter. I'm a latin bar O, not a cop."
Screenshot from Cyberpunk 2077, standing on the top level of a fire escape. A staircase leads upwards towards the roof of the building, it just ends abruptly. It does not connect to the roof, nor is there another platform. If a person attempted to walk up the stairs, they would walk right off the edge and splat on the ground.
Screenshot of a DevTools extension featuring a tree of elements on the left with one selected, showing a details panel on the right with CSS details. Upon closer inspection, this isn't a DevTools extension at all, it's just the Elements panel in Chrome DevTools.
Screenshot of a DevTools extension featuring a tree of components on the left with one selected, showing a details panel on the right with component properties. Upon closer inspection, the "Angular version" text in the top right reveals this to be Angular DevTools.
Ollie, a cat, sits in my lap looking at the Angular v19 release stream about to start.
A plastic cup filled with Taro milk tea containing boba pearls at the bottom.