No title available
Three Goblin Art
No title available
RMH
PR's Tumblrdome
Keni
Not today Justin
Origami Around
dirt enthusiast
"I'm Dorothy Gale from Kansas"
AnasAbdin
sheepfilms
roma★
tumblr dot com
One Nice Bug Per Day
todays bird
#extradirty
Claire Keane
Kiana Khansmith
occasionally subtle
seen from Malaysia
seen from United States
seen from Netherlands
seen from Singapore
seen from Malaysia
seen from Malaysia
seen from Malaysia
seen from China
seen from United States
seen from United States
seen from United States
seen from Iceland
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
@javascriptvstheworld
Anndddd I’m back...
Hi All!!!
I started this blog a few years ago then work got in the way. I’ve recently decided to pick back up this blog with simple code posts then module code posts then some full projects.
So, here we go again.... :-)
Javascript vs. Zepto.js: A simple sprite animation
So, zepto.js is a pretty much a condensed version of jQuery. They removed all methods that are barely ever used in jQuery and kept what most developers deem necessary to get their jobs done. This code reduction comes at the cost of using CSS3 animations instead of javascript coded animations. Therefore zepto.js is only to be used in projects that support modern browsers that include CSS3 animations (Chrome 26, FF 21, Safari 5.1, IE10+, and more).
With this in mind to create a comparable plain Javascript version we can use some newly added methods available in IE9+ to make the plain JS version of the code even easier to read and code than JS code written for IE8+. This IE9+ JS code can also be used as fallback code, if you need to at least support IE9 and up.
In this JS challenge we will be creating a sprite sheet animation with the two contenders.
Let the show begin...
Javascript VS. JQuery: A simple slider module
Here I’ve created a simple slider module in jQuery and then in plain Javascript. Then I run the two in jsPerf to see which is the faster method. Lets get ready to rummmmblllllleeeee!!!!!!
Javascript VS. JQuery: A tabs module
Here I've created a simple responsive tabs module in jQuery and then in plain Javascript. Then I run the two in jsPerf to see which is the faster method. Place your bets people! Tab wars are on!!
JQuery Version: http://bl.ocks.org/aliyarobinson/5925692
Plain Javascript Version: http://bl.ocks.org/aliyarobinson/5965468