Category: patrickc

How to Build Your Own Progressive Image Loader

You may have encountered progressive images on Facebook and Medium. A blurred low-resolution image is replaced with a full-resolution version when the element is scrolled into view: The preview image is tiny – perhaps a 20px width highly-compressed JPEG. The file can be less than 300 bytes and appears instantly...

Front-end Tools: My Favorite Finds of 2016

Another year has passed and, as we all expected, the Web Platform is continuing to explode with innovation, irritation, fatigue, and a huge influx of new tools and technologies that promise to make our lives as developers easier. As usual, we’ve seen updates to popular tools like React and Angular, while new tools li...

Native JavaScript Development after Internet Explorer

Welcome everyone to the third and last part of this series, dedicated to the retirement of oldIE and the changes this event has in the field of front-end development. So far we covered the obsolete techniques that can be safely discarded and the HTML5 and CSS3 properties that now have full native support along the mai...

Forecasting the Weather with Your Raspberry Pi and Bluemix

IBM Bluemix and Raspberry Pi are a perfect combination when it comes to building a device with incredible potential. In this series, we’ve been exploring that potential and slowly building up what our Raspberry Pi can do. In the first article, we explored how to connect up a Raspberry Pi to IBM Bluemix, IBM Watso...

Getting Started with the Raspberry Pi GPIO Pins in Node.js

The Internet of Things is all the rage right now. There are so many ideas we can put into action in the realm of physical computing, it is easy to be drawn into the idea of programming the world we live in! Once you have a Raspberry Pi and a breadboard, what’s next? In this article, we will explore how to access ...

Securing Your IoT Devices and Services with JSON Web Tokens

IoT security is a hot-button issue in today’s world: there are more internet-connected devices than there are people, and the amount of data being shared has exploded over the past few years. However, keeping that data safe is becoming a problem just as quickly— especially with the advent of health-sensitive de...

Tracking GPS data with the Tessel 2

The Tessel 2 is a JavaScript-focused microcontroller that has a range of pre-built modules you can attach to extend its functionality. In this article, we will explore what we can do when attaching a GPS module to a Tessel 2. If you are new to working with the Tessel 2, I covered the basics of getting started with the ...

Teaching Your Raspberry Pi to Speak with IBM Watson

Artwork by SitePoint/PatCat, Logo rights: IBM and Raspberry Pi Foundation It turns out there’s a lot you can do with a Raspberry Pi and IBM Bluemix. In the first article in this series, we explored how to connect up a Raspberry Pi to IBM Bluemix, IBM Watson and Node-RED. If you haven’t yet got your Raspberr...

Connecting a Raspberry Pi to IBM Watson, Bluemix and Node-RED

IBM recently helped spark the Internet of Things enthusiasm into a bunch of developers by sending out Raspberry Pi 3 computers to developers who signed up for their Bluemix platform trial. I had been eager to give Bluemix and IBM Watson a try and figured this was as good a time as any to sign up! I was lucky enough to ...

Tessel 2: Pairing JavaScript and the Internet of Things with Ease

The Tessel 2 is a microcontroller which allows you to build connected devices that run JavaScript and Node.js. It runs Linux at its core with Node.js running on top of that — providing access to plenty of npm modules and all of their potential. Over the next few weeks, I’ll be covering some of the possibilities...