1 like
2 likes
stoneroad
4 days ago
Came up with an idea using multiple backgrounds for this page. I have a linear gradiant on top that begins with an opacity of 100% and fades to an opacity of 0%. Underneath is a 100 x 100 px image, tiled. This makes the whole background extremely lightweight and fast for loading times and file sizes, while still keeping a cool effect.
Learned about the "outline" property today. It's exactly what I was looking for to create a hover effect recently. The only difference between "outline" and "border" is that outline DOES NOT take up physical space. It's a bit like an illusion, where as border will change the spacing of an object and objects around it. https://www.w3schools.com/css/css_outline.asp
4 likes
pxhc
4 days ago
I always * { box-sizing: border-box; } so borders don't change the size of the element nor stuff around (it does compress stuff inside though)
stoneroad
3 days ago
I'm not completely sure that would have worked in my case? Actually, it might have, but you would have to make the orignal state have a transparent border and then the :hover state have a visible border. Either way is okay.
2 likes
Run Lola Run is the only film I can watch without subitles, without understanding a single word of German and still love every minute of it!
1 like
3 likes
stoneroad
1 week ago
The new index page is only temporary. I promise you. I needed to make a new one quickly for specific reasons . This is not the final form I want it to look like. Don't worry.
4 likes
2 likes
Just found out about the "paint-order" css property. An easy way to add a stroke (outline) to text. I found it while looking at an archive of the Radio Disney website from 2003. https://css-tricks.com/almanac/properties/p/paint-order/
3 likes
stoneroad
1 week ago
You're welcome. I was wondering how they outlined the text on the site way back in 2003, and while I still have no idea, I stumbled upon paint-order as a much more modern effect to achieve a similar result. https://www.webdesignmuseum.org/gallery/radio-disney-in-2003
Added new pages for an easy way to compare auto insurance and links to a number of shadow libraries, an effective way of reading scholarly articles without being a student.