A Simple Trip Meter using the Geolocation API
Introduction The Geolocation API lets you find out where the user is and keep tabs on them as they move around, always with the user's consent. This functionality could be used as part of user queries, e.g. to guide someone to a destination point. It could also be used for "geo-tagging" some content the user has created, e.g. to mark where a photo was taken. The API is device-agnostic; it doesn't care how the browser determines location, so long as clients can request and receive location data in a standard way. The underlying mechanism might be via GPS, wifi, or simply asking the user to enter their location manually.
Hello Backbone.js Tutorial
Shameless advertisement: Don't forget to check out Agility.js, a simpler alternative to Backbone.js. Hello Backbone is a simple Backbone.js tutorial comprised of self-explanatory "hello world" examples of increasing complexity. It was designed to provide a smoother transition from zero to the popular Todos example.
A Basic HTML5 Template
What follows is an excerpt from HTML5 & CSS3 for the Real World, by Alexis Goldstein, Louis Lazaris and Estelle Weyl. This post was originally published in 2013 and was updated in April 2016. As you learn HTML5 and add new techniques to your toolbox, you’re likely going to want to build yourself boilerplate, from which you can begin all your HTML5-based projects. We encourage this, and you may also consider using one of the many online sources that provide a basic HTML5 starting point for you.[] In this project, however, we want to build our code from scratch and explain each piece as we go along.
Free Scripts! Download 2016 Oscar Contenders 'Inside Out,
Some of the year's best screenplays are now available to download. READ MORE: Indiewire's Ultimate Guide For Screenwriters For aspiring screenwriters, there are few things more valuable than reading scripts.
CSS Background Animations
Background animations are an awesome touch when used correctly. In the past, I used MooTools to animate a background position. Luckily these days CSS animations are widely supported enough to rely on them to take over JavaScript-based animation tasks. The following simple CSS snippet animates the background image (via background position) of a given element. We'll use CSS animations instead of transitions for this effect: With the animation code in place, now it's time to apply it to an element with a background image:
How to Find Dedicated Cast & Crew, Even When You Have No Budget — The Filmmaker's Process
When making a feature film, countless things can go wrong, and they do go wrong. Murphy’s Law really is the name of the game. With that being the case, don’t you want folks who have your back? I did. And it made all the difference.
CSS Background: There's More To Know Than You Think
You likely use css backgrounds in every site you build. You give an element a background color and tell another element to let a background image repeat. How much do you know about all the other background properties? Did you know you can control where in the background an image is painted or that you can even specify which part of an element is the background?
Get Started with Backbone.js
We can’t discuss JavaScript frameworks without featuring Backbone.js. Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. Backbone certainly won’t give you any superpowers. It’s still JavaScript, so you can’t do anything with it that you couldn’t do with JavaScript. All it does give you is some convenience and a bit of structure so that when you’re working a project that involves a lot of data or a lot of processing you have a little bit more flexibility without having to spend hours trying to figure a way to put together, model, and render out a list item. What are your thoughts on Backbone?
8 Ways to Create a Secure Login Script in PHP and MySQL
Edit Article Eight Parts:Configure Your ServerConfigure the MySQL DatabaseCreate Database Connection PageCreate the PHP FunctionsCreate Processing PagesCreate Javascript FilesCreate HTML PagesProtecting PagesCommunity Q&A Nowadays, with more and more stories of cracking in the news, developers are looking for the best ways of securing their sites.
position
In order to make more complex layouts, we need to discuss the position property. It has a bunch of possible values, and their names make no sense and are impossible to remember. Let's go through them one by one, but maybe you should bookmark this page too.
Accelerated Rendering in Chrome: The Layer Model
Introduction For most web developers the fundamental model of a web page is the DOM. Rendering is the often obscure process of turning this representation of a page into a picture on the screen. Modern browsers have changed the way rendering works in recent years to take advantage of graphics cards: this is often vaguely referred to as “hardware acceleration”. When talking about a normal web page (i.e. not Canvas2D or WebGL), what does that term really mean?
Move a Cube With Your Head or Head-Tracking with WebGL
This post is about head tracking and how to use it in 3D. It is surprisingly easy to do with the suitable libraries. We will experiment with headtrackr.js and three.js. headtrackr.js is a nice library from auduno to do head tracking in the browser.
Access Management Authentication Class for Static Token login
Introduction Here's how the Static token-based authentication method works: a) The authentication method asks the user name and the password from the user. b) The credentials are checked against the user store. c) If the credentials are valid, the user is prompted to enter a specific token. The values of the tokens are stored in attributes in the user store. d) If the token that the user entered is matching against the corresponding token in the user store, authentication is successful.
