pvmsikrsna

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

Converting libraries to Ember CLI addons

In this guide we will cover two main cases:

Ember specific library
vendor library

Ember library

The Ember library will assume that Ember has already ben loaded (higher in the loading order) and thus will assume it has access to the Ember API.

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

Typing vagrant from the command line will display a list of all available commands.

Be sure that you are in the same directory as the Vagrantfile when running these commands!

Creating a VM

vagrant init -- Initialize Vagrant with a Vagrantfile and ./.vagrant directory, using no specified base image. Before you can do vagrant up, you'll need to specify a base image in the Vagrantfile.
vagrant init <boxpath> -- Initialize Vagrant with a specific box. To find a box, go to the public Vagrant box catalog. When you find one you like, just replace it's name with boxpath. For example, vagrant init ubuntu/trusty64.

Starting a VM

vagrant up -- starts vagrant environment (also provisions only on the FIRST vagrant up)

	{acl, admin, {user, "adminname", "yyyy.ru"}}.
	{hosts, ["yyyy.ru"]}.
	{loglevel, 4}.

	{listen,
	[
	{5222, ejabberd_c2s, [
	{access, c2s},
	{shaper, c2s_shaper},
	{max_stanza_size, 65536},


	// Create a new MergeStrategy for aop.xml files
	val aopMerge: MergeStrategy = new MergeStrategy {
	val name = "aopMerge"
	import scala.xml._
	import scala.xml.dtd._

	def apply(tempDir: File, path: String, files: Seq[File]): Either[String, Seq[(File, String)]] = {
	val dt = DocType("aspectj", PublicID("-//AspectJ//DTD//EN", "http://www.eclipse.org/aspectj/dtd/aspectj.dtd"), Nil)
	val file = MergeStrategy.createMergeTarget(tempDir, path)

	// API return format is as so:
	// {
	// data: [
	// {
	// name: 'foo'
	// },
	// {
	// name: 'bar'
	// }
	// ]

	### =======
	### LOGGING

	##
	## loglevel: Verbosity of log files generated by ejabberd.
	## 0: No ejabberd log at all (not recommended)
	## 1: Critical
	## 2: Error
	## 3: Warning
	## 4: Info

	var htmlbars = require("gulp-htmlbars");
	var tap = require("gulp-tap");
	var concat = require("gulp-concat");

	var getTemplateNameFromPath = function(path){
	// if exist replace \ with /
	while( path.indexOf("\\") !== -1 ){
	path = path.replace("\\", "/");
	}

	# Install
	# via http://askubuntu.com/questions/510056/how-to-install-google-chrome

	wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub \| sudo apt-key add -
	sudo sh -c 'echo "deb http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google-chrome.list'
	sudo apt-get update
	sudo apt-get install google-chrome-stable


	# Update