タグ

2014年5月1日のブックマーク (6件)

  • 新しいiPhoneの解像度とCSSピクセル幅を考える - fragmentary

    そろそろSafari 8?のベースになるWebKitのブランチが切られるかなと思って待っていたら月末になってしまった。ネタがないのでiPhoneの噂話でもしよう。 新iPhoneの画面解像度は? まず、確かな情報筋()によると、4.7インチと5.5インチのモデルが出ると。 4.7インチは750×1334らしい。現行iPhoneのディスプレイと同じ326ppiなものを4.7インチにするとこうなると。5.5インチだとフルHDな1080×1920らしい。こちらは新しいディスプレイで401ppiだって。 さて、5.5インチについてはまだわかるんだけど、4.7インチの謎解像度はないのではないかと思っている。というのはデバイス非依存ピクセルを想像すると2つのモデルで幅が異なる可能性が高いから。同じディスプレイが使えるという製造観点での利点や理由はあれど、アプリとかの観点から考えると煩わしすぎるわけです

    新しいiPhoneの解像度とCSSピクセル幅を考える - fragmentary
  • TechCrunch | Startup and Technology News

    Welcome back to TechCrunch’s Week in Review — TechCrunch’s newsletter recapping the week’s biggest news. Want it in your inbox every Saturday? Sign up here. Over the past eight years,…

    TechCrunch | Startup and Technology News
  • シンプルなデザインが魅力のシングルページワイヤーフレーム「One page website wireframes」

    TOP  >  Design  >  シンプルなデザインが魅力のシングルページワイヤーフレーム「One page website wireframes」 webサイトのレイアウトの中で、サイト全体にワイド感を出したい時、主流のデザインに仕上げたい時などによく取り入れられるシングルページレイアウト。一から構築しようと思うと、デザインのセンスはもちろん、制作 する時間も必要になってきます。そんな時に活用したい、シングルページワイヤーフレーム「One page website wireframes」を今回は紹介したいと思います。 シンプルなデザインが魅力のワイヤーフレームに、いろいろな要素がセットになっています。 詳しくは以下 基的なwebサイトのレイアウトはもちろん、スクロールした際のコンテンツ部分のデザインとして、ボックスタイプのレイアウトやアイコン+テキスト、またメールフォーム、フッター

    シンプルなデザインが魅力のシングルページワイヤーフレーム「One page website wireframes」
  • HTML5の仕様が更新、at riskを断捨離(色々消えた)

    HTML5の仕様が4月29日付けで更新されていたのでその内容をざっくり報告します。 at riskがスッキリ これから仕様が変更になってなくなっちゃうかもしれないよという情報を記したat riskのセクションがかなりすっきりしてます。 The following features are at risk and may be removed due to lack of implementation. the DataCue interface; <input type=time>; the new ruby model. HTML5 今までここに入ってたアウトライン・アルゴリズムやアプリケーション・キャッシュなんかの仕様(とそれを支持する人)は、まさか消えてなくなったりしないよね…?と長いことジャンプの後半に載っているマンガのように毎日震えて眠っていたわけですが、今回晴れて死神の軛から放

    HTML5の仕様が更新、at riskを断捨離(色々消えた)
    hama_shun
    hama_shun 2014/05/01
    情報はやい!
  • 吹き出しやリストマーカーに使える三角形を CSS で作る

    特に目新しい方法ではないですが、デザイン内に出てくることの多い三角形のあれ (謎) を簡単に CSS で作る方法について。 しばらく CSS ネタ的なの書いていませんでしたので書いてみようと思います。 三角形のあれというのは、よくリスト型メニューにアイコン的に使われていたり、メインメニューでアクティブな項目に付けたり、Tips などを表示する際に吹き出し的な見た目を作る場合に使われたりする、下記のような部分のことです。 これを CSS のみで簡単に再現する方法を解説してみます。CSS は class の付け方でカラーやサイズなどを簡単に適用できるようにしてみましょう。また、今どきっぽく Sass 向けに mixin (ミックスイン) のサンプルも紹介しておきますので参考まで。 CSS による基的な三角形の作り方 いまさら詳しく解説するまでもないですが、下記のように border プロパテ

    吹き出しやリストマーカーに使える三角形を CSS で作る
  • ggsoku.com

    ggsoku.com
    hama_shun
    hama_shun 2014/05/01
    これでモチベーションが上がるのかなーという疑問は感じたけど、実験的という事で今後が気になる。家電のリモコンみたいに今後色々な方法が試されていくのかな。