The Modern JavaScript Tutorial

The Modern JavaScript Tutorial is a collection of very detailed articles explaining JavaScript from the basics to advanced topics.

The GitHub repo has 12k+ stars.

Create slideshows from MarkDown, using Pandoc

You can use Pandoc to produce an HTML + JavaScript slide presentation that can be viewed via a web browser. I am planning on presenting my slideshows in the future using revealjs so this is perfect for me. I am a big fan of MarkDown.

I am also planning on rewriting my localization converter into something like Pandoc, so that it can be used from command line.

Grid.js JavaScript grid library

Grid Js is an HTML table plugin written in TypeScript.

Open source JavaScript syntax highlighter

div class="separator" style="clear: both; text-align: center;">

• Homepage 
• Download
  

jQuery and JavaScript Coding: Examples and Best Practices

• jQuery and JavaScript Coding: Examples and Best Practices on Smashing Magazine

Google Analytics tracker code changed

If you are using Google Analytics, make sure you update your code. The new code looks like this:

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write("\<script src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'>\<\/script>" );

<script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-123456-4");

pageTracker._initData();

pageTracker._trackPageview();

<script>

Cute javascript tip of da day

Follow these steps:

• Go to Google Images
• Search for something, like iPhone ;)
• Copy this code to the address bar:

  javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images; DIL=DI.length; function A(){for (i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++} setInterval('A()',5 ); void(0)

• Press Enter

Only tested in Firefox