Search

Nalezeno "HTML": 2737

Some notes on using esbuild


This is a fantastic article from Julia Evans about duking it out with modern front-end tooling. Julia has made a bunch of Vue projects and typically uses no build process at all:  I usually have an index.html file, a script.js…

Spicy Sections


What if HTML had “tabs”? That would be cool, says I. Dave has been spending some of his time and energy, along with a group of “Tabvengers” from OpenUI, on this. A lot of research leads to a bit …

The Many Faces of VS Code in the Browser


VS Code is built from web technologies (HTML, CSS, and JavaScript), but dare I say today it’s mostly used a local app that’s installed on your machine. That’s starting to shift, though, as there has been an absolute explosion of … The post The Many Faces of VS Code in...

Generate a Pull Request of Static Content With a Simple HTML Form


Jamstack has been in the website world for years. Static Site Generators (SSGs) — which often have content that lives right within a GitHub repo itself — are a big part of that story. That opens up the idea of … The post Generate a Pull Request of Static Content With a Simple HTML Form...

Semantic menu context


Scott digs into the history of the <menu> element. He traced it as far back as HTML 2 (!) in a 1994 changelog. The vibe then, it seems, was to mark up a list. I would suspect the intention … The post Semantic menu context appeared first on CSS-Tricks. You can support CSS-Tricks...

cleanup.pictures


Nice domain, eh? Does just what it says on the tin: cleans up pictures. You draw over areas of the image you want cleaned up, and it does its best using weird science. It’s like Photoshop’s Spot Healing Brush… The post cleanup.pictures appeared first on CSS-Tricks. You...

Detecting Specific Text Input with HTML and CSS


Louis Lazaris breaks down some bonafide CSS trickery from Jane. The Pen shows off interactivity where: You have to press a special combination of keys on a keyboard. Then type a secret password. From there, a special message pops … The post Detecting Specific Text Input with HTML and...

React Suspense: Lessons Learned While Loading Data


Suspense is React’s forthcoming feature that helps coordinate asynchronous actions—like data loading—allowing you to easily prevent inconsistent state in your UI. I’ll provide a better explanation of what exactly that means, along with a quick introduction of Suspense, and then … The...

Favicons: How to Make Sure Browsers Only Download the SVG Version


Šime Vidas DM’d me the other day about this thread from subzey on Twitter. My HTML for favicons was like this: <!-- Warning! Typo! --<link rel="icon" href="/favicon.ico" size="any"<link rel="icon" href="/favicon.svg" type="image/svg+xml" The attribute size is a typo there...

enterkeyhint


I only just recently learned the enterkeyhint attribute on form inputs was a thing! It seems like kind of a big deal to me, as crafting HTML form markup is a decent slice of a front-end developer’s life, and this … The post enterkeyhint appeared first on CSS-Tricks. You can support...

How to Implement and Style the Dialog Element


A look from Christian Kozalla on the <dialog> HTML element and using it to create a nice-looking and accessible modal. CodePen Embed Fallback I’m attracted to the <dialog> element as it’s one of those “you get a lot for free” … The post How...

Can Include (a Certain HTML element within another Certain HTML Element)


A single-serving website from Alexander Vishnyakov for testing if it’s valid to put any particular HTML element within another type of HTML element. Kinda neat to have a quick reference for this. Some combinations feel fairly obvious: can you put … The post Can Include (a Certain HTML...

Three-Digit Browser Versions in March 2022


This isn’t supposed to be any sort of decision-making based on browser User-Agent Strings. But, ya know, collectively, we do make those decisions. Karl Dubost notes that there is a significant change coming to them, notably moving the version … The post Three-Digit Browser Versions...

Binance to Pump USD 1B Into Its Chain, Aims for Billion Users


arget="_blank" rel="noopener noreferrer" href="https://www.newswire.ca/news-releases/binance-launches-1-billion-binance-smart-chain-bsc-fund-to-increase-global-crypto-users-to-1-billion-862993651.html">Per the press release, the platform has launched a USD 1bn Crypto Mass Adoption Fund for BSC,

Jekyll doesn’t do components? Liar!


I like the pushback from Katie Kodes here. I’ve said in the past that I don’t think server-side languages haven’t quite nailed “building in components” as well as JavaScript has, but hey, this is a good point: 1. Any basic … The post Jekyll doesn’t...

The Options for Password Revealing Inputs


In HTML, there is a very clear input type for dealing with passwords: <input type="password" If you use that, you get the obfuscated bullet-points when you type into it, like: •••••••• That’s the web trying to help with security. If … The post The Options for Password Revealing...

How to Implement and Style the Dialog Element


Go in-depth on the native dialog HTML element with this tutorial and learn how to implement a user-friendly, accessible dialog on your website. The post How to Implement and Style the Dialog Element appeared first on Codrops

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace