@cobweb I am curious too. By default you can set a size like this ![[image.png|pixels]]
Aligning an #image can be done using a #CSS like below and embed it like this ![[image.png#center|300]] but it’s a hassle to edit text along side the image when not in source mode.
With the popover API available in all browsers for a while now, we can easily build entirely accessible, even animated popovers for all use cases just with HTML and CSS. As an example I have created a codepen with a simple search button that opens a search field. #HTML#CSS#A11Y#accessibility https://codepen.io/philliproth/pen/OJYLyMp
3 days until the @eleventy's International Symposium on Making Web Sites Real Good!
@mia will be there doing a quick dive into the origins of the web, and #CSS in particular—the design constraints, and the range of strange proposals, and how we got where we are.
Over the weekend I applied this neat little CSS trick for implementing color change effect on the pagination component of my blog. One little CSS rule solves it for both light and dark themes!
Use modern CSS to add a status indicator to your avatar using less than 10 CSS declarations and without extra elements.
✅ Only the image element
✅ No pseudo-element
✅ Transparent gap
✅ Optimized with CSS variables
The question of whether CSS is a programming language serves only one purpose: to demote those who write it.
There is no confusion that needs to be clarified, and no other purpose in asking, beyond the most trivial kind of pedantry.
The debate itself is an act of gatekeeping, whether intentional or not. Its only significant effect is to elevate some work over other work, despite their essentially identical nature.
The only meaningful function of the question is segregation. #css
@EU_Commission Well, the topic I disliked the most is your plan to compromise the online safety, security and privacy of all 450 million Europeans with the plans to scan their devices. In addition, you are not open and transparent enough about these plans, as most of those 450 million do not know you are working on this. You know it does not work and that is in violation with human rights, yet you keep pushing. Why? #CSAM#CSS#Encryption#Security#Privacy#GDPR
Launching two blog posts on the same day is not what I usually do. Yesterday has been an exception, but at least I delayed the announcement of this one: For those who haven’t read it already, …
Create a ⭐️ Star shape using clip-path and only 5 points (instead of 10).
Three different codes to create the same shape
1⃣ Precise version using math
2⃣ Calculated version without math
3⃣ Simplified version with easier coordinates values
The difference between the versions is that the first and second ones consider the inscribed circle of a square to draw the different points while the third one considers the smallest rectangle that can contain the star shape.
I'm sorry for saying this, but I am so disappointed in working with non-inline-size container queries. I have not had a single instance in which they behave as expected.
I understand why it is, but let's say for example, you have a footer-type thing, an action bar with buttons, that you want to position fixed when an element exceeds a certain height. If I slap on container-type: size; it will immediately collapse the entire thing, making all of it entirely useless.
The way to get better at #HTML & #CSS isn't to build complex web applications with frontend frameworks. The way to get better at HTML & CSS is to write content with HTML & CSS.
Build a blog.
Build a landing page.
Build a report.
Build a portfolio.
Build lists.
Most web applications are simply content + forms in a fancy UI trench coat. 😅 They just tend to be far more "componetized" — making it much harder to grok the underlying semantics at first.