Here are HTML, css and jQuery source code examples of how to manipulate CSS elements on a webpage using toggleClass, .css(), addClass and removeClass with jQuery. .CSS Method in jQuery…
Continue readingA short element dimensions tutorial in jQuery, CSS and jQuery, with source code examples of how to manipulate the dimensions of html elements on a webpage using: width(): method sets…
Continue readingIn this blog post, we’ve sourced a compiled collection of OpenGL Tools, Libraries, and Frameworks that you can use for your next 3d project. As always, this list is updated…
Continue reading𝐌𝐚𝐧𝐢𝐩𝐮𝐥𝐚𝐭𝐢𝐧𝐠 𝐟𝐢𝐥𝐞𝐬 𝐚𝐧𝐝 𝐝𝐢𝐫𝐞𝐜𝐭𝐨𝐫𝐢𝐞𝐬 Wildcards: Wildcards Meaning * Matches any character ? Matches any single character [characters] Matches any character that is a member of the set characters [!characters] Matches…
Continue readingImplement React body scroll locking with useBodyScrollLock hook. const useBodyScrollLock = () => { React.useLayoutEffect(() => { const originalStyle = window.getComputedStyle(document.body).overflow; document.body.style.overflow = ‘hidden’; return () => (document.body.style.overflow = originalStyle);…
Continue readingReact useFetch hook with onClick to handle the fetching of elements. const useClickInside = (ref, callback) => { const handleClick = e => { if (ref.current && ref.current.contains(e.target)) { callback();…
Continue readingA scrolling horizontal image gallery is method of display your images and media. In this blog post, we will guide you through the process of creating a simple and quick…
Continue readingHere’s how to create a simple file server in node.js which support the following image and file types; html: text/html css: text/css js: application/javascript png: image/png jpg: image/jpeg jpeg: image/jpeg…
Continue readingIn this short tutorial we’ll show you two ways of copying data to the clipboard with javascript using promises or Document execCommand(‘copy’) command. Tags: Copy, Clipboard, Javascript, Clipboard API, Promises,…
Continue readingBasic syntax is: $(selector).action() A $ sign to define/access jQuery A (selector) to “query (or find)” HTML elements A jQuery action() to be performed on the element(s) jQuery Document.Ready You…
Continue readingA list of jQuery selectors ALL selector $(*) Current selector $(this) Class selector $(“.class”) Element selector $(“p”) Id selector $(“#id”) Attribute selector $(“input[type=”text”]”) <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″>…
Continue readingWhat are jQuery Events? All the different visitors’ actions that a web page can respond to are called events. An event represents the precise moment when something happens. Examples: moving…
Continue reading