Search
On the `dl`
15.9.2021
Blogging about HTML elements¹? *chefs kiss*
Here’s Ben Myers on the (aptly described) “underrated” Definition List (<dl>) element in HTML:
You might have also seen lists of name–value pairs to describe lodging amenities, or to list
…
The post On the `dl` appeared...
Building a Form in PHP Using DOMDocument
14.9.2021
Learn how to build an HTML form in PHP using DOMDocument — a structured and expressive way to build logical markup.
The post Building a Form in PHP Using DOMDocument appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter
Shaq Says He Won’t Invest In Crypto Until He Understands It
13.9.2021
shaquille-oneal-hasnt-invested-in-crypto.html">told CNBC. “So I will probably stay away from it until I get a full understanding of what it is.”The former Los Angeles Lakers player recognizes that numerous athletes have entered into partnerships with crypto-focused businesses or invested
Litecoin Pumps and Dumps on Fake Walmart News
13.9.2021
news outlets such as CNBC, Reuters, and Bloomberg which originally reported it as a real story. In a later correction, CNBC wrote that a Walma
“Just in Time” CSS
10.9.2021
I believe acss.io is the first usage of “Atomic CSS” where the point of it is to be a compiler. You write CSS like this:
<div class="C(#fff) P(20px)"text
</div
And it will generate CSS like:
.C\(\#333\) {
color: #333;
…
The post “Just in Time” CSS appeared...
Ethereum Fraudster Sentenced to 2.5 Years Behind Bars
6.9.2021
://www.ksilbo.co.kr/news/articleView.html?idxno=912076">and the Kyoungsang Ilbo, a court in the South Eastern port city of Ulsan heard that the fraudster, named by the media as “A” for legal reasons, collected payments of ETH 15 (worth around USD 59,000 today) and over USD 10,000 worth of fiat f
Links on Performance IV
3.9.2021
HTTP Caching is a Superpower — Hugh Haworth covers how the Cache-Control header is an awfully potent ingredient in web performance. I mis-read the title at first and was waiting to read about HTML caching. Hugh covers it a bit
…
The post Links on Performance IV appeared first...
You don’t need external assets in an HTML file
2.9.2021
A fun exercise from Terence Eden. You can send an HTML file over the wire including anything a website might need without requesting any other files. CSS and JavaScript are easy, because there are <script and <style tags. Images and …
The post You don’t need external assets...
The Big Gotcha With Custom Properties
19.8.2021
I’ve seen this confuse more than a handful of people recently, including myself, so I’m making sure it’s written down.
Let’s chuck a couple of custom properties into CSS:
html {
--color-1: red;
--color-2: blue;
}
Let’s use them right …
The post The...
Tabs in HTML?
17.8.2021
Brian Kardell shares a bit about the progress of bringing "Tabs" to HTML. We kinda think we know what they are, but you have to be really specific when dealing with specs and defining them. It's tricky.
The post Tabs in HTML? appeared first on CSS-Tricks. You can support CSS-Tricks by being an...
HTML is Not a Programming Language?
16.8.2021
HTML is not a programming language.
I’ve heard that sentence so many times and it’s tiring. Normally, it is followed by something like, It doesn’t have logic, or, It is not Turing complete,.so… obviously it is not a programming …
The post HTML is Not a Programming Language?...
View Source (on Mobile)
10.8.2021
Have you ever wished you could see the HTML source of a web page while on a mobile browser, which generally doesn’t offer that feature? If you have a desktop machine around, there are ways, but what I mean …
The post View Source (on Mobile) appeared first on CSS-Tricks. You can support...
View Source (on Mobile)
10.8.2021
Have you ever wished you could see the HTML source of a web page while on a mobile browser, which generally doesn’t offer that feature? If you have a desktop machine around, there are ways, but what I mean …
The post View Source (on Mobile) appeared first on CSS-Tricks. You can support...
CSS Nesting, specificity, and you
10.8.2021
Here’s Kilian Valkhof on CSS nesting which isn’t available in browsers yet, but will be soon. There are a few differences he notes between CSS nesting and nesting in Sass or Less though. Take, for example, the following code:
div
…
The post CSS Nesting, specificity, and you appeared...
onInput Event
3.8.2021
Coding HTML forms has been painful my entire career. Form controls look different between operating systems and browsers, coding client side and server side validation is a nightmare, and inevitably you forget something somewhere along the line. Some behaviors don’t act the way you’d...
CSS Modules (The Native Ones)
2.8.2021
They are actually called “CSS Module Scripts” and are a native browser feature, as opposed to the popular open-source project that essentially does scoped styles by creating unique class name identifiers in both HTML and CSS.
Native CSS Modules are …
The post CSS Modules (The...
How to Code a Playable Synth Keyboard
2.8.2021
With a little knowledge of music theory, we can use regular HTML, CSS and JavaScript — without any libraries or audio samples — to create a simple digital instrument. Let’s put that into practice and explore one method for creating …
The post How to Code a Playable Synth Keyboard appeared...
GitHub Explains the Open Graph Images
29.7.2021
An explanation of those new GitHub social media images:
[…] our custom Open Graph image service is a little Node.js app that uses the GitHub GraphQL API to collect data, generates some HTML from a template, and pipes it to 
…
The post GitHub Explains the Open Graph Images...
Slinkity
26.7.2021
Perhaps the #1 reason I love Astro is that it brings the JavaScript component authoring experience to the Static Site Generator world with zero JavaScript (except bits you very specifically opt-in to). That HTML-first approach is also why I like …
The post Slinkity appeared first...
ECMAScript proposal: JSON modules
21.7.2021
Dr. Axel Rauschmayer looks at JSON modules, which is already live in Chrome 91 (but nothing else). It looks just like an ES Modules-style import, only you asset the type at the end.
import configData from './config-data.json' assert {type:
…
The post ECMAScript proposal: JSON modules...