ruanzx

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

Google Docs Viewer

Only files under 25 MB can be previewed with the Google Drive viewer.

Google Drive viewer helps you preview over 16 different file types, listed below:

Image files (.JPEG, .PNG, .GIF, .TIFF, .BMP)
Video files (WebM, .MPEG4, .3GPP, .MOV, .AVI, .MPEGPS, .WMV, .FLV)
Text files (.TXT)
Markup/Code (.CSS, .HTML, .PHP, .C, .CPP, .H, .HPP, .JS)
Microsoft Word (.DOC and .DOCX)

	$ docker create --name gitlab-data --volume /d/docker/gitlab:/etc/gitlab gitlab/gitlab-ce:latest

	# Make sure Bridging is set on the VM in VirtualBox

	$ docker run --publish 8080:80 --publish 2222:22 --publish 4443:443 --name gitlab --restart always --volumes-from gitlab-data gitlab/gitlab-ce:latest



	Using docker 1.13.1

	# Reference: https://www.exclamationlabs.com/blog/continuous-deployment-to-npm-using-gitlab-ci/

	# GitLab uses docker in the background, so we need to specify the
	# image versions. This is useful because we're freely to use
	# multiple node versions to work with it. They come from the docker
	# repo.
	# Uses NodeJS V 9.4.0
	image: node:9.4.0

	# And to cache them as well.

	# See list of docker virtual machines on the local box
	$ docker-machine ls
	NAME ACTIVE URL STATE URL SWARM DOCKER ERRORS
	default * virtualbox Running tcp://192.168.99.100:2376 v1.9.1

	# Note the host URL 192.168.99.100 - it will be used later!

	# Build an image from current folder under given image name
	$ docker build -t gleb/demo-app .

	// Live video stream management for HTML5 video. Uses FFMPEG to connect to H.264 camera stream,
	// Camera stream is remuxed to a MP4 stream for HTML5 video compatibility and segments are recorded for later playback
	var liveStream = function (req, resp) { // handle each client request by instantiating a new FFMPEG instance
	// For live streaming, create a fragmented MP4 file with empty moov (no seeking possible).

	var reqUrl = url.parse(req.url, true)
	var cameraName = typeof reqUrl.pathname === "string" ? reqUrl.pathname.substring(1) : undefined;
	if (cameraName) {
	try {
	cameraName = decodeURIComponent(cameraName);

	// ----
	// libsass (v3.0.2)
	// ----

	//
	// From less to sass.
	// Ported version of Responsive Margin & Padding Shortcuts
	// for Twitter Bootstrap 3.0
	//---------------------------------------------------------------
	//

	//
	// Responsive Margin & Padding Shortcuts for Twitter Bootstrap 3.0
	// ---------------------------------------------------------------
	// This is an addition to Twitter Bootstrap that allows additional margin and padding shortcuts
	// for enhanced layout control purposes. It should be included after the bootstrap.less
	// import statement or precompiled as you see fit. It differs from bootstrap standards in
	// that for any given screen size it predetermines the margin/padding size. All you have to
	// do is specify the size you want xs,sm,md,lg, or xl. The exception is for items that you
	// want to be centered using auto left/right margins. This can be device responsive by
	// specifying mc-xs, mc-sm, mc-md, or mc-lg depending on when you want that behavior.