タグ

ブックマーク / bashalog.c-brains.jp (2)

  • 【CSS】iPhone で iframe の横幅がハミ出してしまう問題の解決法 | バシャログ。

    こんにちはLatinです。みなさん夏休みの予定はもう決まりましたか? LCC全盛という事で、沖縄などの国内のリゾート地にも随分と安い金額で行けるようになりましたよね。沖縄行きて~! さて、今回はスマホサイト制作のTipsです。 スマホサイトの制作時、 Facebook や Twitter のウィジェットを埋め込む事も多いかと思います。 フレームの横幅が固定であれば事はそれほど重大ではないのですが、レスポンシブ対応や Landscape 時に横幅を引き延ばす必要がある場合、iPhone だと iframe の幅指定「width: 100% !important;」が効かず、「横幅がはみ出てしまう」という事態によく陥ります。この時の対処法をまとめていきます。 まずは最初のHTMLCSS HTML <div class="box"> <h1>Twitter ウィジェット</h1> <div c

    【CSS】iPhone で iframe の横幅がハミ出してしまう問題の解決法 | バシャログ。
    wtrab
    wtrab 2015/05/18
  • 【JavaScript】デザインパターンを知ってみる。シングルトン編 | バシャログ。

    桜を見ながら飲みいしたいminamiです。 前回に引き続きJavaScriptで書くデザインパターンです。今回はシングルトンパターンについて調べてみました。 なぜ使うの? シングルトン(Singleton)パターンは、以下のような特徴があります。 あるクラスのインスタンスを一つだけにする つまり同じクラスを使って新しいオブジェクトを再度作成すると、最初に作ったオブジェクトの参照になる。 作られたオブジェクトへのグローバルなアクセス方法を提供する 機能の重複する新規のインスタンスを作ることなく、一つのオブジェクトを使いまわすことができるのでリソースを無駄にしません。また、インスタンスを一つだけにすることでグローバルな関数や変数を無駄に増やすことがなくなるので競合の危険をなくします。このあたりは前回のモジュールパターンの考え方と同様です。 簡単な書き方 var Single = { myNa

    【JavaScript】デザインパターンを知ってみる。シングルトン編 | バシャログ。
  • 1