Tags (54)
- #ai (2)
- #arc90 (1)
- #bookNotes (20)
- #bookNotesBeethoven (2)
- #bookNotesCoders (2)
- #bookNotesLeonardo (2)
- #bookNotesSoftwareCrisis (4)
- #bookNotesStephenKing (4)
- #bookNotesThinkAgain (3)
- #browsers (2)
- #css (31)
- #darkMode (6)
- #data (2)
- #deno (6)
- #design (10)
- #designEngineer (5)
- #designProcess (31)
- #domainHandle (4)
- #engineering (61)
- #generalNotes (7)
- #grateful (2)
- #html (10)
- #iconGalleries (24)
- #iconGalleriesBook (8)
- #javascript (5)
- #jsTemplating (5)
- #kindling (9)
- #localFirst (2)
- #localfirst (1)
- #myBlog (21)
- #myNotesSite (5)
- #netlify (18)
- #notesRichHickey (2)
- #openWeb (4)
- #pennAndTeller (2)
- #podcastAppearance (3)
- #podcastNotes (5)
- #postlight (4)
- #progressiveEnhancement (5)
- #prototyping (4)
- #quadratic (2)
- #quickChartIo (3)
- #readingNotes (67)
- #readlists (1)
- #remix (8)
- #rss (5)
- #sagesure (10)
- #stories (3)
- #theMoreYouKnow (4)
- #timshel (3)
- #tips (13)
- #typography (5)
- #webComponents (4)
- #webPlatform (7)
#ai (2)
#arc90 (1)
#bookNotes (20)
- Notes From “You Are Not A Gadget”
- Book Notes: “Out of the Software Crisis” by Baldur Bjarnason
- Book Notes: “Pirate Hunters” by Robert Kurson
- Book Notes: “On Writing” by Stephen King
- Book Notes: “Millions, Billions, Zillions” by Brian Kernighan
- Book Notes: “An Essay on Typography” by Eric Gill
- Job Titles: What You Do vs. Who You Are
- Learning and Being Wrong
- Book Notes: “Think Again” by Adam Grant
- Book Notes: “Let Your Life Speak” by Parker Palmer
- Book Notes: “Demand Side Sales” by Bob Moesta
- The Predispositions of Inexperienced Talent
- Growth, Creativity, and You
- Book Notes: “Coders” by Clive Thompson
- Book Notes: “Martin Luther King, Jr.” by Marshall Frady
- Writing vs. Coding
- Book Notes: A Mathematician’s Lament
- Dealing With Uncertainty in Art...and Life
- Book Notes: “Creative Selection” by Ken Kocienda
- Book Notes: “The Pun Also Rises” by John Pollack
#bookNotesBeethoven (2)
#bookNotesCoders (2)
#bookNotesLeonardo (2)
#bookNotesSoftwareCrisis (4)
- “Out of the Software Crisis”: Making Software
- “Out of the Software Crisis”: Gardening
- “Out of the Software Crisis”: Dependencies
- Book Notes: “Out of the Software Crisis” by Baldur Bjarnason
#bookNotesStephenKing (4)
- Book Notes: “On Writing” by Stephen King
- There Is No Bar — But Having One is Good Too
- Finding Stuff to Write About
- My Office Space
#bookNotesThinkAgain (3)
- Job Titles: What You Do vs. Who You Are
- Learning and Being Wrong
- Book Notes: “Think Again” by Adam Grant
#browsers (2)
#css (31)
- Width and Height in CSS
- Font Family and @supports
- The Unlocked Possibilities of the :has() Selector
- A Previous Sibling Selector
- Avoiding Flash of Inaccurate Theme Color [Edit: I Was Wrong]
- Ordering CSS Declarations
- Thoughts on Exerting Control With Media Queries
- Things the CSS Spec Folks Got Right
- Dynamic Color Manipulation with CSS Relative Colors
- Hairsplitting the Pseudo-Element Syntax
- Notes from Josh Comeau’s Article on Stacking Contexts
- Propagating Up in CSS
- Things I Learned Reading Webkit’s UA Stylesheet
- Conditional Style Loading? Not So Fast
- CSS Gap
- Theme Color in CSS
- Font Size and Control
- CSS System Colors
- Shadow DOM and Its Effect on the Unofficial Styling API
- CSS Is, In Fact, Awesome
- Custom Style Sheets in Safari
- Leveraging System Fonts on the Web
- Web Technologies and Syntax
- The Resiliency of the Internet
- Any Day Can Be CSS Naked Day
- Letter Case on the Web
- Sass Color Functions in CSS
- Don’t Forget the color-scheme Property
- Bringing “Dark Mode” to My Icon Galleries Sites
- Dark Mode on the Web via OS-Level Preferences
- Seemly Selectors
#darkMode (6)
- Rationale for a Browser-Level Color Scheme Preference
- Conditional Style Loading? Not So Fast
- Don’t Forget the color-scheme Property
- Using @import in CSS to Conditionally Load Syntax Highlighting Styles in Dark Mode
- Bringing “Dark Mode” to My Icon Galleries Sites
- Dark Mode on the Web via OS-Level Preferences
#data (2)
#deno (6)
- Ryan Dahl Talks Deno on The Changelog
- Deno De-emphasizes HTTP Imports
- Notes from Ryan Dahl on Shop Talk Show
- Examples of the Permeating Principles of the Web
- Deno is Webby (pt. 2)
- Deno is Webby
#design (10)
- The Ruthless Edit
- There’s More to Design Than Data and Rationality
- Design Happens in an Ecosystem
- (Re)Introducing Readlists
- “Incomplete” Designs & Miscellaneous Thoughts
- Notes on “The Ugly Truth about Design Systems” by Mark Boulton
- Perception and Balancing Idealism with Pragmatism
- Visual Design Inspiration from Agency Websites–And Other Tangential Observations
- Design Principles Applied to the SF Fonts
- Designing and Engineering for Progressive Disclosure
#designEngineer (5)
- Job Screening Blog Post
- Interdisciplinary Website Maker
- The Case for Design Engineers, Pt. III
- The Figma to Browser Chasm
- The Tension Between Logical Reasoning & Illogical Creativity
#designProcess (31)
- My Failed Personal Site Redesign
- Designing the “Quick Quote” Experience in Agent Portal
- Detective Work for “The App Icon Book”
- Blog Redesign: Out with the Old, in with the Old
- I Liked this Podcast
- Designing and Engineering Event Management for Timshel’s “Admin” Web Application
- Designing Integrations for the Admin Application at Timshel
- Designing Cross-Application Login Screens (and Business Relationships)
- Designing and Engineering Color Usage in Agent Portal
- Redesigning and Engineering the UI/UX for Unauthenticated Users of Timshel’s “Admin”
- Text as UI
- SassMe v2.0
- Arc90 “Work” Page Design Updates
- Designing and Developing the DCP Application
- Going the Extra Mile with Tasks and Feature Requests
- Designing and Building the Assignment Desk Application
- Innovation Sales Sheet
- Assignment Desk Logo
- Kindling Marketing Site 2.0
- Designing Kindling’s Pricing Page
- Skinning the Idea Poster Anew
- Conceiving Blog Post Artwork
- Everything But Visual Design
- Team Colors 2.0
- Words Have Meaning: Creating the “Let’s Talk Innovation” Page
- Designing a Successful Transaction Receipt
- Creating Apple Touch Icons
- Kindling Rubber Stamp
- Logo Integrity Brought into Focus
- Home Page Redesign of kindlingapp.com
- Team Color Codes
#domainHandle (4)
- A Well Known URL For Your Personal Avatar
- Setting Your Social Handle as Your Domain Name on Bluesky
- The Best Time to Own a Domain Was 20 Years Ago; The Second Best Time Is Today
- Subscribe Wherever You Get Your Content
#engineering (61)
- (Re)Introducing Readlists
- SVG Stroke Positioning, iOS Masks, and the Browser
- “Incomplete” Designs & Miscellaneous Thoughts
- Approaches to Using autosize.js to Automatically Resize a textarea on User Input
- ES Modules: There is No Registry
- Deploying a (Wannbe) Monorepo in Netlify
- Git Info in Node for a Babel Config
- Import ES Modules from Github
- Sass Color Functions in CSS
- Downloading and Uploading Text Files Using the Dropbox JavaScript SDK
- Using Netlify Analytics to Build a List of Popular Posts
- Switching from CJS to ES Modules
- Progressively Enhancing a Small Widget
- Static Site Templating: Switching from React & JSX to JavaScript & Template Literals
- Using PropTypes Outside of React in Template Literal Components
- A Node.js Helper Function for Accessing the CommonJS Equivalent of __dirname in ES Modules.
- Netlify Public Folder, Part I: What? Recreating the Dropbox Public Folder With Netlify
- Netlify Public Folder, Part II: Why? Netlify Large Media Wasn’t For Me, But Netlify Still Was
- Netlify Public Folder, Part III: How? The Winding Road to Making a Local Folder Sync to Netlify’s Global CDN
- ECMAScript Modules in Node: My Own Personal Rabbit Hole
- Design Principles Applied to the SF Fonts
- Designing and Engineering for Progressive Disclosure
- JSX-Like Syntax for Tagged Template Literals in JavaScript
- Dynamically Darken a Color in CSS
- Leveraging Regexes and Git to Find/Replace Dates in Markdown Files
- How to Create a macOS Menu Bar App for Netlify
- Applying Multiple Background Colors with CSS
- Using @import in CSS to Conditionally Load Syntax Highlighting Styles in Dark Mode
- Moving from EJS to JSX
- Down the Rabbit Hole of Image Optimization Tooling
- Improving Server-Side Rendering with React
- One-Press Deploys: Triggering a Build in Netlify via an Amazon IoT Button
- Generating Shades of Color Using CSS Variables
- Building a Progressively-Enhanced Site
- Conditionally Load Material Icons
- The Difference Between substring and substr in JavaScript
- Personal Observations on “CSS and Network Performance” by Harry Roberts
- Bringing “Dark Mode” to My Icon Galleries Sites
- Supporting CSS Variables in Sass
- Triggering a Deploy in Netlify With Bookmarklets
- Migrating from Pathnames to Subdomains for jim-nielsen.com
- Dark Mode on the Web via OS-Level Preferences
- Netlibox: My Guest Post on Netlify’s Blog
- Choosing a Static Site Generator
- Installing and Building an NPM Package from Github
- Writing as a Process for Iterative Problem Solving (and Thoughts on Structuring a Small Redux Project)
- URL Design and Automated Redirects in Jekyll
- Creating iOS Icon Masks in the Browser
- Migrating Away from Compass and Susy to Sass Exclusively
- Designing and Engineering Color Usage in Agent Portal
- Redesigning and Engineering the UI/UX for Unauthenticated Users of Timshel’s “Admin”
- SassMe v2.0
- Designing and Developing the DCP Application
- Designing and Building the Assignment Desk Application
- Kindling Marketing Site 2.0
- Team Colors 2.0
- Logo Integrity Brought into Focus
- Workarounds to Variable Interpolation in Sass
- Preserving CSS Comments For Wordpress During Sass Compression
- Retrieving Recent Posts from Scriptogram in JSON Format Using PHP
- Calculate the Border Radius for iOS-Style Icons Using a Simple Ratio
#generalNotes (7)
- Notes from “Why Can’t We Make Simple Software?” By Peter van Hardenberg
- Notes on Metadata
- Favorite Excerpts from the Postlight Podcast
- Notes on “The Ugly Truth about Design Systems” by Mark Boulton
- Notes on “Rethinking Asynchronous Programming in JavaScript” by Kyle Simpson
- Notes on “Functional Lite Javascript” by Kyle Simpson
- Notes from Fluent Conference
#grateful (2)
#html (10)
- Inline All The Things
- Hide My mailto: Email
- Cool URIs and Image Hotlinking
- Reflections on HTML
- Shadow DOM and Its Effect on the Unofficial Styling API
- Custom Elements Without JavaScript?
- Giving Style to Select Option Values
- Web Languages as Compile Targets
- Web Technologies and Syntax
- The Resiliency of the Internet
#iconGalleries (24)
- Nabbing macOS Icon Artwork
- The Big Sur-ification of macOS Icons
- Implementing Netlify’s Image CDN
- Apollo and App Icons
- Curating Artwork From Humans and AI
- Fiddling With iOS App Icons and AI Art Generation
- Creating Custom RSS Feeds For Following Others
- Launching “The iOS App Icon Book”
- Courting WEBP
- SVG Stroke Positioning, iOS Masks, and the Browser
- Deploying a (Wannbe) Monorepo in Netlify
- Static Site Templating: Switching from React & JSX to JavaScript & Template Literals
- Using PropTypes Outside of React in Template Literal Components
- Designing and Engineering for Progressive Disclosure
- Applying Multiple Background Colors with CSS
- Moving from EJS to JSX
- Down the Rabbit Hole of Image Optimization Tooling
- Improving Server-Side Rendering with React
- Bringing “Dark Mode” to My Icon Galleries Sites
- Choosing a Static Site Generator
- Detective Work for “The App Icon Book”
- URL Design and Automated Redirects in Jekyll
- Creating iOS Icon Masks in the Browser
- Calculate the Border Radius for iOS-Style Icons Using a Simple Ratio
#iconGalleriesBook (8)
- “The macOS App Icon Book” IRL
- “The iOS App Icon Book” in Japanese
- Digital Preservation and “The App Icon Book”
- A Short History of iOS App Icons
- Exporting and Parsing Emails for “The iOS App Icon Book”
- Talking App Icons on the Postlight Podcast
- Launching “The iOS App Icon Book”
- Detective Work for “The App Icon Book”
#javascript (5)
- React Without Build Tools
- Exporting to HTML from JavaScript Using Blob URLs
- Approaches to Using autosize.js to Automatically Resize a textarea on User Input
- The Economics of the Front-End
- ES Modules: There is No Registry
#jsTemplating (5)
- Inline All The Things
- Templating in JavaScript, From Zero Dependencies on Up
- Static Site Templating: Switching from React & JSX to JavaScript & Template Literals
- JSX-Like Syntax for Tagged Template Literals in JavaScript
- Moving from EJS to JSX
#kindling (9)
- Kindling Marketing Site 2.0
- Designing Kindling’s Pricing Page
- Skinning the Idea Poster Anew
- Conceiving Blog Post Artwork
- Words Have Meaning: Creating the “Let’s Talk Innovation” Page
- Designing a Successful Transaction Receipt
- Creating Apple Touch Icons
- Kindling Rubber Stamp
- Home Page Redesign of kindlingapp.com
#localFirst (2)
#localfirst (1)
#myBlog (21)
- Consistent Navigation Across My Inconsistent Websites
- Stats Page
- Playing With My Blog’s Home Page
- Markdown Sans Front Matter
- Multiple Inline SVGs (From QuickChart)
- Visualizing My Blog’s Internal Links
- Automating My Netlify “Public Folder” Workflow With macOS Shortcuts
- Implementation Details of My New Blog Theme
- Graphing My Blog Post Goals
- Feat: New Style
- Writing in 2020 and 2021
- Indexing My Blog’s Links
- Any Day Can Be CSS Naked Day
- Email Replies in Feeds
- Using Netlify Analytics to Build a List of Popular Posts
- Progressively Enhancing a Small Widget
- 50 Blog Posts in 2020
- Twitter Cards and Visually Representing That I’ve Got Stuff To Say
- JSX-Like Syntax for Tagged Template Literals in JavaScript
- Leveraging Regexes and Git to Find/Replace Dates in Markdown Files
- Blog Redesign: Out with the Old, in with the Old
#myNotesSite (5)
- New Workflow for Publishing Notes: Content in Dropbox, Code in GitHub
- Deploying on Netlify with Apple’s Shortcuts
- How I Take and Publish Notes
- A Few Details About My Notes Website
- Introducing: notes.jim-nielsen.com
#netlify (18)
- Netlify Public Folder, Part V: Now With an Image CDN
- Implementing Netlify’s Image CDN
- Netlify Public Folder, Part IV: Simplification with macOS Shortcuts
- Automating My Netlify “Public Folder” Workflow With macOS Shortcuts
- Building a Netlify Analytics Email Digest
- Wisdom From the Forums: “The Gap Between Expectations and Reality”
- Setup a CORS Proxy With Netlify
- Deploying a (Wannbe) Monorepo in Netlify
- Comparing Data in Google and Netlify Analytics
- Using Netlify Analytics to Build a List of Popular Posts
- Netlify Public Folder, Part I: What? Recreating the Dropbox Public Folder With Netlify
- Netlify Public Folder, Part II: Why? Netlify Large Media Wasn’t For Me, But Netlify Still Was
- Netlify Public Folder, Part III: How? The Winding Road to Making a Local Folder Sync to Netlify’s Global CDN
- How to Create a macOS Menu Bar App for Netlify
- One-Press Deploys: Triggering a Build in Netlify via an Amazon IoT Button
- Triggering a Deploy in Netlify With Bookmarklets
- Migrating from Pathnames to Subdomains for jim-nielsen.com
- Netlibox: My Guest Post on Netlify’s Blog
#notesRichHickey (2)
#openWeb (4)
- The Subversive Hyperlink
- What is the Web?
- The Power of the Link
- Musings on the Documentary “For Everyone”
#pennAndTeller (2)
#podcastAppearance (3)
- My Guest Appearance on JS Party #288
- My Guest Appearance on ShopTalkShow #504
- Talking App Icons on the Postlight Podcast
#podcastNotes (5)
- Ryan Dahl Talks Deno on The Changelog
- Podcast Notes: Jen Simmons on ShopTalk Show
- Podcast Notes: Michael Jackson on devMode.fm
- Podcast Notes: Fred Schott on the Shop Talk Show
- Podcast Notes: “Measuring Design” by Clearleft
#postlight (4)
- Designing and Developing the DCP Application
- Going the Extra Mile with Tasks and Feature Requests
- Designing and Building the Assignment Desk Application
- Assignment Desk Logo
#progressiveEnhancement (5)
- Remix and the Alternate Timeline of Web Development
- Podcast Notes: Michael Jackson on devMode.fm
- Progressively Enhanced Builds
- Family IT Support Turned Blog Post Turned Anecdote in The Wall Street Journal
- A Simple Tactic For Progressively-Enhanced Search
#prototyping (4)
- Prototyping Magic Tricks and Software
- Moving With Prototypes
- The Power of Prototypes in the Creative Process
- How Apple Engineers Decided the App Icon Size for the Original iPhone
#quadratic (2)
#quickChartIo (3)
- Multiple Inline SVGs (From QuickChart)
- Visualizing My Blog’s Internal Links
- Graphing My Blog Post Goals
#readingNotes (67)
- Reading Notes, December 2022
- Reading Notes, November 2022
- Reading Notes, October 2022
- Reading Notes, July 2022
- Reading Notes, June 2022
- Reading Notes, May 2022
- Reading Notes, April 2022
- Reading Notes, March 2022
- Reading Notes, February 2022
- Reading Notes, January 2022
- Reading Notes, December 2021
- Reading Notes, November 2021
- Reading Notes, October 2021
- Reading Notes, September 2021
- Reading Notes, August 2021
- Reading Notes, July 2021
- Reading Notes, June 2021
- Reading Notes, May 2021
- Reading Notes, April 2021
- Reading Notes, March 2021
- Reading Notes, February 2021
- Reading Notes, January 2021
- Reading Notes, December 2020
- Reading Notes, November 2020
- Reading Notes, October 2020
- Reading Notes, September 2020
- Reading Notes, August 2020
- Reading Notes, July 2020
- Reading Notes, June 2020
- Reading Notes, May 2020
- Reading Notes, April 2020
- Reading Notes, March 2020
- Reading Notes, February 2020
- Reading Notes, January 2020
- Reading Notes, December 2019
- Reading Notes, November 2019
- Reading Notes, October 2019
- Reading Notes, August 2019
- Reading Notes, June 2019
- Reading Notes, May 2019
- Reading Notes, March 2019
- Reading Notes, February 2019
- Reading Notes, January 2019
- Reading Notes, December 2018
- Reading Notes, November 2018
- Reading Notes, October 2018
- Reading Notes, September 2018
- Reading Notes, August 2018
- Reading Notes, July 2018
- Reading Notes, June 2018
- Reading Notes, May 2018
- Reading Notes, March 2018
- Reading Notes, January 2018
- Reading Notes, October 2017
- Reading Notes, June 2017
- Reading Notes, May 2017
- Reading Notes, April 2017
- Reading Notes, January 2017
- Reading Notes, November 2016
- Reading Notes, October 2016
- Reading Notes, September 2016
- Reading Notes, July 2016
- Reading Notes, December 2015
- Reading Notes, November 2015
- Reading Notes, September 2015
- Reading Notes, August 2015
- Reading Notes, November 2012
#readlists (1)
#remix (8)
- Remix and the Alternate Timeline of Web Development
- Remix, React, and State
- My Contribution to Launching React Router 6.4
- Podcast Notes: Michael Jackson on devMode.fm
- Joining Remix
- Podcast Notes: Fred Schott on the Shop Talk Show
- Examples of the Permeating Principles of the Web
- The Web in 2036: Predictions on a Whim
#rss (5)
- Creating Custom RSS Feeds For Following Others
- An Analysis of Feed URLs
- Making Your RSS Feeds Automatically Discoverable
- Email Replies in Feeds
- My Favorite RSS Feeds
#sagesure (10)
- Perception and Balancing Idealism with Pragmatism
- Designing the “Quick Quote” Experience in Agent Portal
- Conditionally Load Material Icons
- Supporting CSS Variables in Sass
- Installing and Building an NPM Package from Github
- Writing as a Process for Iterative Problem Solving (and Thoughts on Structuring a Small Redux Project)
- Designing Cross-Application Login Screens (and Business Relationships)
- Migrating Away from Compass and Susy to Sass Exclusively
- Designing and Engineering Color Usage in Agent Portal
- Text as UI
#stories (3)
- Git Info in Node for a Babel Config
- 50 Blog Posts in 2020
- My Little Cabin in the Woods of Logo Integrity
#theMoreYouKnow (4)
- CSS System Colors
- A Simple Tactic For Progressively-Enhanced Search
- Reverse Domain Name Notation
- Credentials in URLs
#timshel (3)
- Designing and Engineering Event Management for Timshel’s “Admin” Web Application
- Designing Integrations for the Admin Application at Timshel
- Redesigning and Engineering the UI/UX for Unauthenticated Users of Timshel’s “Admin”
#tips (13)
- A Node.js Helper Function for Accessing the CommonJS Equivalent of __dirname in ES Modules.
- Twitter Cards and Visually Representing That I’ve Got Stuff To Say
- Creating iOS Icon Masks in the Browser
- Going the Extra Mile with Tasks and Feature Requests
- Seemly Selectors
- Changes to max_upload_filesize not working in php.ini? Restart Apache!
- Stop Direct Spam Comments in Wordpress
- Why Do We Sketch?
- Unintended Visual Relationships
- Freebie Resources - Don’t Assume, Double Check
- Modularize Your PSDs by Embedding Them Inside Each Other
- Miscellaneous Unicode Symbols, Font Stacks, and You
- Calculate the Border Radius for iOS-Style Icons Using a Simple Ratio
#typography (5)
- Font Family and @supports
- Visualizing SF Font Variations
- Font Size and Control
- Leveraging System Fonts on the Web
- Design Principles Applied to the SF Fonts
#webComponents (4)
- HTML Web Components: An Example
- HTML Web Components
- Shadow DOM and Its Effect on the Unofficial Styling API
- Custom Elements Without JavaScript?