タグ

2012年5月21日のブックマーク (3件)

  • [CSS]Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック

    Responsiveデザイン対応ページを制作する際に役立つ、max-width, min-width, overflowなどの役立つ5つのテクニックを紹介します。 5 Useful CSS Tricks for Responsive Design [ad#ad-2] 下記は各ポイントを意訳したものです。 動画コンテンツの配置 max-width, min-widthの小技 値を相対値に overflow: hiddenを使ったテクニック 長いテキストは折り返す 動画コンテンツの配置 Responsiveデザインに対応した動画コンテンツの配置方法です。 デモページ CSS: 動画コンテンツの配置 .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe,

    nao14115
    nao14115 2012/05/21
    Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック | コリス
  • HTML5でスマホアプリを作ってみよう。第1回「じゃんけんゲーム」 - もとまか日記

    以前から書いてる、以下の開発向け簡単チュートリアル。 iPhoneアプリを作ってみよう(Xcode4編)第1回:じゃんけんゲーム 今回は、これをHTML5のCanvasで作ってみました。 で、ついでにチュートリアル的な内容を書いてみたメモ。 前提条件 前提条件として、ある程度HTML等が分かる人向け、という感じです。また、レンタルサーバの利用等についても割愛です。 その辺の詳細な説明は省いてるのでご了承ください。 HTML5の基礎情報 以前、以下でまとめました。 前から気になってたHTML5について色々調べてみました HTML5のスマホアプリの基構成 ここから題のコーディング。今回使う、スマホアプリ向けの基となるHTMLは以下です。 html> head> meta name="viewport" content="width=device-width, initial-scale

    nao14115
    nao14115 2012/05/21
    HTML5でスマホアプリを作ってみよう。第1回「じゃんけんゲーム」 - もとまか日記
  • ついにバージョン1.0になった「Magican」はMacユーザ必携のOS管理アプリですよ!

    長くバージョン1.0以下でリリースされ続けていてたアプリがついに1.0へ! 感慨深いですね、どうも鰐です! MacOSの総合管理アプリとして、もっともわかりやすく使いやすい。 それが「Magican(無料)」です。 「OnyX(無料)」のようなメンテナンスツールとは別に、必ずインストールしておくべきアプリの1つですよ。 Magicanって何? Magicanの特徴は「Macの状態確認」「ハードディスクの管理」という2点に特化していることです。 この2つが常に良い状態であれば、Macを快適に利用することができます。 「メモリーの空き容量が足りない」となれば、Magicanからメモリーの解放を行うことができます。 「CPUが目一杯使われていてアプリが遅い」場合にも、Magicanからアプリを強制的に終了させることができます。 「ハードディスクの空き容量が少ない」「ファイルの読み書きが遅い」場合

    ついにバージョン1.0になった「Magican」はMacユーザ必携のOS管理アプリですよ!
    nao14115
    nao14115 2012/05/21
    ついにバージョン1.0になった「Magican」はMacユーザ必携のOS管理アプリですよ! | crocodile notebook