addyosmani

Web Components Can Do That?! extras

Thanks a ton for coming down to my talk, folks <33z. Your energy was amazing. This page has a few extra resources for you.

Slides

http://addyosmani.github.io/fitc-wccdt/

Rplus

var url = "http://example.com:3000/pathname/?search=test#hash";

var _a = new URL(url);

_a.protocol; // => "http:"
_a.hostname; // => "example.com"
_a.port;     // => "3000"
_a.pathname; // => "/pathname/"
_a.search;   // => "?search=test"
_a.hash;     // => "#hash"

AdamBrodzinski

@import "compass/utilities/sprites";         // Include compass sprite helpers
@import "compass/css3/background-size";      // Include helper to calc background size


@mixin sprite($name, $hover: false, $active: false) {
  @include retina-sprite($name, $sprites, $sprites2x, $hover, $active);
}

// The general purpose retina sprite mixin.
  //

max-mapper

Note: this rough draft has turned into https://github.com/maxogden/art-of-node#art-of-node

go to https://github.com/maxogden/art-of-node#art-of-node to view the newer versions of this document

Introduction to Node.js

Table of contents

• Understanding node
• Core modules

Rplus

伸縮自在的愛

using svg automaticly generate fonts by gulp-iconfont

這篇主要是要講如何使用 SVG 圖檔來生成 icon font，
並且要讓這 icon font 能順利在 CSS preprocessor tool 下接軌

目前 github demo repo 是使用 stylus preprocessor

cowboy

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    minify: {
      nofiles: {},
      manual: {
        files: [
          // Why specify all src-dest mappings manually...
          {src: 'lib/grunt.js', dest: 'build/grunt.min.js'},

chilversc

<script src="/scripts/require.js" type="text/javascript"></script>
<script type="text/javascript">
    requirejs.config({
        paths: {
            'jquery': 'jquery-1.9.1.min',
            'jquery.mobile': 'jquery.mobile-1.3.0.min'
        },
        shim: {
            'jquery.mobile': ['jquery', 'jquery.mobile-config']
        }

josephj

JavaScript 品質工具：CodePaint 與 Plato

介紹協助提昇 F2E Code Style 的兩個工具。

分享者

josephj@faria

問題

hlb

$bgcolor: hsl(53,56%,87%);

.button-primary {
    background: $bgcolor;
    color: if(lightness($bgcolor) < 50%, white, black);
}

bbuck

mutation _ {
  newTodo: createTodo(text: "This is a todo mutation example") {
    text
    done
  }
}