Dashcode Invader: Using Dashcode To Create A Game In this tutorial, we will continue building a simple space-invader type game. We will be continuing from the tutorial presented in Part1 at however, we are making some major changes, and I’ll explain why. The first change has to do with restructuring the CSS code so that most of the objects within the game are nested inside a div element. The index.html should be modified to look like this: [c] <! Hierarchically, the main container is "content" div. The main.css should be modified to look like this: We assigned the images, which were previously embedded in the html, as background-image of the div style-sheets. We are also modifying the main.js by adding a new function named onMouseMoveHandler(). The new onMouseMoveHander function is pretty similar to the onTouchMoveHandler, because they do similar thing, the difference is we use event.pageX to detect the mouse position.
How To Build a Custom Carousel with jQuery and Roundabout Sliders and Carousels are one of the coolest ways to display information on websites. They can contain tons of information in a smaller area, and the animation of automatic sliding and the large, beautiful images that are usually included draw the user's attention. Well, I'll show you how to set up an awesome carousel with jQuery and the Roundabout plugin. Terminology and Background Generally, the words "slider" and "carousel" refer to the same thing. At my job, I've been working on a project where I designed what the Carousel would look like and all of the features it would need before I looked around to see if I could even find a plugin with all of these features. So what you'll be reading about is how I made that plugin do more than it said it could, so that I could have exactly what I wanted. Demo | Download The Starting Markup The first thing we need to do is download the Roundabout plugin, which is available on its project page. The Starting Script Adding in the Description Text
Security and privacy - Google Apps Help Parmi les types de questions que nous recevons au sujet de Google en général et de Google Apps en particulier, les deux plus fréquents concernent la sécurité et la confidentialité. Nous attachons une grande importance à ces sujets et sommes convaincus que nos offres sont fiables sur ces deux plans. Toute notre activité repose sur la confiance que nos utilisateurs nous accordent, qu'il s'agisse de la sécurité de leurs données, ou de la confidentialité des informations qu'ils placent sur nos systèmes. Ces données ne sont pas communiquées à des tiers et sont utilisées de manière appropriée. Afin de répondre à certaines des nombreuses questions qui nous sont posées et de dissiper certaines idées fausses, nous avons créé cette FAQ et un site sur la sécurité de Google Apps. Si vous avez besoin de nous signaler un cas d'utilisation abusive, merci de consulter cette page d'informations pour en savoir plus. Confidentialité Pour faire court, Google n'est pas propriétaire de vos données. Sécurité
20+ Useful jQuery Google Maps Tutorials and Plugins jQuery Google maps has become extremely popular among the internet users primarily for its easy-to-use techniques those are needed to locate a particular position on the world map. Let us discuss some of the tutorials, resources as well as plugins of jQuery Google maps. There are plugins available which are used to include the longitude, latitude as well as text (for the name of a particular place) on the Google maps. In order to do that the user needs to reserve or book an API key available online. If any user wants to add Google maps to his website, jQuery plugin are used. You just need to click on these markers the user will get options of tiny maps displayed on the screen. There are jQuery Google maps tutorials which help the users to learn how to embed the reviews as well as various types of articles those contain wide range of information. Certain tutorials teach jQuery Google maps plugin in order to display various media. gMap – Google Maps Plugin For jQuery What is jQuery GPS
How do I edit CSS in Chrome like in Firebug for Firefox Gmail to Unveil New Interface to Help Fight Information Overload Google's excellent webmail app Gmail appears set to relaunch with a new interface, according to a video caught on the company's YouTube channel by long-time watchdog Alex Chitu this morning. The new version of Gmail looks a lot like the recent refresh of Google Docs, but adds big avatar photos of your contacts to your inbox display and surfaces advanced search functionality through a simple interface, among other changes. The new email reply interface looks like comment posting on Facebook. The YouTube video has now been closed to the public, but Chitu grabbed screenshots that we've reposted below. The introduction of contact avatars is something that the Gmail mobile Web client began several months ago but will be much more meaningful in a full size Web app. The new interface for replying to emails looks much more lightweight as well. The advanced search interface is very nice as well. Contacts and tasks links are no longer displayed on the very top of the interface.
Creating a basic site with node.js and Express A walkthrough on how to create and deploy a basic site with Node.js and the Express framework What we are going to do This walkthrough will go over setting up a basic site using Node.js and Express. Here is the site we are going to create. Setup First we need to setup our development environment. If you are on Linux there are plenty of articles on Google. For Windows users there are also resources on Google but it is a bit more tricky. Prerequisites If everything has installed ok you should now have Node.js and npm running on your machine. node -v v0.8.21 npm -v 1.2.12 Create an Express site Still with me? First let's install express npm install -g express-generator The -g flag means that you are installing express globally on your system. Now we can create an express application. express -c stylus express_example The -c states that we want to use stylus for css. As per the instructions you'll need to install dependencies so do this cd express_example && npm install Boot the app node app.js npm start
Free Hotlinking Checker - Test Your Hot Linking Protection Also see: Definition of "hotlinking" ("hot linking") and Definition of "Direct Linking" You can use the free hot-linking checker below to test if your images and multimedia files have hotlinking protection enabled, or if instead they are susceptible to "leeching" and "bandwidth theft". Common methods of preventing hotlinking are by using an .htaccess file or using the "Hotlink Protection" offered in control panels such as Cpanel (see our free Cpanel hosting list). The hot linking checker below is also useful to check if the URLs given by free image hosting services can be direct linked (most free image hosts allow this). Enter the full URL in the form below and click the button to test if your picture/image could be hotlinked by a remote server (such as someone posting the image as an avatar or signature in a messageboard forum). Please only enter URLs of images you own that are web hosted on your server, or on a free image hosting service that allows direct linking.