xivxivslog.hashnode.dev·Mar 23, 2024Decryption animation in JavaScriptSo I just saw a video of hyperplexed creating an awesome Hacker effect. (codepen) and I thought how can I improve it. First thing, the animation only runs on mouse over, and it's good for hoverable elements, but to use this animation on a showcasing ...Discuss·6 likesJavaScript
Vibhu Bankacodeseijin.dev·Mar 17, 2024Enhancing FabricJS UX: Implementation with custom image URLs [Step-by-Step Tutorial]Intro I worked on FabricJS for enough time (during 2020–21) that it’s safe for me to say that I now have enough understanding of this library that I can play around with it and bring out interesting UX as well as DX (we developers too deserve to have...Discuss·1 like·33 readsJavaScript
Kartik Mehtawriter.mrmehta.in·Mar 3, 2024Crafting a Chrome Extension: A Line-by-Line Guide to Capturing Copied Text with jQueryCreating a Chrome extension can be an exciting journey into the world of web development, allowing you to enhance the browsing experience with custom features. In this blog post, we'll delve deep into the construction of a simple Chrome extension usi...Discusschrome extension
Jongchan KimProkickbell.hashnode.dev·Feb 23, 2024Vanilla SPA 1: JSX & Virtual DOM Diffing대망의 나만의 리액트 스타일 SPA 만들기 시작해보겠습니다. 이번 아티클에서는 JSX 파싱 JSX to Virtual DOM Virtual DOM Diffing Commit 을 다뤄보도록 하겠습니다. JSX란? JSX란 XML 스타일의 트리 구조로 표현하고 싶은 것들을 자바스크립트와 함께 작성하는 문법입니다. JSX의 구성 요소 JSXElement: HTML element와 비슷한 역할을 하는 컴포넌트 JSXAttributes: ...Discuss·59 readsVanilla SPAvanilla-js
Vashon GonzalesforPaygeon Core Articlesblog.paygeon.com·Feb 4, 2024Create a custom referral program for free using FirebaseIntroduction: Having a great referral program in place is a smart marketing move however, third-party referral software such as Growsurf have really high price tags that may not be a good option for startups. In this comprehensive guide, we'll walk y...Discuss·10 likes·32 readsRandomFirebase
Priti Jhadevcodinggigs.hashnode.dev·Feb 2, 2024Empowering Your JavaScript: Crafting a Custom forEach FunctionIntroduction: JavaScript's Array.prototype.forEach() is a powerful method used to iterate over elements in an array. However, there might be instances where you want to create a custom forEach function tailored to your specific needs. In this blog po...DiscussJavaScript
Samoinasamoina.hashnode.dev·Jan 25, 2024The .every() Array method in JavascriptThis is an array method that checks whether the elements in the given array pass the test provided by the callback function. It then returns a boolean value - true if the elements pass the test and false otherwise. More importantly, once the iteratio...DiscussJavaScript
Ndeye Fatou Diopndeyefatoudiop.com·Jan 17, 20244 Reasons Why I Think Every Aspiring Frontend Developer Should Read "You Don't Know JS" book series✨📚The You Don't Know JS book series by @getifyX is the best book ever written on Vanilla Javascript. You know exactly what I'm talking about if you've read it. But if you haven't, here's why: Reason #1: This book series contains everything you need to ...Discuss·30 readsJavaScript
Samoinasamoina.hashnode.dev·Jan 11, 2024Find the prime numbers in a given array using Vanilla JS - Beginner FriendlyI came across this task while going through the documentation on MDN, and thought to blog about it in a beginner friendly way. I am in that space where I realize that if I cannot possibly explain my code to someone else, I probably haven't understood...Discussvanilla-js
SUBUblog.subasacharya.com.np·Jan 6, 2024Scroll-Activated Counting Effects with Vanilla JavaScriptWelcome to a new tutorial where we'll explore the fascinating world of scroll reveal effects by creating a counting animation using vanilla JavaScript. This effect will add a dynamic touch to your webpage, making the numbers come to life as the user ...Discuss·62 readsanimation