"I love David Walsh Blog - JavaScript Consultant"

2022-05-04 20:54:29

HomeMain ContentDWBHomeTutorialsFeaturesDemosTopicsThe BlogRecent TutorialsLegacy String Methods for GeneratingHTMLInterview with an Intiface HapticsEngineerInputvalueAsNumberAdvanced Code Display with Code DetectionAPICSS:hasRecent Features39 Shirts - LeavingMozillaTips for Starting with Bitcoin andCryptocurrenciesInterview with a Pornhub WebDeveloperWelcome to My NewOfficeHow to Create a RetroPie on Raspberry Pi - GraphicalGuideInteractive DemosChris Coyier’s Favorite CodePen DemosIVprefers-color-scheme: CSS MediaQueryCSS Ellipsis Beginning ofStringVertically Centering withFlexboxCreating Spacers withFlexboxPopular TopicsHTML5CSS AnimationsFirefox OSjQueryMooToolsPHPCSS3WordPressMobileSEOJavaScriptDojo ToolkitDavid Walsh BlogAbout David WalshContact and AdvertiseDeveloper DealsMozillaPopular:JavaScript Promisesfetch APIReact.jsCache APIES6 FeaturesNode.jsJavaScriptjQueryDavid Walsh Blog -HomeDavid Walsh Blog By David WalshApril 26, 2022Legacy String Methods for GeneratingHTMLI'm always really excited to see new methods on JavaScript primitives. These additions are acknowledgement that the language needs to evolve and that we're doing exciting new things. That being said, I somehow just discovered some legacy String methods that you probably shouldn't use... .x-secondary-small { display: none;}@media only screen and (max-width: 600px) { .x-secondary { max-height: none; } .x-secondary-large { display: none; } .x-secondary-small { display: block; }}By David WalshApril 25, 2022Interview with an Intiface HapticsEngineerI was recently re-reading my Interview with a PornHub Web Developer and one bit I started thinking about was the VR question and the idea of making users not just see but feel` something. The haptic feedback of VR games is what really sets...By David WalshApril 5, 2022InputvalueAsNumberEvery once in a while I learn about a JavaScript property that I wish I had known about years earlier -- valueAsNumber is one of them. The valueAsNumber provides the value of an input[type=number] as a Number type, instead of the traditional string representation when...By David WalshApril 4, 2022Advanced Code Display with Code DetectionAPIWeb apps are accepting numerous types of inputs, from basic text to code to imagery, files, and more. It's important that we validate the contents we receive but if you do allow arbitrary text, it's good to know what exactly has been submitted so you...By David WalshMarch 28, 2022CSS:hasFor as long as developers have written CSS code, we've been desperate to have a method to allow styling a parent element based child characteristics. That's not been possible until now. CSS has introduced the :has pseudo-class which allows styling a parent based on...By David WalshMarch 10, 2022Flexible, Powerful DataGrad fromSenchaMany of the web functionalities that we rely on once lived within individual desktop applications. From office suites, games, and financial tools, all of them are now web applications; they're just as feature packed as their desktop counterparts. In the past I've used a variety of...By David WalshMarch 7, 2022Confessions of a Web DeveloperXIXIt's been a while since I've gotten a few things off of my chest and since I'm always full of peeves and annoyances I thought it was time to unleash:Due to the immensely negative response to any tweet about crypto from my blog account, I created...By David WalshMarch 6, 2022Simplify Your File Handling With FilestackWorkflowsAutomation is a really important skill for engineers, especially when it comes to working with various file types. The more you accept for input, and the more you automate, the better end output you can offer. Filestack's workflows allow developers to define automated...By David WalshFebruary 21, 2022Detect Dark Mode Preference withJavaScriptSeemingly every website, dapp, and app offers a dark mode preference, and thank goodness. Dark mode is especially useful when I'm doing late night coding, or even worse, trading into altcoins. I'm presently working on implementing a dark theme on MetaMask and it got...By David WalshFebruary 1, 2022JavaScript ClassPrivatesOne of my aspects of JavaScript that drew me to it as a young developers was that its syntax was loose and I could code quickly. As you gain experience as an engineer, you start to realize that some traditional coding structure is a good thing...Recent TutorialsFeatured TutorialsIncredible Demos Popular FeaturesBy David WalshOctober 6, 202039 Shirts – LeavingMozillaIn 2001 I had just graduated from a small town high school and headed off to a small town college. I found myself in the quaint computer lab where the substandard computers featured two browsers: Internet Explorer and Mozilla. It was this lab where I fell...By David WalshJuly 31, 2020Tips for Starting with Bitcoin andCryptocurrenciesOne of the most rewarding experiences of my life, both financially and logically, has been buying and managing cryptocurrencies like Bitcoin, Litecoin, Ethereum. Like learning any other new tech, I made rookie mistakes along the way, but learned some best practices along the way. Check out...By David WalshOctober 7, 2019Interview with a Pornhub WebDeveloperRegardless of your stance on pornography, it would be impossible to deny the massive impact the adult website industry has had on pushing the web forward. From pushing the browser's video limits to pushing ads through WebSocket so ad blockers don't detect them, you have...By David WalshFebruary 19, 2019Welcome to My NewOfficeMy first professional web development was at a small print shop where I sat in a windowless cubical all day. I suffered that boxed in environment for almost five years before I was able to find a remote job where I worked from home. The first...By David WalshSeptember 21, 2017How to Create a RetroPie on Raspberry Pi – GraphicalGuideToday we get to play amazing games on our super powered game consoles, PCs, VR headsets, and even mobile devices.  While I enjoy playing new games these days, I do long for the retro gaming systems I had when I was a kid: the original Nintendo...By David WalshSeptember 18, 2017Conquering ImpostorSyndromeTwo years ago I documented my struggles with Imposter Syndrome and the response was immense.  I received messages of support and commiseration from new web developers, veteran engineers, and even persons of all experience levels in other professions.  I've even caught myself reading the post...By David WalshJune 29, 2016Being a DevDadI get asked loads of questions every day but I'm always surprised that they're rarely questions about code or even tech -- many of the questions I get are more about non-dev stuff like what my office is like, what software I use, and oftentimes...All FeaturesIncredible Demos© David Walsh 2007-2022. All code MIT license.Hosting by Media Temple. #carbonads { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; } #carbonads { display: block; position: relative; overflow: hidden; } #carbonads > span { position: relative; display: block; } #carbonads a { color: inherit; text-decoration: none; } #carbonads a:hover { color: inherit; } .carbon-wrap { display: flex; align-items: center; } .carbon-img { display: block; margin: 0; line-height: 1; } .carbon-img img { display: block; } .carbon-text { display: flex; margin-bottom: 12px; position: relative; max-width: 500px; font-size: 16px; line-height: 1.4; padding: 8px 1em; text-align: left; align-items: center; } .carbon-text:after { display: table; content: 'Learn More'; white-space: nowrap; margin-left: 20px; background-color: hsl(0, 0%, 20%); padding: 12px 16px; border-radius: 3px; line-height: 1; color: #fff; font-size: 14px; font-weight: 600; } .carbon-poweredby { position: absolute; bottom: 0; left: 146px; white-space: nowrap; font-size: 10px; text-transform: uppercase; letter-spacing: .5px; font-weight: 500; color: #999 !important; } @media only screen and (min-width: 320px) and (max-width: 759px) { .carbon-text:after { display: none; } }