Behind the scenes: CSS-only Clock
I like to create little experiments on Codepen.io and I get a lot of questions about how I made certain elements or effects. In a series of "behind the scenes" I try to dissect a few interesting pens. In this first episode I'll show you how I made the CSS-only clock with the single element clock face.
Point the streetview camera to a marker
If you add a Google Streetview element to your page and set it to a certain location it often had not got the right heading and "looks" somewhere else. The visitors of your page have to rotate the view to look at the object you want to show them. There is a function in the API to put streetview on a certain location and let it look towards a marker.
Connecting a 1602A LCD display and a light sensor to Arduino UNO
This tutorial shows how to connect the 1602A LCD display and a light sensor to your Arduino (UNO) and display the light intensity on the screen.
Using geolocation to automatically generate a route and directions in Google Maps
In this tutorial we will create a google map with directions that use your current location as starting point on mobile devices (or other devices that support geolocation).
Adding travel modes and waypoints to Google Maps directions
In earlier tutorials we've learned how to add google maps with directions to your site and how to add a custom marker icon and in this tutorial we'll learn how to add buttons to switch between all available travel modes (driving, bicycling, public transportation and walking).
Create an awesome Facebook timeline cover
This tutorial teaches you how to create an awesome Facebook timeline cover. Or header. Or banner. Or whatever you want to call it. Free PSD template included!
Placing multiple markers on a Google Map
In the other two tutorials we've learned how to create a map with directions and a map with a custom marker on it and in this tutorial we'll learn how to put multiple markers on your map. With info window popups!
Custom marker icons using the Google Maps API
How to create a custom marker icon with the new V3 of the Google Maps API.
One minute 3D flag
In Photoshop it is really easy to create a realistic looking flag that's flowing in the wind. This only takes one minute!
Create a planner with directions using the Google Maps API
How to create a route planner with directions with the new V3 of the Google Maps API. It has never been so easy to create a planner on your own website! (updated 31 october 2011).