Search
Search Articles
Search Articles by entering your search text above.
Web Dev
Drop Down Nav Opacity

Drop Down Nav on Using Opacity rather than display none. I noticed this dropdown nav and wondered how it worked. They just change the opacity of the sub navs on mouse over and have them ther..

1:17 am, June 19, 2022
Web Dev
View
web development
add a live reloading server with one npm command

I work on a lot of html sites, and usually i go into the editor make a change, go back into the browser and hit reload or clear cache and reload, repeat process. I saw all of these NPM's and other th..

11:43 pm, January 13, 2022
web development
View
windows
Clean Windows Setup

So i was watching a video today where they went through setting up and cleaning a windows installation, and man i thought i really want to do this.  My PC and Laptop just get so cluttered with a..

6:27 am, June 12, 2021
windows
View
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

Subscribe to weekly updates about things i have added to the site or thought interesting during the last week.

You could also follow me on twitter or not... does anyone even use twitter anymore?

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote

'Dawnie' used to say, "It's really quite simple: Be kind, and the rest takes care of itself. Never do anything that's not kind".


Dawn Atherton
Random CSS Property

scroll-padding-block-end

The scroll-padding-block-end property defines offsets for the end edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. This allows the author to exclude regions of the scrollport that are obscured by other content (such as fixed-positioned toolbars or sidebars) or to put more breathing room between a targeted element and the edges of the scrollport.
scroll-padding-block-end css reference