Takazudo

HTML5感 2017/2/11

• Object Oriented CSS
• BEM
• SMACSS
• Reset CSS
• Normalize.css
• Atomic Design
• Enduring CSS

Takazudo

株式会社ピクセルグリッド / PixelGrid Inc.
https://www.pxgrid.com/

改訂版 Webデザイナーのための jQuery入門 | 髙津戸 壮, 小原 司 |本 | 通販 | Amazon
https://www.amazon.co.jp/dp/4774169447

Dynamic HTML
https://msdn.microsoft.com/ja-jp/library/cc409712.aspx

JavaScript Image Rollover Tutorial

Takazudo

html,
body {
    color: black
}
#wrapper {
    font: 16px helvetica, arial, freesans, clean, sans-serif;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6;
    padding: 3px;
    background: #fff;

Takazudo

class Cat {
  constructor(name) {
    this.name = name;
  }
  set name(name) {
    this._name = name;
  }
  get name() {
    return this._name;
  }

Takazudo

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

.Taro {
  %_human{
    color: yellow;
  }
  .body1{

Takazudo

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

.Taro {
  $_color: yellow;
  %_Taro-human{
    color: $_color;
  }

Takazudo

<script type="text/javascript"><!--
function doCal(xxx) {
  var now = new Date();
  now.setMonth(xxx-1);
  var year = now.getFullYear();
  var month = now.getMonth() + 1;
  var today = now.getDate();

  now.setDate(1);
  var startDay = now.getDay();

Takazudo

// a little modified version of
// position: fixed support detection from jQuery mobile.
// 
// This script also defines Android2.x as out of support.
// 
// https://github.com/jquery/jquery-mobile/blob/master/js/support.js
// http://demos.jquerymobile.com/1.4.4/toolbar-fixed/
// http://jimbergman.net/webkit-version-in-android-version/

Modernizr.addTest('positionfixed', function() {

Takazudo

/**
 * `html` class tweaking
 */
(function() {

  var html = document.getElementsByTagName("html")[0];

  /* helpers */

  var hasClass = function(node, cls) {

Takazudo

//===========================================
// API

app.api._createSinglePipeRequestFn = function(options) {
  /*
    options should have...
    type: 'GET' // or 'POST'
    url: '/blahblah/'
  */
  return (function() {