2016年11月5日土曜日

Blogger でリアルタイム プレビュー (クロスブラウザー対応)

イメージ

前回の記事で紹介した、Blogger でリアルタイム プレビューをするためのブックマークレットを、クロスブラウザー対応しました。

これにより、Chrome 以外のブラウザーでもリアルタイム プレビューができます。

2016年11月3日木曜日

Blogger でリアルタイム プレビュー

イメージ

Blogger で記事を書いているとき、プレビューを表示して記事の体裁を確認することがあると思います。一度の確認であれば「プレビュー」ボタンをクリックするだけなので大した手間もかかりません。しかし、何度も確認をする場合は、ボタンのクリックや「投稿」ページとプレビューを行き来するためのタブの切り替えが煩わしくなってきます。

2016年10月22日土曜日

2016年9月12日月曜日

[MDL] ミニ ボタン

イメージ

Google が提唱するマテリアル デザインの開発キット、Material Design Lite (以下、MDL) の Tips です。

今回は、ミニ ボタンのサンプル コードを紹介します。

2016年9月11日日曜日

[MDL] コンテキスト メニュー

イメージ

Google が提唱するマテリアル デザインの開発キット、Material Design Lite (以下、MDL) の Tips です。

今回は、コンテキスト メニューのサンプル コードを紹介します。

2016年9月10日土曜日

[MDL] スピナーを中央寄せにする

イメージ

Google が提唱するマテリアル デザインの開発キット、Material Design Lite (以下、MDL) の Tips です。

今回は、スピナーを中央寄せにするサンプル コードを紹介します。

2016年9月9日金曜日

[MDL] Waterfall header を使った場合にメニューの一部が隠れるのを防ぐ

イメージ

Google が提唱するマテリアル デザインの開発キット、Material Design Lite (以下、MDL) の Tips です。

今回は、Waterfall header を使った場合にメニューの一部が隠れるのを防ぐサンプル コードを紹介します。

2016年9月8日木曜日

[MDL] ナビゲーション ドロワーのボタンを右寄せにする

イメージ

Google が提唱するマテリアル デザインの開発キット、Material Design Lite (以下、MDL) の Tips です。

今回は、ナビゲーション ドロワーのボタンを右寄せにするサンプル コードを紹介します。

2016年9月7日水曜日

[MDL] ナビゲーション ドロワーにボタンを表示する

イメージ

Google が提唱するマテリアル デザインの開発キット、Material Design Lite (以下、MDL) の Tips です。

今回は、ナビゲーション ドロワーにボタンを表示するサンプル コードを紹介します。

2016年9月6日火曜日

[MDL] テーブルのデータの検索と並べ替えを行う

イメージ

Google が提唱するマテリアル デザインの開発キット、Material Design Lite (以下、MDL) の Tips です。

今回は、テーブルのデータの検索と並べ替えを行うサンプル コードを紹介します。

2016年9月3日土曜日

[MDL] テーブルの列を左詰めで表示する

イメージ

Google が提唱するマテリアル デザインの開発キット、Material Design Lite (以下、MDL) の Tips です。

今回は、テーブルの列を左詰めで表示するサンプル コードを紹介します。

2016年9月2日金曜日

[MDL] テーブルのセルにアイコンを表示する

イメージ

Google が提唱するマテリアル デザインの開発キット、Material Design Lite (以下、MDL) の Tips です。

今回は、テーブルのセルにアイコンを表示するサンプル コードを紹介します。

2016年9月1日木曜日

[MDL] テーブルを幅いっぱいに表示する

イメージ

Google が提唱するマテリアル デザインの開発キット、Material Design Lite (以下、MDL) の Tips です。

今回は、テーブルを幅いっぱいに表示するサンプル コードを紹介します。

2016年3月28日月曜日

API Blueprint の構文

イメージ

API Blueprint は Web API の仕様を記述するためのマークアップ言語です。マークアップの構文は Markdown から拡張されています。

FORMAT: 1A

# NervousKidKitten
神経質な子供の子猫の Web API です。

# Group Greethings
挨拶に関連したすべてのリソースのグループです。

## メッセージ [/message]

### メッセージを取得 [GET]

+ Response 200 (text/plain)

        Hello World!

API Blueprint をサポートする様々なツールを使うことにより、Web API のモック サーバーを立ち上げたり、API ドキュメントの生成などが簡単に行えるようになります。

ここでは、公式のチュートリアルを基にして API Blueprint の構文について簡単に説明します。