Welcome to a quick tutorial and example of how to resize images in Javascript. Yes, resizing images is no longer a server-side thing. We can also do it in Javascript with just a few lines of code. We can use the canvas API to resize images in Javascript: Start by creating a new image and …
3 Steps To Resize Images In Javascript (Simple Examples) Read More »
Welcome to a tutorial on how to pass variables between pages in Javascript. Need to pass some data between different pages? An easy way to pass variables between pages is to use a query string: On the first page: var para = new URLSearchParams(); para.append(“KEY”, “VALUE”); location.href = “HTTP://SITE.COM/PAGE.HTML?” + para.toString(); On the second page: …
5 Ways to Pass Variables Between Pages In Javascript Read More »
Welcome to a tutorial on how to create a PHP live chat application with WebSockets. Looking to add live chat features to your website or portal? The simplified mechanics of a PHP WebSockets live chat application are: Create a command-line PHP script that will run and manage a WebSocket chat server. Use the Javascript WebSocket …
Simple PHP Websockets Live Chat – Free Code Download! Read More »
Welcome to a quick tutorial on how to check if a value exists in an object in Javascript. So you have probably tried to do a includes(“VALUE”) to check if an object contains a certain value. But as it turns out, objects don’t have that very convenient function. The common ways to check if a …
2 Ways To Check If Value Exists In Javascript Object Read More »
Welcome to a quick tutorial on how to copy, cut, and paste with Javascript. The Stone Age of the Internet is long over, and yes, we can use Javascript to access the user’s clipboard. Use navigator.clipboard.writeText(“TEXT”) to copy a block to text into the clipboard. var txt = document.getElementById(“TEXT-FIELD”).value; navigator.clipboard.writeText(txt); Use navigator.clipboard.readText() to access the …
How To Copy-Cut-Paste In Javascript (Simple Clipboard Examples) Read More »
Welcome to a quick tutorial on how to get the full URL and parts in Javascript. Need to extract certain parts of the URL? Here are some of the common ones: Use window.location.href to get the full URL. For example – http://site.com/foo/bar.html?key=value Use window.location.origin to get the protocol and hostname. For example – http://site.com/ Use …
How To Get URL Parts In Javascript – Host, Path, File, Query, ETC… Read More »
Welcome to a tutorial on how to create custom HTML elements. Once upon a time in the dark ages of the Internet, we are pretty much “stuck” to whatever HTML elements that the developers have provided us with. But things have changed ever since the introduction of Web Components. The overly simplified and general steps to …
How To Create Custom HTML Elements – Simple Examples Read More »
Welcome to a step-by-step beginner’s tutorial on how to get started with WebAssembly (that is WASM for short). Ever since the launch of WASM in 2017, it has created quite a stir in the web development world – From excited code ninjas trying to harness the new powers to demented cyber doomsayers shouting “the end …
Get Started With WebAssembly In 5 Minutes – A Beginner’s Tutorial Read More »
Welcome to a quick tutorial on the nested array in Javascript. So you have finally met the worthy opponent called the multidimensional array, and this “array in an array” thing sure is confusing. How do we create one? Add elements to it? Find an element inside? Let us walk through some examples – Read on! …
Simple Javascript Nested Array Examples – Create Push Pop Loop Check Read More »
Welcome to a beginner’s tutorial on synchronous and asynchronous Javascript. I am sure that at a certain point in the Javascript journey, code ninjas are eventually going to run into the topic of synchronous and asynchronous. Just what does that mean? What is the difference? Long story short: Javascript is synchronous “by default”. Meaning, the …
Synchronous And Asynchronous Javascript – Simple Guide Read More »
