List Code

Total Items found in Code is 1035.
This is a collection of various code tests and descriptions on how to use them. Primarily HTML, CSS, Javascript and PHP.
Top viewed in Code
219 ken burns slow image zoom 218 change the background color of an element with javascript 218 target data attribute with css 217 Viewport width and height calculations 217 convert json string to a php array 217 rounded click me button with icon 217 tell wordpress to use the direct file method if its asking for ftp details 217 template for testing and live reloading html files 216 wordpress get page content to display on template page 215 Input Suggestions using a datalist 215 php function to remove the query string from a url 215 react basic hello world 215 using javascript to open a link in the same window and in a new window or tab (open link) 214 add a tag to wordpress header from a plugin 214 hidden scroll anchor for custom scroll position 214 set the html of an element javascript 213 Random string generator function in php suniqid 213 Using the rest operator to pass in a variable amount of arguments 213 background image on 3 boxes not scaling correctly fix 213 play youtube videos on firefox in ubuntu 18 213 rainbow text with css using background clip 213 video embed no controls 212 atom on mac and synchronise settings 211 A short unsplash image url 211 Generate Random Fractions with JavaScript 211 check if a certain query string is set then apply it to all url's on the page 211 renew all SSL certificates with certbot 211 snowflakes falling body effects 210 animated rings expanding with delay ripple water effects 210 cycle color using background 210 mouse enter mouse leave jquery hover hoverout 209 Complex Arrow Function Example 209 check browser version and show a message 209 check if a file exists with php 209 embed and use a ttf font font face 209 margin padding framework 208 css responsive max and min targets @media 208 get element by id with javascript 208 matches the url and does something if it matches a certain string 207 apache redirect to https ssl from normal 207 bold the numbers in a ol li list 207 change the box-shadow of an element with javascript boxShadow 207 chevron right 207 get the stylesheet directory in wordpress theme 207 jquery document ready with foundation init as well 207 vimeo thumbnail generator 206 Change link target with JQuery 206 bootstrap list group card with footer 206 check server https or http value in php using $_SERVER 205 Applied Accessibility - Screen reader only css
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...

You could also follow me on twitter. I have a couple of youtube channels if you want to see some video related content. RuneScape 3, Minecraft and also a coding channel here Web Dev.

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
I believe that success can be measured in the number of uncomfortable conversations you're willing to have.
Unknown
Random CSS Property

::marker

The ::marker CSS pseudo-element selects the marker box of a list item, which typically contains a bullet or number. It works on any element or pseudo-element set to display: list-item, such as the <li> and <summary> elements.
::marker css reference