レスポンシブのブレイクポイントを、アクセス解析から見直す
レスポンシブWebデザインは設計さえちゃんとしてれば実装も運用もラクチン(あくまでマルチデバイス対応という視点で言えば)ということで、私は会社仕事でもプライベート案件でも積極的に利用してる手法です。 でも最近は、この手法がパフォーマンスの観点からそれベストなのか、的な議論もありますね。まぁそういった…続きを読む
ページ背景にYouTube動画を全画面で流すjQueryプラグインYTPlayer
かなり前の話ですが、ハイスタのDVD特設サイト見て「おっ」と思いました。 背景に動画が流れている！カッコイイ！ 全ての創造は模倣から生まれるという言葉をそのまんま鵜呑みにして、とりあえず自分のサイトで真似してみました。 デモ 自分がやってるバンドのサイトです。 Dynamite Satan plus…続きを読む
固定高さのボックス内に、テキスト上下センタリングで配置(複数行対応)したメニューを「縦並びで」作る
案件でこういうのが必要になって、コーダーから「出来ない」と報告を受けたけども「できるんちゃう」と思って実験したらできたのでメモ。 よくあるtable-cellを使うんやけども、縦並びなのはドンピシャな例が見つからなかったんで書いておきます。 デモ » こちらから コーポレートサ…続きを読む
IEで一部のCSSだけが効かない時の原因(かも)
こういうケースって俺だけかもしれませんが、さっきまでドハマりしてたので書いておきます。 案件で「display : table-cell」を使ったレイアウトを実装しようとサンプル作りまくって検証してたんですが、IEだけ全然効かない。8、9、10全部。しかもtable-cellのとこだけ効かない。IE…続きを読む
ページに設置したいいね!ボタンのいいね数カウントの条件(書きかけ)
この知識を仕事で求められたことは無いが、なんか気になったので簡単にまとめておく。 とりあえず知ってる条件だけ書く。 カウントされる条件 ページに設置されたいいね!ボタンをクリックする(当たり前) ページのURLをfacebookでシェアする(当たり前) 他人がシェアしたことに対して「いいね!」する …続きを読む
最小限の労力でグローバルナビのアクティブ(現在位置)表示を実装
グローバルナビのアクティブ表示を実装する方法はいくらでもありますが、最も簡単に(というか最小力で)やる方法は何かしら、というのがこの記事の趣旨です。 何を以って簡単と言うかですが、自分の場合可能な限りhtmlをシンプルにというのが信条なので、そこをポイントとしています。 結論から言うと、javasc…続きを読む
新バンド用のサイト作って、ついでにレスポンシブでスマホ対応の練習した
ちゅうわけで、新しくジャズカルテット組んだのでサイト作ってみましたよ、と。 CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き viewportのスケール指定とかは、このサイトが詳しく検証して下さってます。 Viewport [iPhone生活] …続きを読む
google bloggerにmp3を貼りつける
注1:google bloggerでブログを書いていた時期の記事です。 注2:2011年3月30日追記：SoundCloudを使った方法を紹介しました。 前回のエントリで、「ブログに録音ファイルを貼る」という長年の夢をあっさり実現してしまいました。 google bloggerにはデフォルトで音声フ…続きを読む