作業の覚え書き

Web 制作 Memo

By

写真を効果的に魅せるjQueryプラグイン

jQueryを使って写真を効果的に魅せることのできるプラグインを集めてみました。

SlidesJS
シンプルなスライダー

Slicebox – 3D Image Slider
ルービックキューブのような面白い動きをするスライダー。

Parallax Slider
・背景も動くパララックスなスライダー。

BlocksIt.js
・コンテンツをPinterst風に表示させるプラグイン

bxlider
・多彩なカスタマイズが可能なスライダー

Adaptive Thumbnail Pile Effect
・カードを並べて広げるような楽しい動きをするギャラリープラグイン

Slideshow with jmpress.js
・エフェクトが印象的なスライダー

GalleryView
・サムネイルをクリックすると動くなどカスタマイズできるスライドギャラリー

Slider Kit
ドット、ナンバリング、サムネイル縦・横、サムネイルのみなどインデックスのオプションが選べるスライダー

The Lof JSiderNews

・サムネイルあり、リンクも出せるテキストありのスライダー[ダウンロードページ]

A small map
・複雑な図形や地図もマウスオーバー可能なプラグイン

By

スマートフォンサイト制作のためのメモ

PC上でスマホサイトを見るには?
PHPでスマートフォンのUA判別
PC版とスマートフォン版サイトを自動振り分けする方法
PC 用 Web サイトを CSS のみでスマートフォンに対応する

スマートフォンサイト集めました。
優れたiPhoneサイトデザイン集 – iPhoneデザインボックス
スマートフォンサイトをデザインする上で知っておくべき10のTIPS

By

GoogleMapのカスタマイズ

GoogleMapのカスタマイズについて丁寧に解説されているサイトがあるので、参考に頑張ってみよう。

Google Maps APIのおさらい。

Googleマップをイラストマップみたいにしたい。

By

カーリル | 日本最大の図書館蔵書検索サイト

日本最大の図書館蔵書検索サイト カーリル
calil
Read More

By

わたし年鑑

■わたし年鑑
nenkan

Read More

By

スマートフォン向けUbuntuをCanonicalが発表 2013 年末に搭載端末リリースへ

スマートフォン向けUbuntuをCanonicalが発表 2013年末に搭載端末リリースへ
http://www.itmedia.co.jp/news/articles/1301/03/news008.html

By

InDesignのデータ結合を使って宛名印刷

毎度使ってるのに半年以上のインターバルがあるとついつい忘れてしまうので備忘録的にメモ。
InDesignには外部データを読み込んで連続作業をするデータ結合という便利な機能がある。
これを使って宛名印刷をすると、そこいらの融通の利かない宛名ソフトよりずっと使える。
nenga
Read More

By

インラインJavaScriptでロールオーバー

なるべく更新の手間が省けて、JavaScriptの処理が遅いブラウザに負担をかけないロールオーバーは、画像を読み込む場所に直接JavaScriptを書くことだ、との話を聞いたので試しに実装してみた。

<a href=”index.html”><img src=”01_off.jpg” alt=”Home” onmouseover=”this.src=’01_on.jpg'” onmouseout=”this.src=’01_off.jpg'” onmouseup=”this.src=’01_off.jpg'” onkeyup=”this.src=’01_off.jpg'” /></a>

最後のonmouseupは、タッチ端末などマウスオーバーが動作しない環境でのチラつき(一瞬画像が消える)現象への対策。(そういえばWindows8のタッチパネルでマウスオーバってどうなるんだろう?)
それじゃあマウスオーバー用の画像でいいじゃないかと onkeyup=”this.src=’01_on.jpg としてみたが、一瞬のチラつきが見られたので onmouseup を使い、それだけだとバリデートエラーが出るので onkeyup を併記した。

Read More