Tag: html
Deleted and striked
Part of this text is marked as deleted. (with ) Is there a difference when text is striked? (with )
The Power of Primes
Prime numbers are pretty powerful. That's why I just released a new PowerShell module based off of an old mathematical concept: PrimeTime. PrimeTime uses prime numbers as time intervals.
Animating Element with Only CSS
This post provides the most straightforward and minimum way to animate the HTML detials element using only CSS.
Friday Fun #1 - Servers with PowerShell
I've been doing WebDev with PowerShell for a while now. I find it a lot of fun. I'm somewhat obsessed with making things easy in PowerShell and trying to make development fun.
decoding=async can break multipage view transitions
Turns out optimizing for performance can actually harm user experience... Did you know that decoding "async" can break multipage View Transitions? When a view transition is triggered, the browser captures a snapshot of the new page to animate from. If an image is still decoding asynchronously at tha...
Making Memes
It's Friday. Let's have some Fun! Let's write fun servers in PowerShell. About a week ago, I released Fun. It's a fun functional server in PowerShell.
Context-aware headings in HTML
A common issue that we've probably all faced at some point is having a component that includes a heading, which sometimes should be an H2 and sometimes maybe an H3, depending on where it's used.
Don't put aria-label on generic elements like divs
This post is part of a series called #WebAccessibilityFails, where I collect common issues I find in accessibility audits so that you can avoid them in the future.
Better code blocks with the Astro Expressive Code integration
today iain learned: How to build better and more accessible code blocks with the Astro Expressive Code integration
Static Sites are Simple
Static Sites are simple. They're just files, and mostly text. Here's a PowerShell one-liner to make a really simple static site: We make static sites with whatever language we want, and we can publish them about anywhere for free.
Hello World
I'm James, and the code above is Hello World in PowerShell. Long ago, I worked on the PowerShell team and helped build a really beautiful and interesting scripting language. In the past couple of decades I've been continuing to explore and grow the capabilities of the language, and have beamed with pride as more and more people have been inspired.
Screenshot DOM nodes to create favicon and Open Graph images
today iain learned: How to screenshot HTML DOM nodes and their CSS styles in the browser to create favicon and Open Graph images
Salma Alam-Naylor - Nordcraft
Salma Alam-Naylor introduces Nordcraft's visual web framework and shares her evolution from music teacher to Head of Developer Education.
Jeppe Reinhold - Storybook Modernization
Jeppe Reinhold from Chromatic reveals Storybook's transformation into a fast, modern development environment with Vite integration and AI-powered component discovery.
Definisjonsliste, type HTML
Fra HTML-standardens eksempler for dl-elementet Café ou Chocolat Liégeois 3.50 € 2 boules Café ou Chocolat, 1 boule Vanille, sauce café ou chocolat, chantilly Américaine 3.50 € 1 boule Crème brûlée, 1 boule Vanille, 1 boule Caramel, chantilly eller Apartment, n. An execution context grouping one or more threads with one or more COM objects....
Adam Argyle - nerdy.dev - Modern CSS
Adam Argyle from the CSS Working Group and Chrome dev tools team discusses VisBug and the future of design-development tool integration.
Dylan Piercey - Marko
Dylan Piercey from eBay explores Marko's pioneering streaming and islands architecture features, plus the major innovations in Marko v6's new compiler.
Matt Perry - (Framer) Motion - The Evolution of Animation Libraries
Matt Perry shares the evolution of Framer Motion into Motion, focusing on animation performance and expanding beyond React frameworks.
Pure Internet: NFC
HTML, CSS & minimal JS combined with NFC tech to create serverless web experiences.
Pure Internet: NFC
HTML, CSS & minimal JS combined with NFC tech to create serverless web experiences.
Vi teller fra 998
Over tusen! ni hundre og nittiåtte ni hundre og nittini tusen! tusen og en tusen og to
Vi teller fra 98
Over hundre! nittiåtte nittini hundre hundre og en hundre og to
Vi teller ned fra 13
Nedover: tretten tolv elleve ti ni åtte syv seks fem fire tre to en null? minus en?
Vi teller opp fra 9
Fra ni til tjuen kanskje? ni to elleve tolv tretten fjorten femten seksten søtten atten nitten tjue tjueen
Vi teller opp fra 1
Så begynner vi: en to tre fire fem seks sju åtte ni ti elleve tolv tretten
Dan Stepanov - NativeWind, NativeWind UI
Dan Stepanov explores NativeWind's Tailwind CSS for React Native challenges and his new component library NativeWind UI monetization.
I Put A Workshop On Chrome Developers Youtube
UI Workshop Sprinkle scroll driven animations, view transitions, popovers and container queries onto an ecommerce home page with me! Video · Code
What's a Single-Page App?
The web development community talks a lot about single-page apps, but are we all on a single page? Here's my ontology of web app architectures, organized by rendering and navigation.
The Over Easy Mini Web Machine
Ep #5 The Over-Easy Machine UI layering with anchor() no more complex position: absolute keyword alignment intrinsically sized based on content pairs radically with popover elements Try the machine: Basic · Author Cards · Animated Popover The latest Mini Web Machine on Chrome Dev…
The Closewatcher Api
Excellent post on the CloseWatcher API by Abdelrahman Awad .
Google Io Connect 2024 In Beijing China
Join me in Beijing‽ I'm giving a workshop that'll use CSS to add some rad upgrades to a store page.
Pop N Lock Dialog Mini Web Machine
Ep #4 Pop n' Lock <dialog> basics top-layer , transition-behavior and overlay explained how to transition a <dialog> The latest Mini Web Machine on Chrome Developers · Tiny bits of code that power great UX .
Nathan Walker, Eduardo Speroni - NativeScript
Nathan Walker and Eduardo Speroni dive into NativeScript's ability to bridge JavaScript with native platform APIs for cross-platform mobile development.