Quantcast
Channel: patrickc – SitePoint
Browsing index pages (109 articles)

Image may be NSFW.
Clik here to view.

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 Article


Image may be NSFW.
Clik here to view.

How 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 Article


Image may be NSFW.
Clik here to view.

How 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 Article

Image may be NSFW.
Clik here to view.

Five 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 Article

Image may be NSFW.
Clik here to view.

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...

View Article


Image may be NSFW.
Clik here to view.

Responsive 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 Article

Image may be NSFW.
Clik here to view.

Using 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 Article

Image may be NSFW.
Clik here to view.

Build 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 Article


Image may be NSFW.
Clik here to view.

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...

View Article


Image may be NSFW.
Clik here to view.

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...

View Article

Image may be NSFW.
Clik here to view.

What’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 Article

Image may be NSFW.
Clik here to view.

The 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 Article

Image may be NSFW.
Clik here to view.

An 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 Article


Open 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 Article

What’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 Article


Image may be NSFW.
Clik here to view.

How 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 Article

Image may be NSFW.
Clik here to view.

There 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 Article


The 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 Article

Make 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 Article

Image may be NSFW.
Clik here to view.

Tilted 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
Browsing index pages (109 articles)


Latest Images