Skip to content

Instantly share code, notes, and snippets.

View steelydylan's full-sized avatar
🎯
Focusing

Hori Godai steelydylan

🎯
Focusing
View GitHub Profile
@steelydylan
steelydylan / youtube-element.html
Last active August 28, 2015 13:24
youtubeIdからyoutubeを表示するカスタムエレメント(レスポンシブ)
<dom-module name="youtube-element" id="youtube-element">
<template>
<style>
.youtube-wrap{
width:100%;
height:0;
padding-bottom:56.25%;
position:relative;
}
.youtube-wrap iframe{
@steelydylan
steelydylan / main.js
Created July 20, 2015 08:27
HTML5 Canvas with Orientation API
(function(){
Atlas();
var width = window.innerWidth;
var height = window.innerHeight;
var Wall = Atlas.createClass(Shape.Box,{
initialize:function(color,width,height){
this.inherit(color,width,height);
},
enterFrame:function(){
if(this.hitTest(ball)){
<!-- BEGIN_MODULE Entry_List -->
<div>
<ul>
<!-- BEGIN_MODULE Topicpath -->
<!-- BEGIN\ entry:loop -->
<li><a href="\{url\}">\{title\}[
<!-- BEGIN blog:loop -->
<!-- BEGIN glue --> < <!-- END glue -->
<span>{name}</span>
<!-- END blog:loop -->
@steelydylan
steelydylan / post.html
Created August 3, 2015 02:45
post@ablogcms.html
<form action="./" method="post" name="searchForm" class="acms-form searchForm" role="search">
<div class="acms-form-action">
<input type="search" name="keyword" value="%{KEYWORD}" size="15" class="searchFormInput" />
<input type="text" name="iebug" value="" style="display:none;" class="iebug" />
<span class="acms-form-side-btn">
<button type="submit" name="ACMS_POST_2GET" class="acms-btn btnSearch">
<span class="acms-icon-search"></span>
<span class="acms-hide-visually">検索</span>
</button>
</span>
@steelydylan
steelydylan / Json.php
Created May 27, 2016 00:33
1次元配列のJSONを出力するためのPHP
<?php
class ACMS_User_GET_Json extends ACMS_GET
{
function get()
{
$id = $this->identifier;
$json = file_get_contents($id);
$arr = json_decode($json);
$Tpl = new Template($this->tpl, new ACMS_Corrector());
@steelydylan
steelydylan / field.html
Created October 3, 2016 02:12
カスタムフィールドグループでjs-datepickerを使用する
<h2 class="acms-admin-admin-title2">日付グループ</h2>
<table class="js-fieldgroup-sortable adminTable acms-admin-table-admin-edit">
<thead class="acms-admin-hide-sp">
<tr>
<th class="acms-admin-table-left acms-admin-admin-config-table-item-handle">&nbsp;</th>
<th class="acms-admin-table-left">日付</th>
<th class="acms-admin-table-left acms-admin-admin-config-table-action">削除</th>
</tr>
</thead>
<tbody>
@steelydylan
steelydylan / auto-height-r.html
Created October 3, 2016 02:25
a-blog cmsの組み込みJS autoHeightRを利用する
<div class="summary-default clearfix">
<div class="summary-default-entry js-autoheight-r acms-col-md-6">
<div class="acms-summary">
<img src="http://placehold.it/350x150" class="acms-img-responsive">
<p class="acms-summary-detail">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum eligendi voluptatibus asperiores numquam deleniti ut dolorem animi corporis. Aut inventore enim quae numquam molestiae deleniti dolorem at distinctio quidem, eaque.</p>
</div>
</div>
<div class="summary-default-entry js-autoheight-r acms-col-md-6">
<div class="acms-summary">
<img src="http://placehold.it/350x150" class="acms-img-responsive">
@steelydylan
steelydylan / js-countup.html
Created October 3, 2016 02:40
a-blog cms 組み込みJS (文字数カウント)
<table class="acms-admin-table-admin-edit">
<tr>
<th>コメント</th>
<td>
<textarea name="comment" class="acms-admin-form-width-full js-countup" data-label-target=".js-countup-demo_area" data-max="200">{comment}</textarea>
<p><span class="js-countup-demo_area">0</span> / <span>200</span></p>
<input type="hidden" name="field[]" value="comment" />
</td>
</tr>
</table>
@steelydylan
steelydylan / dialog-popup.html
Created October 3, 2016 02:42
a-blog cms 管理画面をポップアップで表示
<!-- BEGIN_MODULE Touch_SessionWithAdministration --><p class="acms-admin-module-edit"><a href="表示したいURL" class="js-dialog-btn js-link_no_rewrite">編集</a></p><!-- END_MODULE Touch_SessionWithAdministration -->
@steelydylan
steelydylan / acms-setting.js
Created October 3, 2016 02:47
a-blog cms Config.jsの書き換え方
ACMS.Ready(function(){
$.extend(ACMS.Config,{
countupMark : ".js-countup",
autoHeightMark : ".js-auto"
});
});