Getting ready for Web 2.0 jobs - Times of India
|
Getting ready for Web 2.0 jobs
Times of India, India - The supply end of the Web 2.0 revolution is moving at a healthy clip, with an almost overwhelming amount of content to choose from. … |
Getting ready for Web 2.0 jobs - Times of India
|
Getting ready for Web 2.0 jobs
Times of India, India - The supply end of the Web 2.0 revolution is moving at a healthy clip, with an almost overwhelming amount of content to choose from. … |
If volunteer communities increasingly add value to business… - O’Reilly Radar
|
If volunteer communities increasingly add value to business…
O’Reilly Radar, CA - What does Web 2.0 mean for your company? Get the latest on the why, what, who, and how of Web 2.0 in this report. Read more Smart thinking about the future. … |
Council visualizes Ajax base - Aspen Times
|
Council visualizes Ajax base
Aspen Times, CO - Centurion Partners, the developers of the lodge, said they would pay $4 million toward a new Lift 1A on the Shadow Mountain side of Ajax’s base. … |
TWENTE RUN CONTINUES - Sportinglife.com
|
TWENTE RUN CONTINUES
Sportinglife.com, UK - The result is also a positive for one for newly-promoted De Graafschap, who lie sixth and have not been beaten since their 8-1 mauling at the hands of Ajax … GRAAFSCHAP BID FOR MORE GLORY |
Chiefs hope to surprise Swallows - Independent Online
|
Chiefs hope to surprise Swallows
Independent Online, South Africa - The Amakhosi had the humbling experience last weekend of losing to Ertugral's old club Ajax Cape Town, now under his former head of youth development, … Chiefs reach Telkom knockout quarters It’s Ertugral v Gorowa Ertugral faces old student in derby |
Canvas Loading Indicator for the iPhone and beyond
Adam van den Hoven wrote a Canvas Loading Indicator after he realised that animated gifs and the iPhone didn’t mesh.
First he wrote the basic spinner:
JAVASCRIPT:
-
-
function getLoading(context, bars, center, innerRadius, size, color) {
-
var animating = true,
-
currentOffset = 0;
-
-
function makeRGBA(){
-
return “rgba(” + [].slice.call(arguments, 0).join(“,”) + “)”;
-
}
-
function drawBlock(ctx, barNo){
-
ctx.fillStyle = makeRGBA(color.red, color.green, color.blue, (bars+1-barNo)/(bars+1));
-
ctx.fillRect(-size.width/2, 0, size.width, size.height);
-
}
-
function calculateAngle(barNo){
-
return 2 * barNo * Math.PI / bars;
-
}
-
function calculatePosition(barNo){
-
angle = calculateAngle(barNo);
-
return {
-
y: (innerRadius * Math.cos(-angle)),
-
x: (innerRadius * Math.sin(-angle)),
-
angle: angle
-
};
-
}
-
function draw(ctx, offset) {
-
clearFrame(ctx);
-
ctx.save();
-
ctx.translate(center.x, center.y);
-
for(var i = 0; i<bars; i++){
-
var curbar = (offset+i) % bars,
-
pos = calculatePosition(curbar);
-
ctx.save();
-
ctx.translate(pos.x, pos.y);
-
ctx.rotate(pos.angle);
-
drawBlock(context, i);
-
ctx.restore();
-
}
-
ctx.restore();
-
}
-
function clearFrame(ctx) {
-
ctx.clearRect(0, 0, ctx.canvas.clientWidth, ctx.canvas.clientHeight);
-
}
-
function nextAnimation(){
-
if (!animating) {
-
return;
-
};
-
currentOffset = (currentOffset + 1) % bars;
-
draw(context, currentOffset);
-
setTimeout(nextAnimation, 50);
-
}
-
nextAnimation(0);
-
return {
-
stop: function (){
-
animating = false;
-
clearFrame(context);
-
},
-
start: function (){
-
animating = true;
-
nextAnimation(0);
-
}
-
};
-
}
-
And then to use it:
JAVASCRIPT:
-
-
var controller = getLoading(canvas.getContext(“2d”), 9, {x:100, y:100}, 10, {width: 2, height:10}, {red: 0, green: 17, blue: 58});
-
IT Survival Guide: Underpinnings Are Key To Web 2.0 In The Workplace - InformationWeek
|
IT Survival Guide: Underpinnings Are Key To Web 2.0 In The Workplace
InformationWeek, NY - Companies need to adapt, but wisely–not all Web 2.0 technologies are useful in business. The Web 2.0 label covers a variety of tools, all aimed at helping … |