Search
How I Made a Pure CSS Puzzle Game
9.9.2022
I recently discovered the joy of creating CSS-only games. It’s always fascinating how HTML and CSS are capable of handling the logic of an entire online game, so I had to try it! Such games usually rely on the ol’ …
How I Made a Pure CSS Puzzle Game originally published on CSS-Tricks, which...
What’s New With Forms in 2022?
8.9.2022
Browsers are constantly adding new HTML, JavaScript and CSS features. Here are some useful additions to working with forms that you might have missed…
requestSubmit()
Safari 16 will be the final browser to add support for requestSubmit.
Before we …
What’s New With Forms in 2022? originally...
The Week In Games: Enter The Splatlands
6.9.2022
Read more
CSS :out-of-range
22.8.2022
One aspect of web development I’ve always loathed was working with forms. Form elements have been traditionally difficult to style due to OS and browser differences, and validation can be a nightmare. Luckily the native HTML APIs added methods for improving the form validation situation. With...
The Anime Series With Better Metaverses Than Meta, AKA Facebook
12.8.2022
Read more
Committing CSS Crimes
9.8.2022
The time for CSS-Tricks is over. Now is the time for CSS Crimes!
In this current landscape of content service providers, users are often limited to expressing themselves in text, links, and images. Sanitization rules tend to strip out HTML, …
Committing CSS Crimes originally published...
How Plugins Enhance The WYSIWYG Editing Experience (Sponsored)
2.8.2022
WYSIWYG editors are one of the core components of any content management system (CMS). A well-coded, feature-filled WYSIWYG HTML editor can distinguish between a CMS users love and one they can’t stand.  While all WYSIWYG editors have a set of basic functionality, the power of plugins...
How to Copy HTML and CSS Code From Websites Easily
2.8.2022
Learn how to use CSS Scan to easily copy styles and markup of any element on a website
Roundup of Recent Document Outline Chatter
21.7.2022
It’s not everyday that HTML headings are the topic de jour, but my folder of saved links is accumulating articles about the recently merged removal of the document outline algorithm in the WHATWG Living Standard.
First off, you should know …
Roundup of Recent Document Outline Chatter...
Technical Writing for Developers
11.7.2022
HTML, CSS, JavaScript, Python, PHP, C++, Dart — there are so many programming languages out there and you may even be totally fluent in several of them! But as we aim to write more and better code, the way we …
Technical Writing for Developers originally published on CSS-Tricks. You should...
Single Element Loaders: Going 3D!
1.7.2022
For this fourth and final article of our little series on single-element loaders, we are going to explore 3D patterns. When creating a 3D element, it’s hard to imagine that just one HTML element is enough to simulate something like...
Collective #718
30.6.2022
Color.js * Defensive CSS * svg-path-morph * PRQL * My Wonderful HTML Email Workflow
The post Collective #718 appeared first on Codrops
Different Ways to Write CSS in React
22.6.2022
We’re all familiar with the standard way of linking up a stylesheet to the <head> of an HTML doc, right? That’s just one of several ways we’re able to write CSS. But what does it look like to style things …
Different Ways to Write CSS in React originally published on CSS-Tricks....
Am I on the IndieWeb yet?
9.6.2022
Can’t smash the Like button hard enough for what Miriam Suzanne has to say on the challenging technical hurdles of implementing Webmentions:
The first round required several online services along with HTML & JS changes to my static site, just to verify my
…
Am...
Please Give Me Some Space
3.6.2022
There’s all kinds of ways to do that. Some more advisable and better-suited for certain situations than others, of course.
We could do it directly in HTML:
<pWe go from one line...<br<brdown a couple more.</p
But that’s …
Please Give Me Some Space originally...
A Perfect Table of Contents With HTML + CSS
25.5.2022
Earlier this year, I self-published an ebook called Understanding JavaScript Promises (free for download). Even though I didn’t have any intention of turning it into a print book, enough people reached out inquiring about a print version that …
A Perfect Table of Contents With HTML...
Dialog Components: Go Native HTML or Roll Your Own?
23.5.2022
As the author of a library called AgnosticUI, I’m always on the lookout for new components. And recently, I decided to dig in and start work on a new dialog (aka modal) component. That’s something many devs like to …
Dialog Components: Go Native HTML or Roll Your Own? originally published...
CSS :optional
22.5.2022
A decade ago HTML and CSS added the ability to, at least signal, validation of form fields. The required attribute helped inform users which fields were required, while pattern allowed developers to provide a regular expression to match against an <input>‘s value. Targeting required...
Legacy String Methods for Generating HTML
26.4.2022
I’m always really excited to see new methods on JavaScript primitives. These additions are acknowledgement that the language needs to evolve and that we’re doing exciting new things. That being said, I somehow just discovered some legacy String methods that you probably shouldn’t...
Write HTML, the HTML Way (Not the XHTML Way)
21.3.2022
You may not use XHTML (anymore), but when you write HTML, you may be more influenced by XHTML than you think. You are very likely writing HTML, the XHTML way.
What is the XHTML way of writing HTML, and what …
Write HTML, the HTML Way (Not the XHTML Way) originally published on CSS-Tricks....