background preloader

Javashtuff

Facebook Twitter

Protobacillus. Panrafal/depthy. Getting Started. Most webmasters are familiar with HTML tags on their pages.

Getting Started

Usually, HTML tags tell the browser how to display the information included in the tag. For example, <h1>Avatar</h1> tells the browser to display the text string "Avatar" in a heading 1 format. However, the HTML tag doesn't give any information about what that text string means—"Avatar" could refer to the hugely successful 3D movie, or it could refer to a type of profile picture—and this can make it more difficult for search engines to intelligently display relevant content to a user. Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo!

Vodooshoop

CSS3 Animation Cheat Sheet - Justin Aguilar. Samples. Responsive Typography for Form Input Field · Issue #40 · simplefocus/FlowType.JS. Javascript Text Animation Scripts with Example Source Code. Web Form Design and Development - Tuts+ Course. Responsive design - Lauren Paul - Spring 2012, ITD 298 - 01HP. Play Simple Trigonometric Curves Tutorial, a free online game on Kongregate. Jump. Play Simple Trigonometric Curves Tutorial, a free online game on Kongregate. Paper.js — Download. HTML5 Canvas Drawing Library Exploration: Paper.js. Var currentShape="circle"; var isPaused = true;

HTML5 Canvas Drawing Library Exploration: Paper.js

Interactive Maps with Paper.js. Posted in: Programming, Javascript, Fun By Adam Marshall, 4 March 2014.

Interactive Maps with Paper.js

Public Domain Images - High Resolution Free Photos - Public Domain Images. This gallery contains hundreds of high resolution public domain images with new images added weekly.

Public Domain Images - High Resolution Free Photos - Public Domain Images

Some of these images are over 10MB in size, so if they take a little longer to load, that’s why. We appreciate your patience and please just know that it will be worth the wait. These images are all released under CC0 1.0 Universal (CC0 1.0) Public Domain Dedication. This is pretty awesome because this means that the person associated with the photos has dedicated the photos to the public domain by waiving all of his or her rights to the work worldwide under copyright law, including all related and neighboring rights, to the extent allowed by law. What’s even more awesomer is that you can copy, modify, distribute, even for commercial purposes, all without asking permission. Follow3 \ Examples \ Processing.org. This example is for Processing 2+.

Follow3 \ Examples \ Processing.org

If you have a previous version, use the examples included with your software. If you see any errors or have suggestions, please let us know. Paper.js — Keyboard Interaction. Paper.js allows you to interact with the keyboard in two ways: You can either intercept key events and respond to these, or you can check the state of a given key at any moment, to see if it is pressed or not.

Paper.js — Keyboard Interaction

This tutorial explains both approaches. Receiving Key Events To receive information about key presses, define an onKeyDown or onKeyUp handler function in your script. In the following example, we give feedback to the user about which key was pressed / released by creating a text item and changing its content: Please note: The onKeyDown event is fired continuously while a key is held down. The Event Object. Using JavaScript and forms. Using JavaScript and forms. PaperJS - Star, RegularPolygon, Rectangle. PaperJS (paper.js) walkthrough by Brett Paufler - 8-23-13 Stars, RegularPolygons, & Rectangles (It is my intent to work my way through the paper.js library, if page doesn't cover the aspect of paper.js that you are interested in, please see complete index of my paper.js tutorials completed thus far) STAR - CRAFT (creating a paper.js star) Once the basic form of a Path is understood (from Circles), creating a star is child's play.

paperJS - Star, RegularPolygon, Rectangle

The basic form is: var centerOfstar = new paper.Point(x, y); var myStar = new paper.Path.Star(centerOfstar, # of points, outside diameter, inside diameter); Note: in below, I mispelled the stroke.Color, but rather than hanging, the color defaults to black. Behind Paper.js: On the nuts and bolts of designing and building a vector graphics library in JavaScript. Exam Application Programming Tutorial JavaScript Quiz Online Test. Exam Application Programming Tutorial JavaScript Quiz Online Test. You can embed this video on your blog or web page by copying the video embed code above and pasting it into the source code of your page.

Exam Application Programming Tutorial JavaScript Quiz Online Test

Adjust the width and height to specify the size you would like it to display. Learn to create a Quiz, Test or Exam software using JavaScript and HTML. The main objective is to give the user multiple choice questions one at a time in sequence and grade them at the end of the exam. Introduction to JavaScript Animation. Simple Animation Using paper.js (2.5D object controller) Paper.js Simple Demo. Teach_Paper.js_Tutorial. Learn JavaScript in 12 Minutes. Javascript is Easy. Dos and Donts: Best Practices When Learning JavaScript. Requiem for a Dream. A Javascript library that lets you easily work with HTML5 audio. Recent Updates Follow @CreateJS December 2013.

A Javascript library that lets you easily work with HTML5 audio.

Y'=Cos(xy)