9x Datakit Network / Substance djsubstance
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="pl"></div> |
djsubstance
/ computer-store-landing-page.markdown
Created
April 8, 2022 22:36
Computer store landing page
Perfect horizontal AND vertical centering in CSS, at any width or height!
Works with percentage based width/height, min-/max- width, images, position: fixed and even variable content heights.
Updated Aug 13: Added a comparison table, an explanation, more documentation, and a Modernizr test for variable height
Updated Aug 16: Minor corrections and clarifications
Data table example
A Pen by alassetter on CodePen.
djsubstance
/ 2-a-visualizing-the-scene-transform.markdown
Created
April 16, 2022 05:01
2.a. Visualizing the scene transform 🚀
Using CSS 3D transforms, and just a bit of Javascript. More information on my blog.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="content"> | |
| <div class="door"> | |
| <div class="panel"></div> | |
| <div class="panel"></div> | |
| <div class="panel"></div> | |
| <div class="panel"></div> | |
| <div class="panel"></div> | |
| <div class="panel"></div> |
A Pen by Jesper Lauridsen on CodePen.