atulbhujbal

<script>
$(window).resize(function() {
	var windowWidth = $(window).width();
	$('.screen-width').text(windowWidth + 'px');
});
</script>

<div id="debug" style="position:fixed;padding:0.3em 0.6em;background:#f1f1f1;font-size:0.6em;bottom:0;left:50%;">
	<span class="screen-width">0</span>
</div>

atulbhujbal

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

atulbhujbal

# all php files :: disallow direct access of file
# between <?php and ?>
defined('_JEXEC') or die;

# index.php :: define variable with application
# between <?php and ?>
$app = JFactory::getApplication();

# index.php :: define variable with document
# between <?php and ?>

atulbhujbal

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.

Variables