This should be a pretty quick post. I wanted to explore how to Copy/Cut/Paste on a webpage. I figured how to do Copy and Cut pretty easily but Paste was a different story. See the Pen Copy/Cut/Paste text to clipboard demo by Joe Steinbring (@steinbring) on CodePen. So, why isn’t paste working in the pen? …
Continue reading "How do you interact with the clipboard using JavaScript?"
I haven’t had a lot at jws.app since registering the domain so, I spent a bit of time over the past few weekends and finally built a website there. The idea was that it pulls recent activity from travels.jws.app, photos.jws.app, blog.jws.app, github, and DEV and auto-updates the website based upon those feeds. I wanted to …
Continue reading "I created a new website"
I have used IP Chicken for checking my public IP Address for pretty much 15 years (since hearing about it on TechTV). Once upon a time, I tried writing my own alternative in ColdFusion but it is a lot of overhead for such a dumb thing. I started wondering if I could do it with …
Continue reading "Get a user’s IP Address using just JavaScript (and an API call)"
This is going to be a pretty quick post. Two weeks ago, we looked at how use watchers in Vue.js. This week I figured that we would look at computed properties and methods. See the Pen Vue.js Computed Value vs Method vs Variable by Joe Steinbring (@steinbring) on CodePen. In the above example, we are …
Continue reading "Six ways to use data binding with Vue.js"
In part one and part two of this series, we looked at how rivets handles data binding and then how to use rivets to show and hide elements on the page. In this post, things are going to get a little more interesting. We are going to cover how to consume JSON.
Continue reading "Rivets 101: Working with JSON APIs"
In our previous riveting Rivets.js post, we revisited data binding and templating. In addition to that, Rivets can handle showing and hiding elements within the DOM. Within this post, we are going to a single-page application by selectively hiding and showing elements.
Continue reading "Rivets 101: Showing and hiding elements"
Last year, I wrote the post “Data binding and templating with Rivets“. I decided to write a more indepth three-post arch on Rivets.js to accompany the demos that I recently posted to Github. This post is meant to be a “revisit” of the original post.
Continue reading "Rivets 101: Data binding and templating revisited"
There is an interesting little method within JavaScript called toSource() that can give you some nice insights into your variables. The resulting output can differ greatly, depending on the variable that you run it against. Let’s take a look at a few examples.
Continue reading "How to get the source of objects within JavaScript"
In a lot of modern web applications, the front-end ends up receiving query result as a JSON object and the result is then formatted on the client-side. In this post, I am going to show how you can use the JavaScript ‘filter()’ method to filter the results in different ways.
Continue reading "How to use filter() to search a JavaScript object"
I have been playing around with the Web Cryptography API a lot lately. My most recent post was about getRandomValues(). I wanted to take a moment to investigate two more methods: generateKey() and exportKey(). The generation of a good cryptographic key is fairly fundamental. I wrote up a short demo app, to demonstrate how the two …
Continue reading "How to generate keys with the Web Cryptography API"