50音のボタンを並べるCSSを考える
検索システム実装の案件で、ひらがな50音のボタンを並べる必要がありました。子どもの頃によく見る、右上から縦にあ・い・う・え・お...と並んでいる表のようなデザインです。 今回はIE8にも対応しなければならなかったため、いろいろ考えた結果、あ行・か行といった行毎にリストを作り、floatを利用して並べました。 <ul class="list-syllabary-ja"> <li><span class="linename">あ行</span> <ul> <li><a href="#">あ</a></li> <li><a href="#">い</a></li> <li><a href="#">う</a></li> <li><a href="#">え</a></li> <li><a href="#">お</a></li> </ul> </li> <li><span class="linename
ゼロから始めるPepperタブレットの画面デザイン奮闘録 | そるでぶろぐ
デザインの決め方とは？「さぁ、画面デザインするぞ！」と意気込んだはいいものの、「デザインって具体的に何を決めればいいんだ？」と早速固まりました。そこで、いくつものサイトを練り歩いたわけですが、こちらでデザインを決める上で特に参考になったサイトをいくつかご紹介したいと思います。 こちらのサイトでは、画面デザインを決めるにあたり、何をどういう順序で決めれば良いかが紹介されております。本来はどういった構成だとどのように相手が感じるか、などの座学が必要かと思いますが、作業できる時間も限られていたため、そちらの方面の学習までは出来ませんでした（これから学ぼうと思います）。この記事では、注力したところをご紹介したいと思います。 いろんなUIを見る昨今のウェブサイトのデザインは本当に多種多様ですよね！今回作業するにあたり「折角だし…！」と、100以上のウェブサイト、スマホアプリのデザインを拝見しました。
pepperめも_07:ペッパーのタブレット用のHTMLテンプレート - Qiita
ペッパーのタブレット用のHTMLテンプレートを作ってみました。 画面サイズとか調べたけどよくわからなかったのですが、結局1280x800で作りました。 ※旧型ペッパー用です。新型には対応していません＞＜ Bootstrapを使用 Bootstrap v3.2.0 http://getbootstrap.com を使用しています。 Sketch3用のテンプレートファイル付き Sketch3 https://github.com/tonosamart/Pepper-HTML01 用のテンプレートファイルを用意しました。 Mac用のソフトになりますが、画面デザインが簡単にできて便利です。 まだ使ったことない人は使ってみてください！有料だけど！ Sketch3のテンプレートの設定方法 File→New From Template→Reveal in Finder を選択すると、ファインダーが開くの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
