定義リスト(dt,dd)を横並びにして 一対ごとに下線を付ける
たまにdtとddを横に並べたいときがあります。 色々方法はあると思いますが、dtとddそれぞれ一個ずつの組に対して毎回下線を付けたいときはどうするか考えてみました。 よく見かけるのは一個ずつdlを閉じてしまうやりかた。 <dl> <dt>定義語</dt> <dd>説明文説明文説明文説明文説明文</dd> </dl> <dl> <dt>定義語</dt> <dd>説明文説明文説明文説明文説明文</dd> </dl> <dl> <dt>定義語</dt> <dd>説明文説明文説明文説明文説明文</dd> </dl> 意味的にスマートではありませんね。 やっぱり一個のdlでひとまとめにしてみたいです。 <dl> <dt>定義語</dt> <dd>説明文説明文説明文説明文説明文</dd> <dt>定義語</dt> <dd>説明文説明文説明文説明文説明文</dd> <dt>定義語</dt> <dd>説明
シリコンバレーで聞いたデザインが美しいWebサービス／アプリ15選 - パパパパ
このブログは、僕がこれまでWebサービスをいくつか作ってきて、失敗したり成功したり色々体験していることをまとめています。 シリコンバレーに来て45日が経ちました。今日はいつもと趣向を変えて、こちらで聞いた、デザインやUI/UXが美しいWebサービスやアプリの一部を紹介してみたいと思います。 Chill http://chill.com/ デザインのイケてるサービスを聞くと、かなりの確率でこのサービスの名前が挙がりました。動画の上に投稿者のプロフィール画像が円形に表示されているのが素敵です。詳細ページの「Thoughts?」ボタンの動きが秀逸。色々参考になるサイトだと思います。 ChillのようにPinterest風デザインは、今まさにトレンドのようで、教えてもらったサイトの中でも本家に負けず劣らずのデザイン性を持ったサービスも多いです。女性ウケが良いことと、画像をファーストビューでたくさん
Project Management Software – Thrive
MANAGE AND �ANALYSE PROJECTS Keep up-to-date with your workload, review your performance, analyse percentage of deadlines met and manage your time and tasks. Stay on-top so you can take on more and increase earnings. KEEP DETAILED AND ACCURATE TIME SHEETS Time sheets that are effortless to maintain; and if you forget to hit start, time’s easy to enter manually. What’s more, Thrive lets you assign
retaW
lip balm 乾燥しがちなリップのためのスペシャルケアができるフレグランス・リップバーム。唇にしっとりと潤いを与え、みずみずしさを保ちます。
Photoshopのドロップシャドウの使い方をマスターするチュートリアル
ドロップシャドウはウェブデザインで非常に人気のあるエフェクトです。 このドロップシャドウのエフェクトを使いこなすために、Photoshopのドロップシャドウの各種設定の使い方を紹介します。 How to Use Drop Shadows in Photoshop [ad#ad-2] 下記は各ポイントを意訳したものです。 ドロップシャドウとは レイヤースタイルのドロップシャドウ 描画モード 不透明度 角度 距離 スプレッド サイズ 輪郭 ノイズ ノックアウト 設定の保存と初期化 ドロップシャドウのサンプルファイル ドロップシャドウとは ドロップシャドウの主な用途は、2Dのイメージで3Dの奥行きをシミュレートすることです。これはオブジェクトが3Dの空間で背景の上に浮いていることを表すために、オブジェクトの後ろにオフセットのシャドウをつけます。 下記の例はドロップシャドウを変えることで、光源の大
SMS・MMS・iMessage・電子メールを上手に使い分けよう【ソフトバンク編】 | AppBank
iPhone で利用できるメッセージサービスは4種類もあります。メッセージアプリで利用できる SMS・MMS・iMessage 、そしてメールアプリで利用できる電子メールです。 こうなるとどんな時にどのサービスを使うのか、という使い分けに悩みます。 そこで今回は、ソフトバンク版 iPhone でどんな時にどのサービスを使うと便利・お得なのかという、メッセージサービスの使い分け術をご紹介いたします。 au の方はこちらの記事をご覧下さい。 SMS・MMS・iMessage・電子メールを上手に使い分けよう【au 編】 相手のメールアドレスが分からない場合は SMS を使う 相手の携帯電話の番号は分かるがメールアドレスが分からない場合には、SMS を使いましょう。携帯電話の電話番号だけで相手にメッセージを送ることができます。 ただし、相手が利用している携帯電話会社がソフトバンク・ドコモ・au・イ
JavaScript アニメーションのデザインパターン
JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの？ setInterval の意味が分からない こんな感じで書けないの？ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
Webデザイン修正の伝え方ってどういうのが良いんでしょう？ | モノづくりブログ 株式会社8bitのスタッフブログです
株式会社8bitのスタッフブログです。デザインをしてもらって自分のイメージしていたものとは違う。 修正してもらいたい時、なんて伝えると一番良いのでしょうか？ 最近そんなことをずっと考えています。 プログラムだったら「エラーが出ている」「動かない」など明らかなミスなので伝え方はあると思うのですが、デザインはセンスだったり頭の中のイメージだったりするのでなかなかに伝わりにくかったりします。 現場ではこういったデザイン修正作業はディレクターがデザイナーに伝えて修正してもらうことが多いわけですが、うまく伝わらなかったりコンビネーションが悪いとデザインが迷走します。 伝え方によってはデザイナーのプライドに触れてしまい、やる気だけを削いでしまい兼ねません。 具体的なイメージがあれば話は別ですが、例えば既存のサイトにはイメージがないものだったり、該当するイメージの参考デザインが見つからなかっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
soleilnoir.net
Good night, Posterous
新着記事
リラックマ＆キイロイトリクッキー by ★めいぷる★