Show all feed information | Ping Blog Update
When creating mobile web apps on devices like the iPhone, iPad, and Android you lose the beloved CSS :hover property which can make things so much easier to create. Chris Coyier has been exploring how to respond to single and double clicks still using pure CSS even when we don't have :hover.
For …
keywords css, front page, ipad, iphone, mobile devices, mobile web, web apps
CSS has always been a powerful tool in the web programmer’s arsenal, especially today with CSS3, CSS Animations/Transforms/Transitions, CSS FlexBox and Columns, CSS with SVG, etc. If you’re trying to do it all with JavaScript, many times you are probably doing things wrong — a …
keywords animations, arsenal, columns, css, flexbox, front page, svg, transitions, web programmer
pushState is a nifty way to manipulate browser history state without having to mess with the #hash value. You can use this to change the full path portion of the URL:
PLAIN TEXT
JAVASCRIPT:
var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", …
keywords foo, front page, js, node, server side, text javascript, url bar
Via HRJ ("Overworked mad genius readying to take on the world. I am his neighbor") comes a cool puzzle piece demo written using SVG and JQuery SVG:
HRJ has some nice code. First he calls the Flickr API using JQuery and JSON and makes a JigSaw puzzle piece for each one; in the code below he [...]
keywords flickr, front page, jquery, json, neighbor, svg
From SitePoint comes a nice series of videos on CSS3, called CSS Live. Here’s one on Progressive Enhancement when using CSS3 features:
keywords css, enhancement, front page, sitepoint, tutorial, video
Via Mr. Doob comes a cool canvas demo called "Or so they say..." he created. What's interesting about this demo is it uses HTML5 Audio and Canvas, including Mr. Doob's Three.js library and sequencer that he also used on The Wilderness Downtown project.
Three.js is similar to Papervision3D in the …
keywords 3d, canvas, demo, doob, flash world, front page, js library, wilderness
Today kicks off a new series focused on interviewing people doing amazing work on the web using JavaScript, CSS, HTML, SVG, WebGL, or any of the other new-fangled Three-Letter Acronyms coming out. We call these people Web Ninjas.
Our kickoff blog post for the Web Ninja Interviews is Erik …
keywords erik arvidsson, front page, interviews, javascript css, kickoff, letter acronyms, ninja, ninjas, svg
I've been doing alot of experimenting with HTML5/CSS3 on the iPhone doing animation, and I've been surprised with the low frame rate of animating through Canvas or SVG. If you are trying to do animation, especially 3D, on the iPhone it seems like the name of the game is to it through the GPU, and …
keywords alot, animation, canvas, css, css3, frame rate, front page, gpu, iphone, svg
Exciting news from Adobe; they've announced a new HTML5 Pack on Adobe Labs with support for HTML5, CSS3, and SVG:
Adobe is pleased to announce the availability of the Adobe® Illustrator® CS5 HTML5 Pack. This add-on for Illustrator CS5 15.0.1 provides initial support for HTML5 and CSS3, extends …
keywords adobe, adobe illustrator, capability, css, css3, exciting news, front page, initial support, svg
Marco Lisci has written a tutorial on creating a black and white image effect using the Canvas tag.
The heart of his tutorial is using getImageData() and looping through the red, green, blue, and alpha values of each pixel to change it's luminance:
So, what can we use to make an image black and …
keywords canvas, front page, heart, image effects, pixel, tag
