Paceaux paceaux

🌐

Obsessing with languagey things

let { frontEnd, node, python } = paceaux;

paceaux / dabblet.css

Last active October 16, 2015 19:49

Font sizing demonstration

paceaux / tridionWindow.js

Created August 13, 2015 20:28

Get the Window that contains Tridion and Anguilla

	var TridionWindow = function () {
	if ($messages) {return window;} else {
	for (var i = 0; i<frames.length; i++) {
	if (frames[i].$messages) return frames[i];
	}
	}
	}
	tridionWindow = tridionWindow();

paceaux / canvasApp.js

Last active August 29, 2015 14:21

Canvas app. Simple api for creating and drawing on canvas.

	var CvsApp = function (selector) {
	this.el = document.querySelector(selector);
	this.ctx = this.el.getContext('2d');
	this.shapes = [];
	this.Shape = function (x,y) {
	this.path = new Path2D();
	this.coords = { x:x, y:y};
	this.size = {h:'', w:''};
	};
	this.addShape = function (shape) {

paceaux / demo.html

Last active September 15, 2015 07:56

Brightness Detection

	<section>
	<figure class="static">
	<img src="img/img1.jpg" data-imgDetect="parentClass" class="static__img"/>
	</figure>
	<figure class="static">
	<img src="img/img2.jpg" data-imgDetect="selfClass" class="static__img"/>
	</figure>
	<figure class="static">
	<img src="img/img3.jpg" data-imgDetect="parentClass" class="static__img"/>
	</figure>

paceaux / dabblet.css

Last active August 29, 2015 14:19

property order

	/**
	* property order
	*/
	html{
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	}
	p {
	background: rgba(100,100,100,.2);

paceaux / testvh.js

Created February 19, 2015 21:26

Test if a browser supports VH. Based on the idea from vminpoly: https://github.com/saabi/vminpoly/blob/master/vminpoly.js

	supportsVh = function () {
	var detector = document.createElement('div'),
	winHeight = parseInt(window.innerHeight / 10, 10),
	testHeight;

	detector.style.height = '10vh'; // set an arbitrarily chosen height
	document.getElementsByTagName('body')[0].appendChild(detector); // add the element
	testHeight = parseInt(window.getComputedStyle(detector, null).height, 10); //get the computed style of the element

	document.getElementsByTagName('body')[0].removeChild(detector); // now remove the element

paceaux / stateSelect

Created February 8, 2015 17:44

select Box with all 50 states.

	<select class="fieldset__field__select " id="js-state" name="state" title="Select your state" >
	<option>State</option>
	<option value="AL">AL</option>
	<option value="AK">AK</option>
	<option value="AZ">AZ</option>
	<option value="AR">AR</option>
	<option value="CA">CA</option>
	<option value="CO">CO</option>
	<option value="CT">CT</option>
	<option value="DE">DE</option>

paceaux / StylusFlexFoundation

Created February 5, 2015 04:19

Stylus Flexbox Foundation

	[class*="flex"]
	display:flex
	&[class*="col"]
	flex-direction: column;

	&[class*="row"]
	flex-direction: row;

	for prop in space-between space-around center flex-start flex-end
	&[class*=\"justify--{prop}\"]

paceaux / uiFrame.js

Created January 5, 2015 18:16

return a Tridion view frame as an object

	var uiFrame = function (viewName) {
	var frameIndex = 0, tridionView;
	while (windowFrame = window.top.frames[frameIndex++])
	{
	if ( (tridionView = windowFrame.$display && windowFrame.$display.getView() ) && tridionView.getId() === viewName)
	{
	return tridionView;
	}
	}
	console.log(tridionView);

paceaux / removeClassByPartialName.js

Last active October 28, 2015 20:43

Use this if you want to remove a class name from an element, but you don't know the full class name (ie, you only have a partial class name)

	DOMTokenList.prototype.removeByPartial = function (className) {
	for (var i = 0; i< this.length; i++) {
	if (this[i].indexOf(className) !== -1) {
	this.remove(this[i]);
	}
	}
	};