#encarta — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #encarta, aggregated by home.social.
-
Omigosh, I think I've just invented a completely new #HTML / #CSS technique! :O
How do I explain this? HTML/CSS has popovers now -- if you add a `popover` attribute to an element, it gets hidden by default and any `<button>` or `<input>` (oddly, *only* those elements allowed) that points to it with `popovertarget` will make the popover appear.
Nice, but now you have two elements -- the thing you click, and the popover that appears.
I wanted to make the image thumbnail on the left, open an expanded version when clicked on. Two elements, right? The one in the sidebar, and a copy for the big popover. Two copies of the image, two copies of the text.
I discovered how to make an element popover itself.
Ah, but that tiny image in the sidebar isn't going to do when you expand it to fill the screen, no?
By using a `srcset` attribute, you can have multiple images that are chosen based on the size of the element...
```html
<img srcset="
pages/images/tower-of-balal-1-thumb.jpg 320w,
pages/images/tower-of-balal-1.jpg 1929w
" />
```In the screenshots, you are looking at the *same* `<figure>` element as in the sidebar popped out to fill the screen. All in HTML / CSS. No #javascript!
This is probably a *big deal* to those who understand what it means.
-- edit: I am coining the term "CSS mipmap" to describe this image technique of creating a pop-out / lightbox with a shared image element -- #cssmipmap
-
Omigosh, I think I've just invented a completely new #HTML / #CSS technique! :O
How do I explain this? HTML/CSS has popovers now -- if you add a `popover` attribute to an element, it gets hidden by default and any `<button>` or `<input>` (oddly, *only* those elements allowed) that points to it with `popovertarget` will make the popover appear.
Nice, but now you have two elements -- the thing you click, and the popover that appears.
I wanted to make the image thumbnail on the left, open an expanded version when clicked on. Two elements, right? The one in the sidebar, and a copy for the big popover. Two copies of the image, two copies of the text.
I discovered how to make an element popover itself.
Ah, but that tiny image in the sidebar isn't going to do when you expand it to fill the screen, no?
By using a `srcset` attribute, you can have multiple images that are chosen based on the size of the element...
```html
<img srcset="
pages/images/tower-of-balal-1-thumb.jpg 320w,
pages/images/tower-of-balal-1.jpg 1929w
" />
```In the screenshots, you are looking at the *same* `<figure>` element as in the sidebar popped out to fill the screen. All in HTML / CSS. No #javascript!
This is probably a *big deal* to those who understand what it means.
-- edit: I am coining the term "CSS mipmap" to describe this image technique of creating a pop-out / lightbox with a shared image element -- #cssmipmap
-
Omigosh, I think I've just invented a completely new #HTML / #CSS technique! :O
How do I explain this? HTML/CSS has popovers now -- if you add a `popover` attribute to an element, it gets hidden by default and any `<button>` or `<input>` (oddly, *only* those elements allowed) that points to it with `popovertarget` will make the popover appear.
Nice, but now you have two elements -- the thing you click, and the popover that appears.
I wanted to make the image thumbnail on the left, open an expanded version when clicked on. Two elements, right? The one in the sidebar, and a copy for the big popover. Two copies of the image, two copies of the text.
I discovered how to make an element popover itself.
Ah, but that tiny image in the sidebar isn't going to do when you expand it to fill the screen, no?
By using a `srcset` attribute, you can have multiple images that are chosen based on the size of the element...
```html
<img srcset="
pages/images/tower-of-balal-1-thumb.jpg 320w,
pages/images/tower-of-balal-1.jpg 1929w
" />
```In the screenshots, you are looking at the *same* `<figure>` element as in the sidebar popped out to fill the screen. All in HTML / CSS. No #javascript!
This is probably a *big deal* to those who understand what it means.
-- edit: I am coining the term "CSS mipmap" to describe this image technique of creating a pop-out / lightbox with a shared image element -- #cssmipmap
-
Omigosh, I think I've just invented a completely new #HTML / #CSS technique! :O
How do I explain this? HTML/CSS has popovers now -- if you add a `popover` attribute to an element, it gets hidden by default and any `<button>` or `<input>` (oddly, *only* those elements allowed) that points to it with `popovertarget` will make the popover appear.
Nice, but now you have two elements -- the thing you click, and the popover that appears.
I wanted to make the image thumbnail on the left, open an expanded version when clicked on. Two elements, right? The one in the sidebar, and a copy for the big popover. Two copies of the image, two copies of the text.
I discovered how to make an element popover itself.
Ah, but that tiny image in the sidebar isn't going to do when you expand it to fill the screen, no?
By using a `srcset` attribute, you can have multiple images that are chosen based on the size of the element...
```html
<img srcset="
pages/images/tower-of-balal-1-thumb.jpg 320w,
pages/images/tower-of-balal-1.jpg 1929w
" />
```In the screenshots, you are looking at the *same* `<figure>` element as in the sidebar popped out to fill the screen. All in HTML / CSS. No #javascript!
This is probably a *big deal* to those who understand what it means.
-- edit: I am coining the term "CSS mipmap" to describe this image technique of creating a pop-out / lightbox with a shared image element -- #cssmipmap
-
Omigosh, I think I've just invented a completely new #HTML / #CSS technique! :O
How do I explain this? HTML/CSS has popovers now -- if you add a `popover` attribute to an element, it gets hidden by default and any `<button>` or `<input>` (oddly, *only* those elements allowed) that points to it with `popovertarget` will make the popover appear.
Nice, but now you have two elements -- the thing you click, and the popover that appears.
I wanted to make the image thumbnail on the left, open an expanded version when clicked on. Two elements, right? The one in the sidebar, and a copy for the big popover. Two copies of the image, two copies of the text.
I discovered how to make an element popover itself.
Ah, but that tiny image in the sidebar isn't going to do when you expand it to fill the screen, no?
By using a `srcset` attribute, you can have multiple images that are chosen based on the size of the element...
```html
<img srcset="
pages/images/tower-of-balal-1-thumb.jpg 320w,
pages/images/tower-of-balal-1.jpg 1929w
" />
```In the screenshots, you are looking at the *same* `<figure>` element as in the sidebar popped out to fill the screen. All in HTML / CSS. No #javascript!
This is probably a *big deal* to those who understand what it means.
-- edit: I am coining the term "CSS mipmap" to describe this image technique of creating a pop-out / lightbox with a shared image element -- #cssmipmap
-
Okay, now we're getting somewhere.
Yes, I absolutely am going to plunder the public domain, yarr.
-
Okay, now we're getting somewhere.
Yes, I absolutely am going to plunder the public domain, yarr.
-
Okay, now we're getting somewhere.
Yes, I absolutely am going to plunder the public domain, yarr.
-
Okay, now we're getting somewhere.
Yes, I absolutely am going to plunder the public domain, yarr.
-
Okay, now we're getting somewhere.
Yes, I absolutely am going to plunder the public domain, yarr.
-
I'm not certain about the background watermark. It _is_ on brand though.
Where did I get it? It's Clipart.
No, not "I googled 'clipart'" Clipart,
_actual Clipart_. -
I'm not certain about the background watermark. It _is_ on brand though.
Where did I get it? It's Clipart.
No, not "I googled 'clipart'" Clipart,
_actual Clipart_. -
I'm not certain about the background watermark. It _is_ on brand though.
Where did I get it? It's Clipart.
No, not "I googled 'clipart'" Clipart,
_actual Clipart_. -
I'm not certain about the background watermark. It _is_ on brand though.
Where did I get it? It's Clipart.
No, not "I googled 'clipart'" Clipart,
_actual Clipart_. -
I'm not certain about the background watermark. It _is_ on brand though.
Where did I get it? It's Clipart.
No, not "I googled 'clipart'" Clipart,
_actual Clipart_. -
-
-
-
-
-
Unless you were largely cognisant during the late 90s, it's very hard to get across to you just _how_ bristling with positive energy computing was back then, just **look** at this opening screen, it screams "ARE YOU READY TO LEARN MOTHERF*CKER?!".
It has dolphins, in the clouds. How many smartphone apps welcome you with dolphins in clouds?
-
Unless you were largely cognisant during the late 90s, it's very hard to get across to you just _how_ bristling with positive energy computing was back then, just **look** at this opening screen, it screams "ARE YOU READY TO LEARN MOTHERF*CKER?!".
It has dolphins, in the clouds. How many smartphone apps welcome you with dolphins in clouds?
-
Unless you were largely cognisant during the late 90s, it's very hard to get across to you just _how_ bristling with positive energy computing was back then, just **look** at this opening screen, it screams "ARE YOU READY TO LEARN MOTHERF*CKER?!".
It has dolphins, in the clouds. How many smartphone apps welcome you with dolphins in clouds?
-
Unless you were largely cognisant during the late 90s, it's very hard to get across to you just _how_ bristling with positive energy computing was back then, just **look** at this opening screen, it screams "ARE YOU READY TO LEARN MOTHERF*CKER?!".
It has dolphins, in the clouds. How many smartphone apps welcome you with dolphins in clouds?
-
Unless you were largely cognisant during the late 90s, it's very hard to get across to you just _how_ bristling with positive energy computing was back then, just **look** at this opening screen, it screams "ARE YOU READY TO LEARN MOTHERF*CKER?!".
It has dolphins, in the clouds. How many smartphone apps welcome you with dolphins in clouds?
-
Where do you want to go today?
https://camendesign.com/nomad#worldglass #retrocomputing #microsoft #encarta #webdev #html #css
-
Where do you want to go today?
https://camendesign.com/nomad#worldglass #retrocomputing #microsoft #encarta #webdev #html #css
-
Where do you want to go today?
https://camendesign.com/nomad#worldglass #retrocomputing #microsoft #encarta #webdev #html #css
-
Where do you want to go today?
https://camendesign.com/nomad#worldglass #retrocomputing #microsoft #encarta #webdev #html #css
-
Where do you want to go today?
https://camendesign.com/nomad#worldglass #retrocomputing #microsoft #encarta #webdev #html #css
-
The time period the story is set in is only 2'000 years after the first civilisations had formed, but given that they live in a desert world inside an hour-glass the size of Earth, it's fair to assume they'll have computers in the distant future (plenty of silicon available), and when they do, there will be #Encarta!
Just a quick mockup of a website for my book based on Encarta 96 since making an encyclopedia of the story world is something I'm considering.
5KB of HTML+#CSS, no JS, noAI
Get the book free as a PDF/epub here:
https://camendesign.com/nomad -
The time period the story is set in is only 2'000 years after the first civilisations had formed, but given that they live in a desert world inside an hour-glass the size of Earth, it's fair to assume they'll have computers in the distant future (plenty of silicon available), and when they do, there will be #Encarta!
Just a quick mockup of a website for my book based on Encarta 96 since making an encyclopedia of the story world is something I'm considering.
5KB of HTML+#CSS, no JS, noAI
Get the book free as a PDF/epub here:
https://camendesign.com/nomad -
The time period the story is set in is only 2'000 years after the first civilisations had formed, but given that they live in a desert world inside an hour-glass the size of Earth, it's fair to assume they'll have computers in the distant future (plenty of silicon available), and when they do, there will be #Encarta!
Just a quick mockup of a website for my book based on Encarta 96 since making an encyclopedia of the story world is something I'm considering.
5KB of HTML+#CSS, no JS, noAI
Get the book free as a PDF/epub here:
https://camendesign.com/nomad -
The time period the story is set in is only 2'000 years after the first civilisations had formed, but given that they live in a desert world inside an hour-glass the size of Earth, it's fair to assume they'll have computers in the distant future (plenty of silicon available), and when they do, there will be #Encarta!
Just a quick mockup of a website for my book based on Encarta 96 since making an encyclopedia of the story world is something I'm considering.
5KB of HTML+#CSS, no JS, noAI
Get the book free as a PDF/epub here:
https://camendesign.com/nomad -
The time period the story is set in is only 2'000 years after the first civilisations had formed, but given that they live in a desert world inside an hour-glass the size of Earth, it's fair to assume they'll have computers in the distant future (plenty of silicon available), and when they do, there will be #Encarta!
Just a quick mockup of a website for my book based on Encarta 96 since making an encyclopedia of the story world is something I'm considering.
5KB of HTML+#CSS, no JS, noAI
Get the book free as a PDF/epub here:
https://camendesign.com/nomad -
a roundtable with several developers who worked on the MS Encarta cd-rom encyclopedias. it's surprisingly in-depth about what it was like trying to cram a bookshelf onto a single disc in the 90s. you can tell they really loved working on it.
part 1:
https://learn.microsoft.com/en-us/shows/retro-tech/microsoft-encarta-let-wizard-do-itpart 2:
https://learn.microsoft.com/en-us/shows/retro-tech/remembering-microsoft-encarta -
a roundtable with several developers who worked on the MS Encarta cd-rom encyclopedias. it's surprisingly in-depth about what it was like trying to cram a bookshelf onto a single disc in the 90s. you can tell they really loved working on it.
part 1:
https://learn.microsoft.com/en-us/shows/retro-tech/microsoft-encarta-let-wizard-do-itpart 2:
https://learn.microsoft.com/en-us/shows/retro-tech/remembering-microsoft-encarta -
a roundtable with several developers who worked on the MS Encarta cd-rom encyclopedias. it's surprisingly in-depth about what it was like trying to cram a bookshelf onto a single disc in the 90s. you can tell they really loved working on it.
part 1:
https://learn.microsoft.com/en-us/shows/retro-tech/microsoft-encarta-let-wizard-do-itpart 2:
https://learn.microsoft.com/en-us/shows/retro-tech/remembering-microsoft-encarta -
a roundtable with several developers who worked on the MS Encarta cd-rom encyclopedias. it's surprisingly in-depth about what it was like trying to cram a bookshelf onto a single disc in the 90s. you can tell they really loved working on it.
part 1:
https://learn.microsoft.com/en-us/shows/retro-tech/microsoft-encarta-let-wizard-do-itpart 2:
https://learn.microsoft.com/en-us/shows/retro-tech/remembering-microsoft-encarta -
a roundtable with several developers who worked on the MS Encarta cd-rom encyclopedias. it's surprisingly in-depth about what it was like trying to cram a bookshelf onto a single disc in the 90s. you can tell they really loved working on it.
part 1:
https://learn.microsoft.com/en-us/shows/retro-tech/microsoft-encarta-let-wizard-do-itpart 2:
https://learn.microsoft.com/en-us/shows/retro-tech/remembering-microsoft-encarta -
Кто-нибудь пользовался Microsoft #Encarta ?
Кто-нибудь вообще в курсе, что это?😉
