- trigger: media description: Web RTC scope: javascript mTime: 1454845799832 text: | navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia; var constraints = {audio: true, video: true}; var video = document.querySelector("video"); function successCallback(stream) { window.stream = stream; if (window.URL) { video.src = window.URL.createObjectURL(stream); } else { video.src = stream; } } function errorCallback(error) { console.log("navigator.getUserMedia error: ", error); } navigator.getUserMedia(constraints, successCallback, errorCallback); - trigger: w description: while文 scope: javascript mTime: 1461673910618 text: | while(${1:true}){ } - trigger: touch description: touchイベント scope: javascript mTime: 1453306815082 text: | ${1}.addEventListener("touchstart",function(e){ var touches = e.touches; for(var i=0;i //
var map = null; // 現在地を取得 navigator.geolocation.getCurrentPosition( // 取得に成功した場合 function( position ) { var mapdiv = document.getElementById('map'); var directionsService = new google.maps.DirectionsService(); var directionsDisplay; //オプション設定 var options = { zoom: 17, center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude), mapTypeId: google.maps.MapTypeId.ROADMAP, scaleControl: true, }; // マップを描画 map = new google.maps.Map(mapdiv, options); // マーカーのインスタンスを格納する配列 var markers = [] ; // マーカーのインスタンスを作成する var marker = new google.maps.Marker( { map: map, position: new google.maps.LatLng( position.coords.latitude, position.coords.longitude ), draggable: true }); markers.push(marker); var geocoder = new google.maps.Geocoder(); geocoder.geocode({'address': '${1:東京}'}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { google.maps.event.trigger(map, 'resize'); //map.setCenter(results[0].geometry.location); var marker = new google.maps.Marker({ map: map, position: results[0].geometry.location, draggable: false }); markers.push(marker); } }); }, // 取得に失敗した場合 function( error ) { console.err(error); } ); - trigger: scli description: socket.io client scope: javascript mTime: 1460470555690 text: | var socket = io.connect('localhost:9000'); socket.on('connect', function(){ }); socket.on('disconnect', function(){ }); // 送信 socket.emit('${1:event}', ${2:'message'}); // 受信 socket.on('${1:event}', function(msg){ }); - trigger: sser description: socket.io server scope: javascript mTime: 1460470568752 text: | var io = require('socket.io')(9000); io.on('connection', function(socket){ socket.on('${1:event}', function(msg){ io.emit('${1:event}', msg); }); }); - trigger: file description: File API scope: javascript mTime: 1454140061101 text: | function fileLoader(callback){ if(document.getElementById('${1:file}').files.length > 0){ var file = document.getElementById('${1:file}').files[0]; var fileReader = new FileReader(); fileReader.onload = function(e) { var elem = document.createElement('${2:tempmedia}'); // img,video,audio elem.src = e.target.result; img.onload = function() { if(callback){ callback(elem); } }; }; // fileをdataURIで取得 fileReader.readAsDataURL(file); } } // fileをクリア function resetFile(){ var filespan = document.getElementById("${1:file}_span"); var temp = filespan.innerHTML; filespan.innerHTML = temp; } - trigger: s description: swicth文 scope: javascript mTime: 1461674311179 text: | switch(${1}){ case ${2}: break; default: break; } - trigger: _fi description: find scope: javascript mTime: 1461679519990 text: | _.find(${1}, function (data) { return ${2:data === true}; }); - trigger: _fil description: filter scope: javascript mTime: 1461679142051 text: | _.filter(${1:array}, function (data) { return data ${2}; // get data statement boolean(find all target in array) }); - trigger: _co description: contains scope: javascript mTime: 1461679110676 text: | _.contains(${1:array}, ${2:target}); - trigger: keyup description: keyupイベント scope: javascript mTime: 1453815688106 text: | document.onkeyup = function (e){ // キーコード var keycode = e.keyCode; // Enter if(keycode == 13){ } // Space if(keycode == 32){ } // ←,A if(keycode == 37 || keycode == 65){ } // →,D if(keycode == 39 || keycode == 68){ } // ↑,W if(keycode == 38 || keycode == 87){ } // ↓,S if(keycode == 40 || keycode == 83){ } }; - trigger: player description: player scope: javascript mTime: 1459648026004 text: | var playerImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAACACAMAAADDApyIAAAAA3NCSVQICAjb4U/gAAAAe1BMVEVTRyFwVlSPd3K3oJn///92dni3t7v/JifZ2d2tAADn0cfuvpN2AADXkG7/4a//9+GLXkqnfl1EREQojcuXl5n/1gCdcExtbW5WVlcaVYYobp93WErHnQAyMjT//ACfh4G4nZIuHiJgVFhIOj6FhYfm9//D1e+Sioz///9okK1iAAAAKXRSTlP/////////////////////////////////////////////////////AFL0IIcAAApJSURBVGiBvVqNeqM4EmwBksHGDmZwTOI49kwyO7z/E151C7AEkld7+90xCf7prqoWiEy1gIbkjbA9XpJR/4CAMoVYJvtAUhjvvX9CIN+oPFNZrmxKYgGUSkAKX6o8z1W2zXMhSSqA0gnUNs8y/Gw5KruUAiiNAHCgGIl/8k4lFkBJBITiMg7kOZD5FschtQBKIeDyMhvYbrNarRPieEoiwATZyuBxGFRVZ9uaS5wTnuEphWCw8wO7Os+qTaVypCj3IMbxlETAEw/BTFWZ2mw2FVepMoc/jqcUAtTCDHu13+Fnt8Mb0HkJUTylEOAY73O1x8tudzjs+CNS6HEEn+ApiWCgfaZ2f/0sET7syp9/McfjUnyGpxQCPsjqdff75x+J//n5e/eKQzykFEApBGO8+Po6vLy8HL6+it0reX8p4nhKJcCwd79+vfD269cO5a0FgnhKIxhIGyQcJH5A2Gg/HMVTGsGgTWHoVRIOKA+ftBeP4scX3S4ItG5dfNt1uii5yh1XVxa66/wEoxcFdNoR0G1XGpdAl8YjaHXZfRecQUxffHelV0HbGWCcAkzZtdoVQEUegSmNS3Bt+/76Zori9HEqCvN27fv26g2gNH4BnXYENDVLgvP5fHWOsr6d2+vb29v7j88f73i9tuebG5b8RQENaUegoatHcL7f6MGgm+P9er0g/OP0AwmX6/V+bJw43e5nD39lyoeAIdLaJaD78egKHI/NtX27NM3393fTXN7aa3M8ugLH453cArQmMg+B0hjtEQDgCfAI2x748+cZDDgBqNAXOJJXgDY47Q+BEgNwCag5XlwBFEAffX8+f/af53PffxB/5Qhcjg15BWgm9QRAcLYEPROMIxwJMPGRcDp9tm37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"; function Player(img,width,height){ this.image = document.createElement("img"); this.imgframe = document.createElement("div"); this.imgframe.style.position = "absolute"; this.imgframe.style.overflow = "hidden"; this.imgframe.style.width = width+"px"; this.imgframe.style.height = height+"px"; this.image.src = img; this.width = width; this.height = height; this.image.style.position = "absolute"; this.animSets = {}; this.animSpeed = 60; this.curAnimSet = ""; this.setPos(0,0); this.setAnimFrame(0,0); this.imgframe.appendChild(this.image); document.querySelector("body").appendChild(this.imgframe); } Player.prototype.setPos = function (x,y){ this.imgframe.style.left = x + 'px'; this.imgframe.style.top = y + 'px'; } Player.prototype.getPos = function (){ return {x:parseFloat(this.imgframe.style.left.split('px')[0]), y:parseFloat(this.imgframe.style.top.split('px')[0])}; } Player.prototype.updatePos = function (x,y){ this.imgframe.style.left = (parseFloat(this.imgframe.style.left.split('px')[0]) + x) + 'px'; this.imgframe.style.top = (parseFloat(this.imgframe.style.top.split('px')[0]) + y) + 'px'; } Player.prototype.setAnimFrame = function (ax,ay){ this.image.style.clip = "rect("+ay * this.height+"px,"+(ax +1) * this.width+"px,"+(ay + 1) * this.height+"px,"+ax * this.width+"px)"; this.image.style.left = -ax * this.width + 'px'; this.image.style.top = -ay * this.height + 'px'; } Player.prototype.addAnimSet = function (name,animNumArr){ this.animSets[name] = animNumArr; } Player.prototype.setAnimSet = function (name){ this.curAnimSet = this.animSets[name]; } Player.prototype.updateAnimSet = function (frame){ var hnum = parseInt(this.image.naturalWidth/this.width);// 横のコマ数 var currentNum = parseInt(frame / this.animSpeed) % this.curAnimSet.length; var ax = this.curAnimSet[currentNum] % hnum; var ay = parseInt(this.curAnimSet[currentNum] / hnum); this.setAnimFrame(ax,ay); } Player.prototype.setAnimSpeed = function (speed){ this.animSpeed = speed; } var player = new Player(playerImg,32,32); player.addAnimSet("down",[0,2]); player.addAnimSet("left",[3,5]); player.addAnimSet("right",[6,8]); player.addAnimSet("up",[9,11]); player.setAnimSet("down"); player.setAnimSpeed(30); - trigger: th description: then scope: javascript mTime: 1460305018823 text: | .then(function(${1}){ ${2} }) - trigger: node description: nodejs scope: javascript mTime: 1462250993048 text: | var html = require('fs').readFileSync('index.html'); require('http').createServer(function (req, res) { var header = { "Access-Control-Allow-Origin": "*", "Access-Control-Allow-Method": "GET", "Access-Control-Allow-Headers": "Content-Type" }; if (req.url.indexOf('/api') != -1) { header["Content-Type"] = "application/json"; res.writeHead(200, header); res.end(JSON.stringify({ msg: "メッセージ" })); } else { header["Content-Type"] = "text/html"; res.writeHead(200, header); res.end(html); } }).listen(3000); - scope: javascript trigger: gamepad description: gamepad mTime: 1461673533802 text: | var gamepads = {}; function gamepadHandler(event, connecting) { var gamepad = event.gamepad; if (connecting) { gamepads[gamepad.index] = gamepad; } else { delete gamepads[gamepad.index]; } } window.addEventListener("gamepadconnected", function(e) { gamepadHandler(e, true); }, false); window.addEventListener("gamepaddisconnected", function(e) { gamepadHandler(e, false); }, false); - trigger: _cd description: deep copy scope: javascript mTime: 1461679421501 text: | _.cloneDeep(${1:obj}); - scope: javascript trigger: _map description: map mTime: 1461679880611 text: | _.map(${1:datas}, function(val, idx, ${1:datas}) { return val; }); - description: merge trigger: _mer scope: javascript mTime: 1461680022307 text: | _.merge(${1:obj1}, ${2:obj2}); - trigger: _keys description: keys scope: javascript mTime: 1461680090337 text: | _.keys(${1:obj}); - trigger: _vals description: values scope: javascript mTime: 1461680695845 text: | _.values(${1:obj}); - trigger: _has description: has scope: javascript mTime: 1461680180535 text: | _.has(${1:obj}, ${2:key}); - scope: javascript trigger: _ea description: each mTime: 1461680421128 text: | _.each(${1:datas}, function(val, idx, ${1:datas}) { }); - trigger: _unq description: uniq scope: javascript mTime: 1461680485670 text: | _.uniq(${1:obj}); - scope: javascript trigger: _plu description: pluck mTime: 1461680541756 text: | _.pluck(${1:objarray}, ${2:key}); - trigger: pr description: Promise scope: javascript mTime: 1461715888315 text: | ${1:new Promise()} .(function(resolve,reject){ //return resolve(data);// then //return reject(err);/ catch }) .then(function(data){ }) .catch(function(error){ }); - scope: javascript trigger: ng-app description: angular app mTime: 1462173383037 text: | angular.module("ngApp", ['ngMessages','ngAnimate', 'ui.bootstrap']); - description: angular contoller scope: javascript trigger: ng-ctl mTime: 1462118191617 text: | angular.module("ngApp").controller("${1:ngController}", function ($scope,${2:Model}) { ${2:Model}.getDatas().then(function (res) { $scope.datas = res.data; }); $scope.update = ${2:Model}.updateDatas; }); - trigger: ng-val scope: javascript description: angular value mTime: 1461953722589 text: | app.value(${1:'valueName'}, ${2:value}); - trigger: ng-fac description: angular factory scope: javascript mTime: 1462118210868 text: | angular.module("ngApp").factory(${1:'Model'}, function ($http) { return { getDatas: function () { // promise return $http({ method: 'GET', url: ${2:url} }) .success(function (data, status, headers, config) { console.log("data:", data); return data; }) .error(function (data, status, headers, config) { console.log("err:", data); return data; }); }, updateDatas:function(index){ console.log("index:", index); } }; }); - trigger: ng-watch description: $scope.$watch scope: javascript mTime: 1461988093901 text: | $scope.$watch(${1:'name'}, function (newValue, oldValue) { if (newValue) { } }); - trigger: dqa description: document.querySelectorAll scope: javascript mTime: 1461988637033 text: | document.querySelectorAll("${1:selector}"); - scope: javascript description: angular regist form trigger: ng-registform mTime: 1462021251131 text: | app.controller('registFormController', function ($scope) { // モデル $scope.user = {}; // バリデータ $scope.validators = { confirm: { // パスワード確認 confirm: function (modelValue, viewValue) { var user = $scope.user || {}; var val = modelValue || viewValue; return val == user.password; } } }; // password == confirm判定のため $scope.$watch('user.confirm', function () { $scope.registForm.confirm.$validate();// app-validators呼び出し }); // 送信ボタンイベント $scope.submit = function () { // 何も変更しないで、送信ボタン時にエラーを表示してあげる if ($scope.registForm.$invalid) { $scope.registForm.$setDirty(); return; } // 成功!! console.log($scope.user); alert('成功'); }; }); app.directive('appValidators', function () { return { require: 'ngModel', scope: { appValidators: '=', }, link: function (scope, elem, attrs, ctrl) { var validators = scope.appValidators || {}; angular.forEach(validators, function (val, key) { ctrl.$validators[key] = val; }); } }; }); - trigger: ng-loginForm description: angular login form scope: javascript mTime: 1462021921294 text: | app.controller('loginFormController', function ($scope) { // モデル $scope.user = {}; // 送信ボタンイベント $scope.submit = function () { // 何も変更しないで、送信ボタン時にエラーを表示してあげる if ($scope.loginForm.$invalid) { $scope.loginForm.$setDirty(); return; } // 成功!! console.log($scope.user); alert('成功'); }; }); - scope: html trigger: module_rpg description: RPG Sample mTime: 1462103751181 text: | RPG Sample
左移動:Aキー
右移動:Dキー
下移動:Sキー
上移動:Wキー
- scope: html trigger: module_shooting description: SHOOTING Sample mTime: 1462103779560 text: | Shooting Sample
左移動:Aキー
右移動:Dキー
下移動:Sキー
上移動:Wキー
ショット:エンターキー
- trigger: bt description: buttonタグ scope: html mTime: 1461628091458 text: | - trigger: a description: aタグ scope: html mTime: 1461628031566 text: | ${2:link} - trigger: au description: audioタグ scope: html mTime: 1461628039718 text: | - trigger: b description: brタグ scope: html mTime: 1461628065216 text: |
${1} - trigger: ca description: canvasタグ scope: html mTime: 1454246776778 text: | - trigger: ce description: centerタグ scope: html mTime: 1454246783128 text: |
${1}
- scope: html trigger: ch description: checkボックス mTime: 1461671082853 text: |
- trigger: cl description: class属性 scope: html mTime: 1454246794491 text: | class="${1}" - trigger: col description: color入力 scope: html mTime: 1461628197029 text: | - trigger: cs description: css scope: html mTime: 1454246805897 text: | - trigger: css description: css外部読み込み scope: html mTime: 1461672849559 text: | - trigger: d description: divタグ scope: html mTime: 1461671147035 text: |
${1}
- scope: html trigger: date description: date指定 mTime: 1461673728961 text: | - trigger: file scope: html description: file入力 mTime: 1461673720613 text: | - trigger: form description: formタグ scope: html mTime: 1461673732572 text: |
- trigger: h description: h1〜6タグ scope: html mTime: 1461628556020 text: | ${2} - trigger: hi description: hidden項目 scope: html mTime: 1461673590558 text: | - trigger: hr description: hrタグ scope: html mTime: 1461629274075 text: |
${1} - trigger: txt description: text入力 scope: html mTime: 1461922044691 text: | - trigger: im description: imgタグ scope: html mTime: 1461629056147 text: | - trigger: if description: iframeタグ scope: html mTime: 1461629120619 text: | - trigger: ta description: tableタグ scope: html mTime: 1461670854979 text: |
${1}${1}
${1}${1}
${1}${1}
- scope: html trigger: js description: scriptタグ mTime: 1461628616830 text: | - scope: html trigger: jss description: scriptタグ外部ファイル読み込み mTime: 1461672834088 text: | - trigger: l description: labelタグ scope: html mTime: 1454246925196 text: | - trigger: p description: pタグ scope: html mTime: 1461628685153 text: |

${1}

- trigger: pass description: password入力 scope: html mTime: 1461922070185 text: | - trigger: rad description: radioボタン scope: html mTime: 1461670715674 text: |
- trigger: ran description: range指定 scope: html mTime: 1454246960406 text: | - trigger: se description: selectタグ scope: html mTime: 1461670995199 text: |
- trigger: st description: style属性 scope: html mTime: 1454246971144 text: | style="${1}" - trigger: svg description: svgタグ scope: html mTime: 1461628867917 text: | - trigger: txta scope: html description: textareaタグ mTime: 1461629222527 text: |
- trigger: u description: ulタグ scope: html mTime: 1461629249545 text: | - trigger: v description: videoタグ scope: html mTime: 1461628994029 text: | - trigger: htmlfull description: htmlテンプレ scope: html mTime: 1462250416728 text: | ${1:title} ${2:} ${3:} ${4:} ${5:} - trigger: i description: id属性 scope: html mTime: 1461630028380 text: | id="${1:unique}" - trigger: less description: less scope: html mTime: 1461672825339 text: | - trigger: m description: memo scope: html mTime: 1461922725009 text: | - trigger: ng-rep-arr description: ng-repeat array scope: html mTime: 1462021139914 text: |
  • {{item}}
- trigger: ng-rep-obj scope: html description: ng-repeat obj mTime: 1461985573350 text: |
  • {{k}}={{v}}
- trigger: ng-ctl description: ng-controller scope: html mTime: 1461951852038 text: | ng-controller="${1:ngController}" - trigger: ng-href description: ng-href scope: html mTime: 1461949957145 text: | ng-href="#/{{${1:url}}}" - scope: html trigger: ng-src description: ng-src mTime: 1461949999214 text: | ng-src="#/{{${1:url}}}" - trigger: ng-init description: ng-init scope: html mTime: 1461984361358 text: | ng-init="${1:v}=${2:''}" - scope: html trigger: ng-txt description: ng-txt mTime: 1461986620289 text: |
{{${2:txt}}}
- trigger: ng-btn scope: html mTime: 1461986505127 description: ng-btn text: | - scope: html trigger: ng-registForm description: angular regist form mTime: 1462021179602 text: |
- scope: html trigger: ng-loginForm description: angular login form mTime: 1462021979858 text: |
- trigger: col-two scope: html mTime: 1462084797924 description: bootstrap 2column text: |
${1:header}
${1:menu}
${1:main}
${1:footer}
- trigger: col-three scope: html description: bootstrap 3column mTime: 1462084656153 text: |
${1:header}
${1:menu}
${1:main}
${1:sub}
${1:footer}
- description: ドラえもん scope: html trigger: module_doraemon mTime: 1462103741381 text: | - trigger: module_img_new description: module new image scope: html mTime: 1462157842487 text: |
- scope: html trigger: ng-ui-accordion description: アコーディオン mTime: 1462174645028 text: |
{{group.content}}
- trigger: ng-ui-alert description: アラート scope: html mTime: 1462175064105 text: |
{{alert.msg}}
- trigger: ng-ui-car description: カローセル scope: html mTime: 1462178262604 text: |
- scope: html trigger: ng-ui-diag description: ダイアログ mTime: 1462193823868 text: |
ダイアログ選択結果: {{ selected }}
- scope: html trigger: ng-ui-dat description: Dateピッカー mTime: 1462234136263 text: |

- scope: html trigger: ng-ui-pager description: ページャー mTime: 1462200139412 text: |
現在のページ: {{currentPage}}
- scope: html trigger: ng-ui-pro description: プログレスバー mTime: 1462204961601 text: |
{{val}}%
- trigger: ng-ui-rat scope: html description: レーティング mTime: 1462205512055 text: |
{{percent}}%
Rate: {{rate}}
- scope: html trigger: ng-ui-tab description: タブ mTime: 1462207111105 text: |
静的コンテンツ {{tab.content}}
- scope: html trigger: ng-ui-tool description: ポップアップ mTime: 1462231849560 text: |
var app = angular.module("ngApp", ['ngMessages', 'ngAnimate', 'ui.bootstrap']); angular.module("ngApp").controller('TimepickerCtrl', function ($scope, $log) { $scope.mytime = new Date(); $scope.hstep = 1; // hourの操作単位 $scope.mstep = 1; // minuteの操作単位 $scope.ismeridian = false; // PM/AM表示 // 指定時間にセット $scope.update = function () { var d = new Date(); d.setHours(14); d.setMinutes(0); $scope.mytime = d; }; });
{{mytime | date:'shortTime' }}
- scope: html trigger: ng-ui-cal description: カレンダー mTime: 1462234144288 text: |
選択中: {{dt | date:'fullDate' }}

- scope: html trigger: html description: htmlテンプレート mTime: 1462250556365 text: | ${1:title} - trigger: c description: 文字色 scope: less mTime: 1462093487333 text: | color:${1:#888}; - trigger: fs description: 文字サイズ scope: less mTime: 1462088340102 text: | font-size:${1:1.2rem}; - trigger: fw description: 文字太さ scope: less mTime: 1462088067985 text: | font-weight:${1:500}; - trigger: f description: フォント scope: less mTime: 1462088391578 text: | font-family:${1:sans-serif,'arial black','arial narrow','Impact','arial unicode ms'}; - trigger: m scope: less description: マージン mTime: 1462088075135 text: | margin:${1:1rem}; - trigger: p description: パティング scope: less mTime: 1462088081605 text: | padding:${1:1rem}; - trigger: b description: 枠線 scope: less mTime: 1462093578373 text: | // solid,dashed,groovy,ridge,inset,outset border:${1:solid} ${2:0.1rem} ${3:black}; - trigger: ta description: 文字位置 scope: less mTime: 1462088113647 text: | // left,center,right text-align:${1:center}; - trigger: td description: テキスト装飾 scope: less mTime: 1462093708211 text: | // none,overline,underline,line-through text-decoration: ${1:none}; - scope: less trigger: bgc description: 背景色 mTime: 1462093414195 text: | background-color: ${1:#888}; - trigger: bgi scope: less description: 背景画像 mTime: 1462088015037 text: | background-image: url('${1:test.png}'); background-repeat: no-repeat; background-position:top left; ${2:background-attachment: fixed;} - trigger: "@i" description: lessインポート scope: less mTime: 1462093087715 text: | @import "${1:lib.less}"; - trigger: "@v" description: less変数 scope: less mTime: 1462093423119 text: | @${1:val}:${2:#888}; - trigger: w description: 幅 scope: less mTime: 1462088137134 text: | width:${1:30%}; - trigger: h description: 高さ scope: less mTime: 1462088060581 text: | height:${1:30%}; - trigger: "@br" description: 角丸 scope: less mTime: 1462090907828 text: | .border-radius(${1:1rem}); - trigger: webfont description: ウェブフォント scope: less mTime: 1462093678529 text: | @import url(${1:http://fonts.googleapis.com/earlyaccess/notosansjapanese.css}); font-family: ${1:'Noto Sans Japanese'}, sans-serif; - trigger: "@txt-sha" description: テキスト影 scope: less mTime: 1462117636053 text: | .text-shadow(${1:1rem},${1:1rem},${1:1rem},${2:#000}); - trigger: "@br-mix" description: 角丸 mixin scope: less mTime: 1462093837211 text: | .border-radius (@radius) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius:@radius; -o-border-radius:@radius; -ms-border-radius:@radius; } - scope: less trigger: "@box-sha-mix" description: ボックス影 mixin mTime: 1462117500318 text: | .box-shadow(...){ @props: ~`"@{arguments}".replace(/\\]|\\[/g, '')`; box-shadow:@props; -webkit-box-shadow:@props; -moz-box-shadow: @props; -o-box-shadow: @props; -ms-box-shadow:@props; } - trigger: "@tr" description: トランジション scope: less mTime: 1462153426739 text: | .transition(all linear ${1:1}s); - trigger: "&ho" description: マウスオーバー scope: less mTime: 1462153515560 text: | &:${1:hover}{ } - trigger: "@ani-mix" description: アニメーション mixin scope: less mTime: 1462096181408 text: | .animation(@arguments){ animation: @arguments; -moz-animation: @arguments; -webkit-animation: @arguments; -o-animation: @arguments; -ms-animation: @arguments; } - scope: less trigger: "@ani" description: アニメーション mTime: 1462096481125 text: | .animation(${1:keyframeName} ${2:1s} ${3:linear} ${4:infinite}); - trigger: "@key-mix" description: キーフレーム mixin scope: less mTime: 1462096878172 text: | .keyframes(@name, @arguments) { @keyframes @name { @arguments(); } @-moz-keyframes @name { @arguments(); } @-webkit-keyframes @name { @arguments(); } @-o-keyframes @name { @arguments(); } @-ms-keyframes @name { @arguments(); } } - scope: less trigger: "@key" description: キーフレーム mTime: 1462097002582 text: | .keyframes(${1:keyframeName},{ 0%, 100% { ${2:left:0px;}; } 50% { ${2:left:100px;}; } }); - scope: less trigger: pre description: ベンダープレフィックス mTime: 1462168235722 text: | ${1:style} -webkit-${1:style} -moz-${1:style} -ms-${1:style} -o-${1:style} - trigger: "@box-sha" description: ボックス影 scope: less mTime: 1462115445156 text: | .box-shadow(${1:#000000},${2:1rem,1rem}); - scope: less description: テキスト影 mixin trigger: "@text-sha-mix" mTime: 1462117522736 text: | .text-shadow(...){ @props: ~`"@{arguments}".replace(/\\]|\\[/g, '')`; text-shadow:@props; -webkit-text-shadow:@props; -moz-text-shadow: @props; -o-text-shadow: @props; -ms-text-shadow:@props; } - trigger: "@txt-sha-loop-mix" description: テキスト影ループ mixin scope: less mTime: 1462150842384 text: | .text-shadow-loop(@x,@y,@blur,@color,@i:1,@max:0,@p:''){ & when (@i >= 1) { & when (@p = '') { @param: @x @y @blur @color; @mx:@i; .text-shadow-loop(@x,@y,@blur,desaturate(@color,20%),@i - 1,@mx,@param); } & when not(@p = '') { @param: @p,@x @y @blur @color; .text-shadow-loop(@x*(@i/@max),@y*(@i/@max),@blur*(@i/@max),desaturate(@color,20%),@i - 1,@max,@param); } } & when (@i = 0) { .text-shadow(@p); } } - scope: less description: テキスト影ループ trigger: "@txt-sha-loop" mTime: 1462151034872 text: | .text-shadow-loop(${1:0.2}rem,${2:-1.2}rem,${3:2}rem,#08f,5); - trigger: "@grad-li-mixin" description: 線形グラデーション mixin scope: less mTime: 1462153170619 text: | .linear-gradient(...){ @props: ~`"@{arguments}".replace(/\\]|\\[/g, '')`; background:linear-gradient(@props); background:-webkit-linear-gradient(@props); background:-moz-linear-gradient(@props); background:-ms-linear-gradient(@props); background:-o-linear-gradient(@props); } - scope: less description: 線形グラデーション trigger: "@grad-li" mTime: 1462153199380 text: | .linear-gradient(${1:45}deg,${2:red, orange,yellow,green,blue,purple}); - scope: less description: 円形グラデーション mixin trigger: "@grad-ci-mix" mTime: 1462153065576 text: | .radial-gradient(...){ @props: ~`"@{arguments}".replace(/\\]|\\[/g, '')`; background: radial-gradient(@props); background: -webkit-radial-gradient(@props); background: -moz-radial-gradient(@props); background: -ms-radial-gradient(@props); background: -o-radial-gradient(@props); } - scope: less trigger: "@grad-ci" description: 円形グラデーション mTime: 1462153049313 text: | .radial-gradient(center,circle,${1:red, orange,yellow,green,blue,purple}); - scope: less trigger: "@tr-mix" description: トランジション mixin mTime: 1462153465957 text: | .transition (@transition) { transition: @transition; -webkit-transition:@transition; -moz-transition:@transition; -ms-transition:@transition; -o-transition:@transition; } - scope: less trigger: l description: x座標 mTime: 1462153778546 text: | left:${1:0}rem; - trigger: t scope: less description: y座標 mTime: 1462153800432 text: | top:${1:0}rem; - trigger: "@sca" description: スケール scope: less mTime: 1462154217557 text: | .scale(${1:0.5}); - trigger: "@sca-mix" scope: less description: スケール mixin mTime: 1462154240749 text: | .scale (@factor) { transform: scale(@factor); -webkit-transform: scale(@factor); -moz-transform: scale(@factor); -ms-transform: scale(@factor); -o-transform: scale(@factor); } - scope: less trigger: "@tra" description: トランスフォーム mTime: 1462156085664 text: | .transform(translate(0rem,0rem) rotate(0deg) scale(1.0) ); - description: トランスフォーム mixin trigger: "@tra-mix" scope: less mTime: 1462155058458 text: | .transform(@string){ transform: @string; -webkit-transform: @string; -moz-transform: @string; -ms-transform: @string; -o-transform: @string; } - scope: less trigger: "@tra3d" description: トランスフォーム3d mTime: 1462156043240 text: | .transform(translate3d(0rem,0rem,0rem) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(${1:1.0},${1:1.0},${1:1.0}) ); - trigger: "@fi-mix" description: フィルター mixin scope: less mTime: 1462156941672 text: | .filter(@string){ filter:@string; -webkit-filter:@string; -moz-filter:@string; -ms-filter:@string; -o-filter:@string; } - scope: less trigger: "@fi" description: フィルター mTime: 1462157184572 text: | .filter(${1:grayscale(50%)}); - trigger: "@fi-gray" scope: less description: フィルターグレースケール mTime: 1462157291225 text: | grayscale(${1:50}%) - trigger: "@fi-sep" description: フィルターセピア scope: less mTime: 1462157281066 text: | sepia(${1:50}%) - trigger: "@fi-sat" description: フィルター彩度 scope: less mTime: 1462157266012 text: | saturate(${1:50}%) - trigger: "@fi-inv" scope: less description: フィルター反転 mTime: 1462157356914 text: | invert(${1:50}%) - scope: less trigger: "@opa-mix" description: 透明度 mixin mTime: 1462157492477 text: | .opacity(@val:0.5){ opacity:@val; -webkit-opacity:@val; -moz-opacity:@val; -ms-opacity:@val; -o-opacity:@val; } - trigger: "@opa" scope: less description: 透明度 mTime: 1462157544236 text: | .opacity(${1:0.8}); - trigger: "@fi-bra" scope: less description: フィルター明るさ mTime: 1462157625961 text: | brightness(${1:50}%) - trigger: "@fi-con" description: フィルターコントラスト scope: less mTime: 1462157687779 text: | contrast(${1:50}%) - trigger: "@fi-bl" description: フィルターブラー scope: less mTime: 1462157733801 text: | blur(${1:50}%) - trigger: "@cli-mix" scope: less description: クリッピング mixin mTime: 1462168416890 text: | .clip-path(@path){ clip-path:@path; -webkit-clip-path:@path; -moz-clip-path:@path; -ms-clip-path:@path; -o-clip-path:@path; } - trigger: "@cli-tri" scope: less description: クリッピング三角 mTime: 1462168455390 text: | .clip-path(polygon(50% 0%, 0% 100%, 100% 100%)); - scope: less trigger: "@cli-dia" description: クリッピングダイア mTime: 1462168506081 text: | .clip-path(polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)); - trigger: "@cli-star" description: クリッピングスター scope: less mTime: 1462168595803 text: | .clip-path(polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)); - trigger: "@cri-cro" description: クリッピング十字架 scope: less mTime: 1462168677701 text: | .clip-path(polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%)); - scope: less trigger: "@cli-msg" description: クリッピングメッセージ mTime: 1462168744358 text: | .clip-path(polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%)); - scope: less trigger: "@cli-pen" description: クリッピング五角形 mTime: 1462168804337 text: | .clip-path(polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)); - trigger: "@cli-hex" scope: less description: クリッピング六角形 mTime: 1462168869153 text: | .clip-path(polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)); - trigger: "@cli-ci" scope: less description: クリッピング円 mTime: 1462168934655 text: | .clip-path(circle(50% at 50% 50%)); - trigger: "@cli-frame" description: クリッピング枠 scope: less mTime: 1462169191204 text: | .clip-path(polygon(0% 0%, 0% 100%, 10% 100%, 10% 10%, 90% 10%, 90% 90%, 10% 90%, 10% 100%, 100% 100%, 100% 0%)); - trigger: "@cli-right-arrow" scope: less description: クリッピング右矢印 mTime: 1462169368564 text: | .clip-path(polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%)); - scope: less description: クリッピング左矢印 trigger: "@cli-left-arrow" mTime: 1462169373774 text: | .clip-path(polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%)); - trigger: blend description: 画像ブレンディング scope: less mTime: 1462171317215 text: | background: url('${1:url1}'),url('${1:url2}'); /* multiply,darken,lighten,screen,overlay,difference*/ background-blend-mode: multiply;