Tag: HTML

This is a test

Dieser Trick, Youtube Videos in Webseiten einzubauen, ohne, dass der ganze Kram gleich vorgeladen und deine, meine IP direkt an Google gemeldet wird, hat mir so gut gefallen, dass ich daraus ein Plugin für mein Blog gemacht habe. Funktioniert ganz gut, finde ich. Ist jetzt noch nicht ready for the world, aber funktioniert schon ganz...

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.

Focusgroup: The Future of Keyboard Navigation

Chrome and Edge 150 shipped native focusgroup support — an HTML attribute that brings arrow-key navigation to the browser, with automatic ARIA roles and a polyfill available today.

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.

href="#" and the Focus Trap

An empty href="#" is valid HTML — but it scrolls the page without moving keyboard focus, silently breaking WCAG 2.4.3. Here's why, and the one-line fix.

headingoffset Is Coming: How to Prepare Today

With headingoffset starting to land in browsers, learn how to prepare now using polyfills, safe CSS fallbacks, and accessibility-first heading styling.

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.

Atproto markup for HTML

A call to use trivial RDFa markup in our HTML to indicate which records produced the elements on our pages.

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.

Grid Lanes, Subgrid, and No Extra Wrappers

A narrative walkthrough of how grid lanes, subgrid, and anchor positioning let me remove wrapper-heavy CSS workarounds as a progressive enhancement.

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.

Nice Select

Building a modern custom select with base-select.

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.

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.

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

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.

You don’t need JS for that

An internal 90-minute Atos workshop where live coding demos showed how modern HTML and CSS can replace heavy JavaScript with better a11y and performance.

closedBy=any

Declarative dialog light dismiss

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.

Curated List: Web Platform, CSS, Accessibility

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.

Python-kodeblokk

Eksempel på kodeblokk med Python

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.

ABC-liste

a be se

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.

Have a dialog

A few fancyish dialogs for you to steal.

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 .