Skip to content

Instantly share code, notes, and snippets.

@semicolon
semicolon / centering-image.scss
Last active October 25, 2016 08:25
ボックスサイズにあわせて上下左右センターに画像を表示する CSS。画像の比率やサイズに関係なく中央に配置します。
.image-wrap {
display: table-cell;
width: 200px;
height: 200px;
text-align: center;
vertical-align: middle;
line-height: 0;
border: 1px solid #999;
}
@semicolon
semicolon / mt-entries-to-json
Last active August 1, 2016 04:25
Movable Type のエントリー情報を JSON ファイルに出力するテンプレート。キーを単純数値にするため、ToI企画さんの「データをJSON形式で出力する裏ワザ (http://tec.toi-planning.net/mt-column/tips/post-6/) 」を改変しています。
<mt:SetVar name="entries" function="undef" />
<mt:SetVar name="idx" value="0" />
<mt:Entries>
<mt:SetVar name="e" function="undef" />
<mt:SetHashVar name="e">
<mt:EntryID setvar="entry_id" />
<mt:EntryTitle setvar="entry_title" />
<mt:EntryBody setvar="entry_body" />
</mt:SetHashVar>
<mt:SetVar name="entries" key="$idx" value="$e" />
@semicolon
semicolon / get-object-length-on-ie8.js
Created August 31, 2015 13:04
IE8 で Object の要素数を取得する
var obj = {
"key0": "val0",
"key1": "val1",
"key2": "val2",
}
/*
以下は IE8 で動かない
var len = Object.keys(obj).length;
*/
//一度ループさせて数を取得する必要がある
@semicolon
semicolon / mt-execute-sql.php
Last active August 28, 2015 06:29
Movable Type のデータを PHP+SQL で取得する
<?php
// Movable Type が設置されているディレクトリのパス
$basepath = '/path/to/MT';
// mt-config.cgi のファイル名
$cfg_file = 'mt-config.cgi';
// include_path に Movable Type のライブラリディレクトリを追加します
set_include_path(get_include_path() . PATH_SEPARATOR . $basepath . '/php' . PATH_SEPARATOR . $basepath . '/php/extlib' . PATH_SEPARATOR . $basepath . '/MT/php/lib');
// PHP で Movable Type を操作するためのライブラリを読み込みます
require_once('mt.php');
// MTオブジェクトのインスタンスを作成します
@semicolon
semicolon / gist:7e7c9adaad54aab56bb0
Created July 14, 2015 14:03
WordPress functions.php に AddThis 設定を追加
add_action('wp_footer', 'addthis_conf');
function addthis_conf() {
echo <<<EOS
<script type="text/javascript">
var addthis_share =
{
templates: {
twitter: '{{title}} {{url}} (from @semicolon)'
}
@semicolon
semicolon / gist:e1b2c147ebe0d3d41208
Created July 14, 2015 13:59
極細フォント CSS
* {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", ".HiraKakuInterface-W2", sans-serif;
font-weight: 100;
}
@semicolon
semicolon / gist:1bd7ce2768bcf9abe001
Last active August 29, 2015 14:24
ウェブページにJSONPフィード内容を表示するための JavaScript サンプル
$(function() {
var blogfeed = 'http://example.com/jsonp.feed?';
$.getJSON(blogfeed, function(data) {
for (var key in data) {
var link = data[key]['link'];
var title = data[key]['title'];
var date = new Date(Date.parse(data[key]['date']));
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();
@semicolon
semicolon / gist:ac872709a05cefae9e6a
Created July 10, 2015 07:11
Movable Type でカテゴリを階層的に取得するテンプレート
<mt:TopLevelCategories>
<mt:CategoryId>
<mt:CategoryLabel>
<mt:CategoryBasename>
<mt:SubCategories>
<mt:CategoryId>
<mt:CategoryLabel>
<mt:CategoryBasename>
</mt:SubCategories>
</mt:TopLevelCategories>