Top Pages This Week 12
calculate a percentage (dec) difference based on two numbers 839emoji data 745Oldschool Runescape Ironman guide By OzirisRS 632twitter json feed testing 446center mode slick zoom testing 418atom editor useful keyboard shortcuts 378calculate a percentage (dec) difference based on two numbers 345using clamp js to clamp lines of text 331hero widget header - creates a nice looking hero item from a target uid and class 324RS3 Best AFK training all skills 304Spam IP Database and delete button 297Efficient OSRS Maxing Guide 290still more comment spam 290Slick Slider Carousel with Custom Next and Prev Buttons 289replacement slider for ken wheeler's slick carousel tiny slider 2 [testing] 285scroll down the page using a button click 279counting the occurrence of words in a multidimensional array 279slick carousel jump to a slide on element hover 275load google sheet data into json string with jquery 274adding background blur to an image using css fill screen 272youtube search api request function 271Testing Playwrite on for Node 267find and replace hrefs in existing page links using jquery 264emoji data - version 1.0 259make labels or badges look better 257Adding HTML Templates into TinyMCE Editor 256linking search results to view pages [finished] 🤣 251flems embed in url 244stacktable jQuery plugin for stacking tables on small screens 240Slick Slider Carousel with Custom Next and Prev Buttons 240highlight a button with an animation css 239add click event to multiple link items and load the link content into a target div ajax 237Idea: Google Font Dropdown Selector Code 220extracting the useful bits of bootstrap 214404 Error Page Codepen 213Console Tips and Tricks 213convert a string into its html entitles using php htmlentities function 210How to set a cookie and expire it in 30 days 210Efficient OSRS Maxing Guide 208@import and html link to Montserrat font family google font 206Monitoring Visible Objects on Screen 205Scroll down indicator css javascript and html 201responsive three box section with tabular data or table data 200Using Flexbox rather than Floats 199views list function for checking what views have been made on the current week 199get the value from a textarea element 191sqlite fetchArray into another array 191google map with overlay data 191how to embed google fonts icons 188add a toggle with jquery and change the class 185How to record your own page views with PHP, and make them into weekly monthly and yearly charts 184RS3 Best AFK training all skills 183creating embedded php code from a database field 179change favicon with jquery 175RS3 Dailies Lists 174enable dark mode in tinymce 174Level 3 to All Capes - Ultimate Runescape Guide 173enable tinymce on a target textarea by id 172center mode slick zoom testing 172Add custom symbol to ul li list and align text items 171counting the occurrence of words in a multidimensional array 170top bar overflow issues [fixed] 168svg animated line testing - shooting star right 167hero box with title sub title logos and call to action buttons 166twitter social sharing meta tags 165test page for the custom css 12 grid used on this site 164inline fancybox modal testing 163css slow zoom in animation 163testing chartjs 162passing in arrays to your functions rather than using variables 161check box highlight text area css 161Bootstrap 4 Center menu items in a navbar 161Auto Create HTML Code Snippets 160page scroll indicator research 160How to Use PropTypes to Define Props in React 160wordpress enqueue slicknav and slick slider 160install codemirror for textareas [added] 160video not auto playing issue in chrome and brave 160add click event to multiple link items 159center align vertical 2 items in a container flex 159TortoiseSVN for updating wordpress plugins 158for auto filled fields, need to change the text and background colours 157generate random username function in php 156Slick Slider Carousel with Fade Transition 155generate view statistics widget in php class extend 153json loop load elements 152Changing the default hero image based on the category name [not yet done] 151json load from jquery and loop through the results 150add a youtube video preloader function, lazy load youtube [fixed] 150checking the current url and then marking a link active based on that url 150fancybox modal popup example 149darkmode toggle switch with local storage to remember the last selection 149Your Hardware Enablement Stack (HWE) is supported until... 148simple dropdown multi level navigation ul li css 147using babel for react compiling in browser 147add some foundation tabs working example 146get the value of an input form element (input value) 146stackable bio or biography list with portrait image title and text 145CSS Grid Frame Work 145make your images look non squished when not using image backgrounds 145
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
For a long time it had seemed to me that life was about to begin - real life. But there was always some obstacle in the way, something to be gotten through first, some unfinished business, time still to be served, or a debt to be paid. Then life would begin. At last it dawned on me that these obstacles were my life.
Alfred D. Souza
Random CSS Property

<dimension>

The <dimension> CSS data type represents a <number> with a unit attached to it, for example 10px.
<dimension> css reference