thomas-lebeau

<a href="http://twitter.com/home?status=STATUS" title="Click to share this post on Twitter">Share on Twitter</a>
<a href="http://www.facebook.com/sharer.php?u=URL&t=TITLE">link or image</a>
<a href="https://m.google.com/app/plus/x/?v=compose&content=CONTENT">Image or text</a>

Facebook*: https://api.facebook.com/method/links.getStats?urls=%%URL%%&format=json
Twitter: http://urls.api.twitter.com/1/urls/count.json?url=%%URL%%
Reddit:http://buttons.reddit.com/button_info.json?url=%%URL%%
LinkedIn: http://www.linkedin.com/countserv/count/share?url=%%URL%%&format=json 
Digg: http://widgets.digg.com/buttons/count?url=%%URL%% 
Delicious: http://feeds.delicious.com/v2/json/urlinfo/data?url=%%URL%%

thomas-lebeau

.hyphenate() {
  -ms-word-break: break-all;
      word-break: break-all;
      word-break: break-word; // Non standard for webkit
  
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
}

thomas-lebeau

[placeholder]:focus::-webkit-input-placeholder {
  color: transparent;
}

thomas-lebeau

var resizeId;
$(window).resize(function() {
  clearTimeout(resizeId);
  resizeId = setTimeout(doneResizing, 500);
});
 
function doneResizing(){
  //whatever we want to do 
}

thomas-lebeau

/* no media query is for phone and larger (mobile first) */
@media only screen and (min-width: @screen-sm-min) {} /* tablet (768px) and larger  */
@media only screen and (min-width: @screen-md-min) {} /* desktop (992px) and larger  */
@media only screen and (min-width: @screen-lg-min) {} /* wide destop (1200px) and larger  */

@media only screen and (max-width: @screen-xs-max) {} /* phone (767px) and smaller */
@media only screen and (max-width: @screen-sm-max) {} /* tablet (991px) and smaller  */
@media only screen and (max-width: @screen-md-max) {} /* desktop (1199px) and smaller  */
/* no media query is also for wide desktop and smaller */

thomas-lebeau

<?php

class UserField extends SelectField {

  public function input() {

    $select = new Brick('select');
    $select->addClass('selectbox');
    $select->attr(array(
      'name'         => $this->name(),

thomas-lebeau

$blog = ($page->parents()->count() > 0)? $page->parents()->first() : $page;

thomas-lebeau

'use strict';

(function () {

  /**
   * Social share popups
   *
   */
  var url = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;
  var title = document.getElementsByTagName("title")[0].innerHTML;

thomas-lebeau

import React, { Component } from "react";
import ReactDOM from "react-dom";

class Time extends Component {
  constructor(props) {
    super(props);
    this.state = {
      date: new Date(),
      count: 0
    };

thomas-lebeau

import React, { Component } from "react";
import ReactDOM from "react-dom";

function Todo(props) {
  const { text, isDone, onToggle } = props;
  const style = isDone ? { color: "grey", textDecoration: "line-through" } : {};

  return (
    <li>
      <input