L33t CSS skills
-
Am I missing something? There's an article talking about a pure CSS image, and several screenshots of it in different browsers. But where's the link to the actual image? :doh: Edit: Found it after jumping through several hoops. They couldn't make it easy, could they? PureCSS Lace[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer
Yeah, sorry about that - I'll add it to the original post.
TTFN - Kent
-
Some people have way too much skill (and spare time): This Amazing Image Made of Code Looks Different Based on Your Browser - VICE[^] It's certainly also a testament to just what CSS can do, when you're not letting it beat you into submission. and here's the actual CSS: PureCSS Lace[^]
TTFN - Kent
It would have helped if they had linked to it so you could see the render in your browser rather than just pictures of what it apparently looks like in each, with no evidence that it changes. But ho hum ... it would be interesting to see what it looked like in a Chrome IE tab ... :laugh:
"I have no idea what I did, but I'm taking full credit for it." - ThisOldTony AntiTwitter: @DalekDave is now a follower!
-
Am I missing something? There's an article talking about a pure CSS image, and several screenshots of it in different browsers. But where's the link to the actual image? :doh: Edit: Found it after jumping through several hoops. They couldn't make it easy, could they? PureCSS Lace[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer
Was looking for it too! Apparently, you have to follow the GitHub link: cyanharlow (Diana Smith) · GitHub[^] Which has various projects with links to the portraits, like this one: Francine[^]
Best, Sander sanderrossel.com Continuous Integration, Delivery, and Deployment arrgh.js - Bringing LINQ to JavaScript Object-Oriented Programming in C# Succinctly
-
Some people have way too much skill (and spare time): This Amazing Image Made of Code Looks Different Based on Your Browser - VICE[^] It's certainly also a testament to just what CSS can do, when you're not letting it beat you into submission. and here's the actual CSS: PureCSS Lace[^]
TTFN - Kent
It's a real PITA just centering an element in CSS, but this is something entirely different :omg: This is just next level masochism :wtf:
Best, Sander sanderrossel.com Continuous Integration, Delivery, and Deployment arrgh.js - Bringing LINQ to JavaScript Object-Oriented Programming in C# Succinctly
-
It's a real PITA just centering an element in CSS, but this is something entirely different :omg: This is just next level masochism :wtf:
Best, Sander sanderrossel.com Continuous Integration, Delivery, and Deployment arrgh.js - Bringing LINQ to JavaScript Object-Oriented Programming in C# Succinctly
-
It's a real PITA just centering an element in CSS, but this is something entirely different :omg: This is just next level masochism :wtf:
Best, Sander sanderrossel.com Continuous Integration, Delivery, and Deployment arrgh.js - Bringing LINQ to JavaScript Object-Oriented Programming in C# Succinctly
-
It would have helped if they had linked to it so you could see the render in your browser rather than just pictures of what it apparently looks like in each, with no evidence that it changes. But ho hum ... it would be interesting to see what it looked like in a Chrome IE tab ... :laugh:
"I have no idea what I did, but I'm taking full credit for it." - ThisOldTony AntiTwitter: @DalekDave is now a follower!
Not a Chrome IE tab, but it doesn't look very good in IE 11[^]
TTFN - Kent
-
Some people have way too much skill (and spare time): This Amazing Image Made of Code Looks Different Based on Your Browser - VICE[^] It's certainly also a testament to just what CSS can do, when you're not letting it beat you into submission. and here's the actual CSS: PureCSS Lace[^]
TTFN - Kent
As amazing as that is, it's basically just vector art. The same thing could be done using svg.
[Window Detective] - Windows UI spy utility
-
For some reason I'm having a really hard time believing anything is easy in CSS... X| Although I could brush up on my CSS skills a bit.
Best, Sander sanderrossel.com Continuous Integration, Delivery, and Deployment arrgh.js - Bringing LINQ to JavaScript Object-Oriented Programming in C# Succinctly
-
Didn't you know CSS stands for: Crying Stinking Shame :-\
It means a lot of things: CSS (disambiguation) - Wikipedia[^] The best one to describe the CSS we're talking about is the Content Scramble System, not even a joke :laugh:
Best, Sander sanderrossel.com Continuous Integration, Delivery, and Deployment arrgh.js - Bringing LINQ to JavaScript Object-Oriented Programming in C# Succinctly
-
For some reason I'm having a really hard time believing anything is easy in CSS... X| Although I could brush up on my CSS skills a bit.
Best, Sander sanderrossel.com Continuous Integration, Delivery, and Deployment arrgh.js - Bringing LINQ to JavaScript Object-Oriented Programming in C# Succinctly
.center-me {
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer
"These people looked deep within my soul and assigned me a number based on the order in which I joined" - Homer
-
.center-me {
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer
I'm amazed, but I'm remaining skeptic. CSS has a lot of trust to rebuild before we can be friends again :^)
Best, Sander sanderrossel.com Continuous Integration, Delivery, and Deployment arrgh.js - Bringing LINQ to JavaScript Object-Oriented Programming in C# Succinctly
