Category : デジタルとWEB

レスポンシブWebデザインは設計さえちゃんとしてれば実装も運用もラクチン(あくまでマルチデバイス対応という視点で言えば)ということで、私は会社仕事でもプライベート案件でも積極的に利用してる手法です。 でも最近は、この手法がパフォーマンスの観点からそれベストなのか、的な議論もありますね。まぁそういったレスポンシブの是非については別稿に譲るとして、レスポンシブとは切っても切れないブレイクポイントについ…続きを読む

かなり前の話ですが、ハイスタのDVD特設サイト見て「おっ」と思いました。 背景に動画が流れている!カッコイイ! 全ての創造は模倣から生まれるという言葉をそのまんま鵜呑みにして、とりあえず自分のサイトで真似してみました。 デモ 自分がやってるバンドのサイトです。 Dynamite Satan plus 2014年1月現在のバージョンです。もしかしたら今後リニューアルするかもしれないです。あとPC限定…続きを読む

案件でこういうのが必要になって、コーダーから「出来ない」と報告を受けたけども「できるんちゃう」と思って実験したらできたのでメモ。 よくあるtable-cellを使うんやけども、縦並びなのはドンピシャな例が見つからなかったんで書いておきます。 デモ » こちらから コーポレートサイトの左右ナビに使いそうなやつです。 作り方 マークアップ方法です。display:table-ce…続きを読む

こういうケースって俺だけかもしれませんが、さっきまでドハマりしてたので書いておきます。 案件で「display : table-cell」を使ったレイアウトを実装しようとサンプル作りまくって検証してたんですが、IEだけ全然効かない。8、9、10全部。しかもtable-cellのとこだけ効かない。IE8以降対応しているはずだからおかーしーなー。 と思いきや、そもそも検証用の簡易サンプルの作り方が問題…続きを読む

この知識を仕事で求められたことは無いが、なんか気になったので簡単にまとめておく。 とりあえず知ってる条件だけ書く。 カウントされる条件 ページに設置されたいいね!ボタンをクリックする(当たり前) ページのURLをfacebookでシェアする(当たり前) 他人がシェアしたことに対して「いいね!」する グループ(クローズでも)のスレッドでシェアされる カウントされない条件 メッセージ(チャット)中にU…続きを読む

グローバルナビのアクティブ表示を実装する方法はいくらでもありますが、最も簡単に(というか最小力で)やる方法は何かしら、というのがこの記事の趣旨です。 何を以って簡単と言うかですが、自分の場合可能な限りhtmlをシンプルにというのが信条なので、そこをポイントとしています。 結論から言うと、javascriptを1個追加するだけで完了します。htmlの編集も不要です(javascript読む1行追加す…続きを読む

ちゅうわけで、新しくジャズカルテット組んだのでサイト作ってみましたよ、と。 CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き viewportのスケール指定とかは、このサイトが詳しく検証して下さってます。 Viewport [iPhone生活] レスポンシブでのスマホ対応の長所と短所(私見) 検証もしてないし、特に情報源も無いですが、思いつくま…続きを読む

注1:google bloggerでブログを書いていた時期の記事です。 注2:2011年3月30日追記:SoundCloudを使った方法を紹介しました。 前回のエントリで、「ブログに録音ファイルを貼る」という長年の夢をあっさり実現してしまいました。 google bloggerにはデフォルトで音声ファイルのアップロード機能が無く(他のブログサービスはできるんかな)、その設置方法で少々てこずりました…続きを読む

2 / 212