HTMLのコーディングやWordPressなどのWEBサイトの制作などについてや、地元静岡での出来事、デザインについてを綴っています。
ブログ一覧
エレベーターでは多くの人がじっとしていることが多く広告を見てもらうには良い空間かもしれません。そのようなエレベーターに仕掛けられたアイディアがあるクリエイティブな広告をまとめてみました。 Be born again. / Dr.K...続きを読む
【JavaScript】国産ライブラリtmlib.jsを使ったアニメーション入門
「tmlib.js」はゲームやブラウザツールを簡単に作る事ができる国産のJavaScriptライブラリです。「tmlib.js」を使うとアニメーションや画像表示、サウンドなどゲームなどに必要な処理がプログラミングしやすいようになります。...続きを読む
実際の写真を加工して幻想的で不可思議な世界を作るフォトグラファー Erik Johansson 氏の作品をご紹介します。 Erik Johansson Photographer Erik Johansson ...続きを読む
Google Chart API でQRコードを自動生成する方法
Google Chart APIはGoogleが提供しているグラフなどのイメージを作成してくれるAPIサービスです。URLに必要な値を与えるだけで、グラフなどのイメージを返してくれます。 主にグラフなどを作成することができるのです...続きを読む
先日、包装用のラベルシールや包装ツールを手掛けさせていただくことになりました。 今日は、ボトル＆瓶詰めのパッケージデザインで参考になったデザインワークスのまとめです。 Le Chat ブラジルにあるデザイン事務所「A Swee...続きを読む
最近はスマートフォンで写真や動画を撮影してSNSや動画投稿サイトなどへ手軽に公開できるようになりました。 そこで今回はスマートフォンで動画を編集することができるアプリをまとめてみました。 Video Collage フレー...続きを読む
【JavaScript】横にスライドするレスポンシブメニューを実装するライブラリ『mmenu』
スマートフォンやタブレットのアプリなどでボタンを押すとメニューが横から展開するインターフェイスをみることがあります。今回はそのような横にスライドするメニューを実装することができるJavaScriptライブラリ『mmenu』を紹介します。...続きを読む
【JavaScript】マウスオーバーでTooltips（吹き出し）を表示するライブラリまとめ
グラフィカルユーザインタフェース（GUI）において普及した表現手法のひとつにTooltips（ツールチップ）と呼ばれるものがあります。カーソルを合わせたときに吹き出しなどの小さな枠が表示され、補足の説明が表示される表現方法です。 ...続きを読む
【JavaScript】グラフなどの描画をサポートするライブラリまとめ
折線グラフ、棒グラフ、円グラフやレーダーチャートなどを画像を使わずに描画をするJavaScriptライブラリをまとめてみました。 Chart ６種類のグラフを作成できるJavaScriptライブラリです。描画にはHTML5のca...続きを読む
WordPressで開発を行う場合、デバッグやテストなどをサポートしてくれる便利なプラグインをご紹介します。 Debug Bar 「Debug Bar」プラグインはインストールするとサーバの性能（PHP、SQLのバージョン、使用...続きを読む