ウノウラボ Unoh Labs: 四角いリンク
yamaokaです。 最近タブをメタファーにしたナビゲーションをよく見るようになりました。タブには大抵、内容を示すキャプションが付けられています。さて、どこからどこまでがリンクでしょうか。どの部分をクリックすればそのタブを選択できるでしょうか。 例えば、キャプションの文字だけにリンクが貼られている場合。利用者はタブの中のさらに狭い範囲、文字の部分を狙ってクリックしなくてはなりません。 実はマウスの操作というのは難しいのです。狭い範囲を狙って指定することにはあまり向いていません。目的到達のために狭い範囲のクリックを強制するのはどう考えてもよいインターフェースではありません。 そこで大抵のタブ型インターフェースではタブの枠の中全体をリンクとして扱えるようになっています。 アンカー要素のdisplay属性をblockにして、必要な高さと幅を与えることでリンクの範囲を四角形に広げることができますね
Modern Syntax : CSでのWeb2.0スタイルの角丸上半分テカリボタンの作り方
今回のモダシンラジオはここ2週間で観た映画について一人語りする回です。以下の4本の映画について14分48秒程喋っております。 ・ゴールドボーイ ・DOGMAN ドッグマン ・瞼の転校生 ・デューン 砂の惑星PART2 さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor）の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く！という人は以下
PhotoShopでRSS標準アイコンを作成するチュートリアル:phpspot開発日誌
Photohop: RSS-Icon Standard in Variationen (注: ドイツ語のサイト) Firefox hat es, andere Browser folgen. Ein neues, frisches RSS-Icon, das in kurzer Zeit zu einem Standard gereift ist. Wir bauen es selbst und variieren das Ausgangsmaterial. PhotoShopでRSS標準アイコンを作成するチュートリアル。 チュートリアルの後に、PhotoShopのpsdファイルも配布されているようです。 RSSアイコンが出来るまでの図。 → → → 軽く手順を書いておくと、 1. 角丸のシェイプで輪郭を塗りつぶす。 2. 輪郭を選択して、選択範囲を２ピクセルほど縮小 3. 内側に白色でシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.photoshoplab.com/web-20-design-kit-part-2.html
http://www.photoshoplab.com/web20-design-kit.html
