List Code

Showing page 5 of 10 in latest. Total Items: 517
A Collection of Code
javascript
Writing Arrow Functions with Parameters
...

you can pass parameters to arrow functions as well as shown in the following demo, these functions are only meant to be used once where normal functions can be re-used.

12:36 am, October 1, 2019
javascript
using arrow functions to convert small functions into one line statement functions
...

in this exercise i will take a function variable and write it in one line using the arrow function

12:09 am, October 1, 2019
javascript
Prevent Object Mutation
...

This shows how you can lock an object so its content cannot be modified. if you comment out the line Object.freeze(my_object); it will allow it to be modified again.

11:16 pm, September 30, 2019
javascript
Changing an array declared with const
...

a const means that you cannot re-declare the variable name, but you can still mutate an array content that is declared as a const. so you can see in the following example that even though the array is..

6:17 am, September 30, 2019
php
return a state name from an australian postcode
...

this will return an australian state code based on the postcode, so you can enter a valid postcode and see which state it belongs too. e.g: 2000 should return NSW

11:25 pm, September 29, 2019
javascript
using let and const example
...

This example uses let and const rather than just vars, let can only be declaired once rather than overwritten like vars and const is a read only variable so it cant be changed. 

4:55 am, September 27, 2019
javascript
using let rather than var
...

Using let rather than var and use strict can avoid some overwriting of variables i will write a function here that shows how let throws an error. This function now gives an error in the console. Uncau..

4:18 am, September 27, 2019
javascript
Use Multiple Conditional (Ternary) Operators
...

I actually find if then statements much easier to read than these ones, but these seem more efficient. 

3:18 am, September 27, 2019
javascript
js - Use the Conditional (Ternary) Operator
...

this statement can be used instead of if this else that statements. to me it makes it look a bit more complex when reading it. this is the basic syntax. condition ? statement-if-true : statement-if-fa..

6:23 am, September 24, 2019
javascript
Use the parseInt Function with a Radix
...

This is the same as the parseint function, but you can also specify a base for the number which can be between 2 - 36. 2 is binary. Zeros and Ones. I think base 10 is the normal numbering system, but ..

6:14 am, September 24, 2019
javascript
Using parseInt in a function to return an integer or not
...

this function uses the parseInt function to return a proper integer or an error code if it can't. So this demo should return NaN for the Not an Int (x1235) and The int for the 00001235. I think that N..

5:57 am, September 24, 2019
javascript
Generate Random Whole Numbers within a Range
...

My testing for generating a random whole number within a range... ๐Ÿคž While the solution here works, it just loops until it gets a random number that is lower than the max, so not sure if this is th..

5:15 am, September 24, 2019
javascript
split a string into an array using split javascript
...

this will split the string into an array based on the spaces inbetween words. you can split it based on any character, for example if you had words in csv comma format you could use the second example..

4:47 am, September 16, 2019
javascript
get the current url in javascript
...

this will get the current address add it to a variable and show it on the result element

3:47 am, September 13, 2019
css
Custom 12 Grid using CSS Grid
...

For a while i have been using frameworks for their easy grid systems, like foundation and bootstrap. I guess this is a bit lazy and very bloated as you are loading the full css library and using about..

2:19 am, September 6, 2019
html
template for testing and live reloading html files
...

this is a template that i use while testing flat html files, if you add it to a server it will live reload. this does seem to cause issues depending on the site that is is used on, like reloading all ..

3:27 am, September 4, 2019
css
Radial Click Effect
...

shows the radial click effect like in the material design, so when you click a button it will show a click at that area with a nice animation. Uses CSS and javascript to generate this effect.

1:13 am, September 4, 2019
js
Generate Random Whole Numbers with JavaScript Function
...

generate a random whole number function with test buttons

6:20 am, August 26, 2019
js
Generate Random Fractions with JavaScript
...

generate a random fraction and add it to result when clicking a button

6:09 am, August 26, 2019
javascript
FCC - Basic: Profile Lookup
...

my solution to the FCC Basic js Profile Lookup, with added results area and button to run the function. json, array

5:38 am, August 26, 2019
bat
copy a file when the date of the source is newer than the destination
...

using xcopy and a loop i found this is a good way to make sure that changes in one file make their way across to another location using a windows batch file. this one loops every 5 seconds, i think yo..

3:27 am, August 26, 2019
javascript
Do While Loop
...

showing how to use a do while loop, i don't use these ones very often usually just a for loop.

11:26 pm, August 25, 2019
javascript
for loop through an array with javascript
...

looping through an array with javascript using a basic for loop

12:18 am, August 23, 2019
php
get the average of a number list using an array in php
...

get the average of a array of numbers

12:48 am, August 21, 2019
sublime
sublime text find and replace style tag
...

good if you have inline styles you want to remove using regex find and replace. in sublime press ctrl + H to do find and replace then paste in the style="([^

12:43 am, August 19, 2019
javascript
tinymce remove auto p tags setting
...

this is the setting to remove the automatic p tag's when pressing enter and forces the use of br tags instead which can also be toggled, if you dont want it to add anything.

6:15 am, August 13, 2019
javascript
get the dimensions of an image with javascript
...

this will show the height and width of an image using javascript

5:55 am, August 13, 2019
css
target data attribute with css
...

you can add a data attribite and target it with css using the following demo

11:52 pm, August 12, 2019
html
toggle div function with chevron up down toggle
...

showing an example of chevron toggles kinda like a manual accordion

1:19 am, August 9, 2019
css
form checkbox replacement with large tick using label
...

this is good if you want to change a form checkbox with the default and show a fancy tick or something else, this will still check the checkbox so will work normally as the form element

2:15 am, August 7, 2019
css
keyframe animations css
...

moving a background with css keyframes

12:27 am, August 6, 2019
javascript
basic for loop odd numbers
...

a basic for loop with odd numbers adding to an array

6:20 am, July 31, 2019
javascript
check if something is an array
...

this function will check if something is an array

5:26 am, July 31, 2019
apache
apache redirect to https ssl from normal
...

good if you have apache and access to htaccess file to redirect requests to https version of the site. this one also includes a rewrite to index.php so if you don't need this remove the last line.

1:20 am, July 31, 2019
javascript
getType function for js
...

this function returns the type of item, array object string number etc

11:50 pm, July 29, 2019
javascript
Objects in javascript
...

creating and using an object in javascript, the full version of this testing is on codepen

11:25 pm, July 29, 2019
javascript
card counting example from fcc
...

here is a solved version of the card counting function from free code camp you can test it using console log.

2:00 am, July 29, 2019
javascript
using switch with multiple identical cases
...

this can be used if you have several outcomes where the return value will be the same by omitting the break from the cases before the final

1:32 am, July 29, 2019
javascript
using switch in a function
...

This shows an example using the switch to select multiple options in a function, you can return from the switch with break, or you can end the whole function with return.

11:19 pm, July 28, 2019
php
IP Address
...

this uses php $_SERVER['REMOTE_ADDR'] to show your IP address

1:30 am, July 26, 2019
javascript
js function to calculate golf scores
...

this function will return the score name depending on the par and strokes for golf

1:48 am, July 24, 2019
javascript
compare non equality function
...

this will check if two values are not equal

11:15 pm, July 23, 2019
javascript
compare equality function
...

this will check if two values are exactly equal

10:57 pm, July 23, 2019
javascript
JS Using typeof to check on string types
...

you can use the typeof operator to check what kind of variables you have.

2:38 am, July 23, 2019
javascript
testing equality
...

showing the difference between == and === operators

5:57 am, July 22, 2019
javascript
defining a variable inside a function without using var will create a global variable
...

here is an example showing a variable defined within a function showing how it becomes a global variable if not defined with var

5:15 am, July 22, 2019
javascript
add something to the start of an array with unshift
...

unshift is the opposite of push where push adds to the end of an array unshift will add to the start of the array.

2:40 am, July 19, 2019
javascript
remove the first element in an array with shift
...

like pop but shift does the 1st element in an array

2:37 am, July 19, 2019
javascript
document ready javascript standalone version no jquery
...

this is a version of a dom ready or document ready that does not require jquery

1:14 am, July 17, 2019
javascript
add a class to a div with an id javascript
...

a one liner to add a class name to an element with a specific id, for this to run it seems to need a document ready.

1:11 am, July 17, 2019
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.

โค๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ•น

Random Quote
I believe that in order to better your knowledge base, it takes a lot of failing in order to succeed. I don't consider anything a failure as long as you get back up and you learn from your own mistakes.
Unknown