Julien Le Coupanec LeCoupa

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

Most active GitHub users (git.io/top)

The list would not be updated for now. Don't write comments.

The count of contributions (summary of Pull Requests, opened issues and commits) to public repos at GitHub.com from Wed, 21 Sep 2022 till Thu, 21 Sep 2023.

Because of GitHub search limitations, only 1000 first users according to amount of followers are included. If you are not in the list you don't have enough followers. See raw data and source code. Algorithm in pseudocode:

githubUsers

	/jshint strict:false/
	/global CasperError console phantom require/

	/**
	* grab links and push them into xml
	*/
	var casper = require("casper").create({

	});

	<html>
	<body style="background: #333">
	<script >
	var gui = require('nw.gui');
	var win = gui.Window.get();
	function takeSnapshot() {
	win.capturePage(function(img) {
	var popWindow = gui.Window.open('popup.html',
	{width: 420, height: 300});
	popWindow.on('loaded', function() {

	@mixin no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

	/**
	* This casper scipt checks for 404 internal links for a given root url.
	*
	* Usage:
	*
	* $ casperjs 404checker.js http://mysite.tld/
	* $ casperjs 404checker.js http://mysite.tld/ --max-depth=42
	*/

	/global URI/

	/*
	* Takes provided URL passed as argument and make screenshots of this page with several viewport sizes.
	* These viewport sizes are arbitrary, taken from iPhone & iPad specs, modify the array as needed
	*
	* Usage:
	* $ casperjs screenshots.js http://example.com
	*/

	var casper = require("casper").create();

	var fakeReferrer = "http://porzky.com"
	var targetUrl = "http://keyworddomains.com"

	var casper = require('casper').create();

	casper.start(fakeReferrer, function() {
	this.echo(this.getCurrentUrl());
	});

	casper.then(function(){

	/*
	HTTP/HTTPS Forward Proxy
	------------------------
	The purpose of this proxy is to manage a set of third party proxies
	internally, routing incoming requests through those proxies and
	rotating which remote proxies are in use periodically as requests come
	through, and without exposing the proxy credentials to the originating
	client. Rate limiting will later be implemented internally so that if
	the remote proxies have all been utilised too heavily, a "rate limit
	exceeded" message will be returned to the client.