flexbox

.button {
  -webkit-border-radius: 0px;
  -webkit-appearance: button;
  -webkit-font-smoothing: antialiased;
}

flexbox

mymodule {
  @at-root {
    .#{&}-header { ... }
    .#{&}-footer { ... }
    .#{&}-body   {
      a          { ... } 
      span       { ... } 
      p          { ... } 
    }
  }

flexbox

  <% hreflang = locale == :fr ? 'en' : 'fr' %>
  <link href="<%= "http://#{request.host}:#{request.port}#{request.fullpath}" %>" hreflang="<%= hreflang %>" rel="alternate" />

flexbox

= f.input :name, input_html: { autofocus: f.object.name.blank? }

flexbox

a.shop-picture span {
  position: absolute;
  display: block;
  background-position: 196px 0px;
  background-repeat: no-repeat;
  width: 282px;
  height: 192px;
  margin: -186px 0 0 -6px;
  animation: showlabel 1s;
  -moz-animation: showlabel 1s;

flexbox

module ApplicationHelper
  def retina_image_tag(default_name, options={})
    retina_name = default_name.gsub(%r{\.\w+$}, '@2x\0')
    retina_image_tag(default_name, options.merge('data-interchange' => "[#{asset_path(retina_name)}, (retina)]"))
  end
end

flexbox

//first we'll define the folders where the sprites are and their layouts
$pictos: sprite-map("sprite/pictos/*.png", $layout: smart);
$pictos-2x: sprite-map("sprite/pictos2x/*.png", $layout: smart);

.picto-share_facebook {
  @include use-sprite("share_facebook", $pictos, $pictos-2x);
}

.picto-share_google {
  @include use-sprite("share_google", $pictos, $pictos-2x);

flexbox

window.onload = ->
  styles = [
    featureType: "poi"
    stylers: [visibility: "off"]
  ]
  styledMap = new google.maps.StyledMapType(styles,
    name: "Styled Map"
  )
  mapOptions =
    zoom: 11

flexbox

Contract Killer

Le contrat open-source à destination des designers et développeurs Web par Stuff & Nonsense

• Version originale : 23/12/2008
• Révision : 15/12/2013
• Traduction : David Leuliette
• Article

---

flexbox

.header-image {
  animation: 35s linear 0s normal none infinite movebg;
  background: url("/playground/uploads/upload/upload/289/bkgd3.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-top: -80px;
  padding-bottom: 7em;
  padding-top: 160px;
}

@-moz-keyframes movebg {
  0% {