Zum Inhalt springen

Archiv für "CSS"

Cybertruck in CSS

This morning, my timeline on Twitter was full of pictures and remarks about Tesla's new "Cybertruck" with the futuristic and plain look, brutal even. One of the first things that came to my under-coffeed mind then was "hm, this looks so angular, this was maybe designed with CSS?" As one does, a tweet followed: "css...

The Layers Of The Web

Jeremy Keith's talk at Beyond Tellerrand Berlin 2019 about the "layers of the web" (be sure to watch this!) inspired me to a quick css animation experiment on codepen: See the Pen Web Layers Of Pace by Tom (@webrocker) on CodePen. Be sure to look at it in the full screen mode, the thing currently...

You Pay (Or Maybe You Don’t) - Heydon Pickering

[wbr-quote cite="https://every-layout.dev/blog/you-pay/"]Some people can afford to work for nothing: people who have already accumulated lots of capital, for example, or are subsidized by their families. For them, “exposure” alone may be enough motivation. But it’s important they do charge for their work anyway. Why? Because the more people work for free, the less perceived value...

DWNTLETSIEB* revisited

No, websites do not need to look exactly the same in every browser, but while styling a details/summary element recently, I thought I had found smart way to make the default "open/closed" markers behave visually a bit nicer without resorting to re-invent several wheels and hacking my way with "::before" contents: .acc-trigger { list-style-type: none;...

Sliding underline

In a current project, the designer asked if we could add a little gimmick to the horizontal navigation, which consists of just a few one-level items. Of course the idea is visual-, desktop-, and mouse-input-device-centric, and a discussion about other devices and the resulting state of the navigation ensued, and we agreed to treat this...

What Comes Next Is the Future

Dedicated to all the people who work to make the web a little better every day […] a documentary film about the web […] It is the story of Tim Berners-Lee’s creation – how it came to be, where it’s been, and where it’s going – as told by the people who build it. vimeo.com...

Ch-ch-ch-changes

For a long time it has bugged me that the css for the recent version of my site was desktop-down. I made some adjustments for adaptive/responsive behaviour three or four years ago, but since the code base of my site is organically growing since I started it on WordPress in 2005… uhm, I think you...

CSS Basics

Pfft. Da macht man (ich) seit Jahren, fast Jahrzehnten, mit diesem CSS-Zeugs rum, denkt, dass man den Krams eigentlich ganz gut verstanden hat und im Griff hat. Klar, manchmal passieren komische Sachen, die man nicht so direkt versteht oder nachvollziehen kann, dann stochert man ein bisschen rum, sucht sich ähnliche Probleme und/oder Hinweise zusammen, fixt...

3D Cube in CSS

CSS - Cascading Style Sheets - has come a long way from being the "paint" on HTMLs structure. In the relativly short span of one afternoon I was able to create a threedimensional cube, that, with a little help of some JavaScript glued onto some input fields, can be rotated along its X-, Y-, and...

  • Seite 1 von 2
  • 1
  • 2
  • »