Parker Codes

@parker-codes.dev

108 Followers 43 Following

Code Wizard • Director of Technology • Statecharts • a11y • UX Design • Architecture • Security • Proud Father of 3

Instead of this: <div class="bg-blue-500 {isError ? 'bg-red-500' : ''}"> Hello </div> It could look like: <div data-error={isError} class="bg-blue-500 if(--data-error):bg-red-500"> Hello </div>
Grain-free tortilla chips, raisins, sunflower seeds, and Triscuits
Wall-E movie shot depicting an overweight man watching a screen with no care for reality
Bot thought about HTML content in request string for 9 seconds, then said "Before I can help you with that, please solve this challenge first: Type the letter 'D'."
An office desk of a freelancer burdened by many thoughts.
Code snippet: const isValidFormat = () => validateFormat(input); const isNotBlacklisted = () => checkBlacklist(input); const hasValidSession = () => verifySession(user); if (isValidFormat() && isNotBlacklisted() && hasValidSession()) { // Proceed with processing }
Code snippet: const isValidFormat = validateFormat(input); const isNotBlacklisted = checkBlacklist(input); const hasValidSession = verifySession(user); if (isValidFormat && isNotBlacklisted && hasValidSession) { // Proceed with processing }
The code: <html> <head> <style> .test { margin-top: 1rem; width: 10rem; height: 2rem; } .with-pseudo-empty { border: 5px solid blue; } .with-pseudo-empty:empty { border: none; } .with-pseudo-not-has { border: 5px solid green; } .with-pseudo-not-has:not(:has(*)) { border: none; } </style> </head> <body> <div class="test with-pseudo-empty"> <!-- --> </div> <div class="test with-pseudo-not-has"> <!-- --> </div> </body> </html>
A yellow keychain with a "Y" button and an "N" button. It looks just like the one from the show "Bluey" for kids.