Lately, I have been playing around with Bulma. It is a CSS framework based on Flexbox. It is similar to Bootstrap but it does not have a javascript component to it. One of the first things that I wanted to figure out was the responsive horizontal nav bar. Unfortunately, the example within the official Bulma …
Continue reading "Bulma Navigation: What the documentation is missing"
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"
The W3C has been working on a Web Cryptography API for a while, now. The current version (11 December 2014) is their “Candidate Recommendation”. As such, I would not necessarily consider it fully ready for primetime but that does not mean that we can not play around with it a bit. I figured that today, we should …
Continue reading "Generating random numbers with the Web Cryptography API"These days, the lines between the web and the local environment can be very blurry. There is a web API called FileReader() that nicely adds to that blurriness. It lets you asynchronously read the contents of a file on the user’s computer. I am going to show you one way of using it. So, …
Continue reading "How to use FileReader() to generate data URLs"
In my day job, I have been writing a lot of JavaScript. The system already heavily uses jQuery and the addition of Angular would have been a tough sell. I started to look for an alternative to handle data binding and templating.
Continue reading "Data binding and templating with Rivets"