An Introduction to NodeBots
Starter Kits SparkFun Inventors Kit - This is the kit that started it all for me years ago! It comes with a range of standard components like colored LED lights, sensors, buttons, a motor, a tiny...
View ArticleHow to Connect Your Api.ai Assistant to the IoT
The potential of a personal assistant gets exciting when it has access to personal data and the real world via the Internet of Things. New possibilities arise --- from requesting your assistant turn...
View ArticleHow to Build Your Own AI Assistant Using Api.ai
The world of artificially intelligent assistants is growing --- Siri, Cortana, Alexa, Ok Google, Facebook M, Bixby --- all the big players in technology have their own. However, many developers don't...
View ArticleFive Simple Ways to Build Artificial Intelligence in 2017
The artificial intelligence and voice recognition space has been growing rapidly. The idea of having a personal assistant you can beckon with the words "Siri", "Alexa", "Cortana" or "Ok Google" which...
View ArticleHow 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...
View ArticleResponsive CSS Patterns without Media Queries
Let me start by saying that despite the title, this article is not about doing away with media queries or media query bashing in any way. Media queries are incredibly useful and I use them all the...
View ArticleUsing Fontello to Only Load Icon Fonts That You Need
It is commonplace to see icon fonts used for a range of simple graphical elements around the web, from the display of social media icons inside sharing buttons on a website to a speech bubble icon...
View ArticleBuild Your Own Atom Theme with CSS
Atom describes itself as a "hackable text editor for the 21st century". It has become the go-to text editor for thousands of developers all over the world and is very easy to extend and customize....
View ArticleFront-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...
View ArticleNative 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...
View ArticleWhat’s New in HTML 5.1
A glimpse of HTML 5.1 The release of the HTML5 standard about two years ago was a big deal in the web development community. Not only because it came packing an impressive list of new features, but...
View ArticleThe Power of Open Source in the Foundation Framework
CSS frameworks are among the most actively used tools in web design and development. If you've been involved in the industry, at some point you would have heard, seen or used a CSS framework or...
View ArticleAn Introduction to OSVR
Open source is dominating the world, as it can be found everywhere nowadays. Virtual Reality, until recently, was an exclusively proprietary technology. But not anymore — OSVR strives to change this...
View ArticleOpen Source Week at SitePoint
If you are reading this, chances are you have stumbled upon something remotely related to Open Source. opensource.com defines it in a simple manner: The term "open source" refers to something people...
View ArticleWhat’s the Difference between Meteor and Electron?
And which should I learn and use? Meteor and Electron are both cross-platform frameworks for developing apps using web languages and technologies such as JavaScript, Node, HTML, and CSS. For a while I...
View ArticleHow and Why You Should Inline Your Critical CSS
In the early days of the internet, websites were primarily used to show text based information. Slowly, our connection speeds have improved and users have been able to download high-resolution images...
View ArticleThere Are More Virtual Reality Headsets Than You Realize!
Virtual reality (VR) is a bit of a hot topic at the moment! I spend a lot of time putting together a weekly newsletter all about emerging tech news like virtual reality, talking about VR at events,...
View ArticleThe State of HTML5 Input Elements
Recently I was working on a project where we required date and numeric fields. Being a purist, my preference is and always will be native elements over some bloated JavaScript library. “Polyfills can...
View ArticleMake Forms Fun with Flexbox
I’ll come clean: HTML forms are rarely fun – but they’re a necessary part of web development. Fortunately, some historical difficulties can be alleviated with CSS flexbox. Consider how forms are...
View ArticleTilted Angles in Sass
Recently, I had to work on a website heavily using tilted angles as part of its design guidelines. By “tilted angles”, I mean these sections whose top or bottom edge is not completely horizontal and...
View Article