Pascal Achard botmaster

Table of Contents generated with DocToc

FrontEnd Masters - ES6 notes
Rest Parameters

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

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

	$.getView().backgroundImage = getImageFileFromSVG({
	image : "/images/hearts.svg",
	width : 400,
	height : 400,
	top : 0,
	left : 0
	});

	function getImageFileFromSVG(svgOpts) {
	var file = Ti.Filesystem.getFile(Ti.Filesystem.applicationCacheDirectory,

	<!-- note the ONLY change to this is the additional module="tabIndicator"
	attribute + properties to override indicator defaults //-->
	<Alloy>
	<TabGroup module="tabIndicator" tabsBackgroundColor="#000" tabIndicatorHeight="1" tabIndicatorColor="white" tabIndicatorWidth="75%">
	<Tab title="Tab 1" icon="/images/icons/519-tools-1.png" activeIcon="/images/icons/519-tools-1_active.png" color="#555" activeColor="#fff">
	<Window title="Tab 1" barColor="black" navTextColor = "#fff">
	<Label onClick="openWin1">Tab 1</Label>
	</Window>
	</Tab>
	<Tab title="Tab 2" icon="/images/icons/516-archive-box.png" activeIcon="/images/icons/516-archive-box_active.png" color="#555" activeColor="#fff">

	// Déclaration d'une classe
	var MyClass = function (pParam1, pParam2)
	{
	// Scope fake publique
	var that;

	// Propriété privée
	var _privateVar = 5;

	// Méthode privée

	<?php

	class iOSPNGNormalizer
	{
	public static function fix($filename, $destfilename = null)
	{
	try {
	$handle = fopen($filename, "rb");
	$oldPNG = fread($handle, filesize($filename));
	fclose($handle);

	Laravel Documentation http://laravel.com/docs/introduction [ olmazsa olmaz :) ]


	Laracast https://laracasts.com/series [ özellikle Laravel From Scratch kısmında, Laravel'in temel prensipleri güzel anlatılmış ]


	Visualizing Laravel Relationships http://matthewhailwood.co.nz/visualizing-laravel-relationships/


	Laravel Blog örneği https://github.com/ibrahimhizlioglu/laravel-blog-ornegi

	$.mySwitch.addEventListener('change',function(e){
	Ti.API.info('Switch value: ' + $.mySwitch.value);
	});

	function collapse(){
	$.myView.collapse();
	// $.myView.expand();
	}