『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
画像を使用せずに、多階層のリストをツリー状にデザインするスタイルシートのテクニックを紹介します。 ピュアCSSなので、リストのアイテムは増やしても減らしても、ツリー状のスタイルを適用できます。 Parent child vertical list menu コードはこんな感じです。 HTML リストは階層ごとに入れ子を使用します。 コードは、CodeのjQueryまで。 <nav class="nav"> <ul class=list> <li> <a href="#">Home</a> <ul> <li> <a href="#">Lab</a> <ul> <li> <a href="#">Code</a> <ul> <li> <a href="#">Html</a> </li> <li> <a href="#">Css</a> </li> <li> <a href="#">Jquery<
プレゼンや打ち合わせで参加者の心を掴むのって重要ですよね。 制作工程の初期段階で時間短縮することでUI/UXの開発にじっくりと時間をかけたい、という思いもあり色々なアプリや手法を導入しています。 弊社で現在ハードに活用している便利なアプリを2つご紹介します。 Riflectorを使ってアプリ&スマホサイトのプロトタイプをその場で共有 Reflector これをインストールすれば写真のようにiPhone/iPadのAirplayを通して現在使っているスマホの画面をPCにダイレクトに写すことができます。ページ遷移やジェスチャーもこれがあれば容易にクライアントに伝えることができますし知らない人からしたらこれ自体のパフォーマンスでグッと引き込まれることでしょう。 インストールしたらiPhone/iPadのホームタスクバーからAirPlayを選択すればあっという間にミラーリングが開始されます。あとは
入力フォームって、基本的に忌み嫌われるもの。項目がたくさんあると、そっとタブを閉じたくなる。 旅行に行くときに、いろいろな旅行会社の入力フォームを見たけど、あまり使いやすくなかった。というか、見た瞬間に入力する気が失せてしまうような入力フォームが多かった。 入力フォームの多いページに関わることがあるので、入力フォームに関する資料をいろいろ読んだ。タブを閉じられないように、使いやすい入力フォームを考えたい。 入力フォームについて読んだもの 参考になったのはこれらの資料。どの資料も新しいものではないけど、参考になることはたくさんあった。 僕は英語が苦手で、そんな僕が読んだ感想を書くので間違いがあるかも。間違っていたら教えてください。詳細は原文を読んでください。 RIAC:RIAコンソーシアムユーザビリティガイドライン LukeW | Web Form Design Best Practices
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く