タグ

ブックマーク / tikeda.hatenablog.com (2)

  • スマートフォン用に毎回作る画像 - tikeda's blog

    スマートフォン用サービスを作る時に必要な画像を用意する際、よくサイズを忘れがちな為、社内用にドキュメントを最近まとめてました。内容が一般的なのでダイアリーにも書いておきます。Androidはひとくくりにするには、不明確な点も多いし、今後アップデートも多そうですが、参考までという事で。ちなみにファイルはPNG。 アプリケーションアイコン iPhoneAndroid - 3GSw57xh57 4w114xh114 w72xh72 ※2.0。割と細かいので以下参考 Icon Design Guidelines, Android 2.0 ヘッダー画像 iPhoneAndroid - 3GSw320xh44 4w640xh88 x1w480xh45 x2w960xh90 タブにのせるアイコン iPhoneAndroid - 3GSw40xh33 4w80xh66 ※selectedはauto eff

    スマートフォン用に毎回作る画像 - tikeda's blog
  • 角丸ライブラリ - tikeda::Diary:

    最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01:小さ目な角丸 02:大き目な角丸 03:斜線の角丸(背景画像をループ) 04:ストライプの角丸(背景画像をループ) 05:木模様の角丸(背景画像をループ) 06:リボンのついた角丸(背景画像を固定) 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu

    角丸ライブラリ - tikeda::Diary:
  • 1