Top Pages This Week 43
Oldschool Runescape Ironman guide By OzirisRS 388calculate a percentage (dec) difference based on two numbers 168How to do a simple landing page from scratch 164center mode slick zoom testing 111set a cookie on click and then check if the cookie is set and dont show that message again 107linking search results to view pages [finished] 🤣 101foundation three boxes with text align links to the bottom of element 97Efficient OSRS Maxing Guide 93What is a Stateless Functional Component in React 90timeline class and function 90RS3 Best AFK training all skills 89slick carousel jump to a slide on element hover 87How to record your own page views with PHP, and make them into weekly monthly and yearly charts 84Idea: Google Font Dropdown Selector Code 84counting the occurrence of words in a multidimensional array 83twitter json feed testing 83set transparent menu over background image 79extracting the useful bits of bootstrap 77views list function for checking what views have been made on the current week 76foundation base html template 76using clamp js to clamp lines of text 76Adding HTML Templates into TinyMCE Editor 74adding background blur to an image using css fill screen 73Changing the default hero image based on the category name [not yet done] 71creating embedded php code from a database field 71hero widget header - creates a nice looking hero item from a target uid and class 70How to Create a React Component using the ES6 class method 69404 Error Page Codepen 68How to Use PropTypes to Define Props in React 66twitter social sharing meta tags 66still more comment spam 65emoji data 64How to set a cookie and expire it in 30 days 64adding react with JSX using babel 64easy section wrap in foundation - 3 boxes responsive 63using wp_nav_menu to show a custom menu in wordpress 63json load from jquery and loop through the results 59for auto filled fields, need to change the text and background colours 58Scroll down indicator css javascript and html 58stackable bio or biography list with portrait image title and text 56using css counter-increment to add numbering to elements 56add click event to multiple link items and load the link content into a target div ajax 56Monitoring Visible Objects on Screen 56verify the google recapture server php 56add a youtube video preloader function, lazy load youtube [fixed] 55make labels or badges look better 54RS3 Dailies Lists 54change this to a list group - other items 54load google sheet data into json string with jquery 53vertically align text within a fixed height div using flex 53Comments Listing should be a custom list rather than using search 52load array load all items from an array while in a sqlite load sql loop 52add some foundation tabs working example 51tinymce remove auto p tags setting 50create a 200 character summary from a longer html string 50top bar overflow issues [fixed] 49ajax callback to delete with sweet alert confirmation to make it cool! 😎 49How to Use React to Render Nested Components 48enable dark mode in tinymce 48list_all_array an early stages of list all function that uses an array to pass in main variables 47Level 3 to All Capes - Ultimate Runescape Guide 47flems embed in url 46animated duck on footer 46fancybox image popout easy 46split a string into links using the comma 45test page for the custom css 12 grid used on this site 45use a list group for listing by category page [todo] 45How to Define a HTML Class in JSX in React 44adding react to a website in 3 steps 44Bootstrap Darkmode Switch 44how to bundle css files together using windows or mac 44react hello world with time and date updating 43get and show the featured image on a wordpress page template 43Bootstrap 4 Center menu items in a navbar 43change selected color on input elements css 43Slick Slider Carousel with Fade Transition 43add click event to multiple link items 43minutes to decimal calculator javascript version 43set active class based on url value 42checking the current url and then marking a link active based on that url 42Create a Complex JSX Element 42darkmode toggle switch with local storage to remember the last selection 42How to use default props in React 42react hello world with variable name 42How to Add Comments in JSX 41wordpress enqueue slicknav and slick slider 40hero box with title sub title logos and call to action buttons 40extract youtube image from video url 39validate email address from string with jquery working function 39How to Pass an Array as Props in React 39old browser check with javascript 39animate and zoom six elements on a timer [addClass, removeClass, setTimeout] 39using jquery appear for checking if an element is visible on screen 39log the console log output to a div 38show the current date in javascript 38Fix Hover Over color on list group dark mode in bootstrap 38css slow zoom in animation 38atom editor useful keyboard shortcuts 37How do Self-Closing JSX Tags Work? 37simulate a click on an element with jquery 37
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

Join me on Substack if you want me to send you a collection of the things i have done or found or read for the week. Or follow me on twitter if you prefer, i dont post much but i probably should!

❤👩‍💻🕹

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