• 人気のコメント(0)
  • 全てのコメント
新着コメントはまだありません。
このエントリーにコメントしてみましょう。

    関連記事

    Webページの表示速度改善は絶対にやるべし | MIGO

    Webメインのブログのつもりがグルメレポートばかり書いている今日この頃…。 そろそろWebのことを書こう...

    ブックマークしたユーザー

    すべてのユーザーの
    詳細を表示します

    いま人気の記事

    いま人気の記事 - 暮らし

    新着記事 - 暮らし

    同じサイトの新着

    • CSSとjQuery(JavaScript)で画像の表示サイズを縦長or横長を判断して最適化する方法 | MIGO

      1 usersmigo-media.com

      今や常識となったレスポンシブデザイン。 レスポンシブデザインは、メンテナンスのしやすさやGoogleの推奨するデザインということもあり、導入しているサイトも多いですね。 レスポンシブデザインを導入する上で、画像サイズの最適化が一つポイントとして挙げられます。 画像に対して、横幅にだけwidth:100%を指定してスマホやタブレットの画面いっぱいに広げて、高さは自動調整するというやり方が一番シンプルなやり方です。 レスポンシブデザインにおける画像(imgタグ)サイズの最適化というと、下記のような例があります。 @media screen and (min-width:320px) { img{ width:100%; max-width:480px; } } この場合、画面幅が320pxより大きい場合、画像幅を画面いっぱいにして、最大幅を480pxにするという設定をしています。 しかし、この
    • Webフォントの基本知識と使い方まとめ | MIGO

      1 usersmigo-media.com

      Webフォントを導入する機会がありましたので、そのときにやったことをまとめました。手順を覚えれば手軽に導入できるので、参考までにご覧ください。 Webフォントとは? 導入の前にWebフォントについて少し説明します。 通常、CSSでフォントを指定すると、ブラウザは閲覧しているデバイスにインストールされているフォントから指定されたフォントを呼び出して表示させます。しかし、指定したフォントの種類によっては、デバイスにインストールされていないものもあり、制作側が意図した表示をできない場合があります。 そこで、ウェブサーバー上にあるフォントを指定してブラウザに参照させることで、デバイスに依存することのないフォントの表示を実現させるのがWebフォントという技術です。 Webフォントを導入しよう では、早速Webフォントを導入してみましょう。 ライセンスフリーのWebフォントファイルをダウンロード ゴシ
    • jQueryで数値に対して3桁毎にカンマ区切り、4桁毎に数字桁(万・億・兆)を入れる方法 | MIGO

      2 usersmigo-media.com

      Webページ上で任意の数値に対して表示形式を変換したいケースがあります。 1.3桁毎にカンマ区切りを入れて表示する (例)2500000 ⇒ 2,500,000 2.4桁毎に数字桁を入れて表示する (例)125475000 ⇒ 1億2547万5000 3.3桁毎にカンマ区切りかつ4桁枚に数字桁を入れて表示する (例)450027000 ⇒ 4億5,002万7,000 当記事では上記3つの表示形式を取り扱います。 jQueryを使用して、任意の数値を上記3つの形式に変換する方法を紹介します。 主に下記3つで構成しています。 type属性numberでのinputタグ(任意の数値の入力欄) 表示形式の変換ボタン(buttonタグ) 変換後の値を表示させるための要素(id:result_value) CSSについては特記事項は無いので、割愛します。 jQueryで数値にカンマ区切りをつける $(
    • 領域外クリック時にポップアップ閉じるデモページ

      1 usersmigo-media.com

      ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。 ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。 ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。ここはメインコンテンツです。

    “【J2第36節 熊本×大宮】好調の熊本が首位大宮に3発快勝!清武が3試合連続弾含む2ゴールの活躍” - キックオフアンテナ

    1 users http://kickoff.joyr.net/

    株トレード専門学校≪相場ゼミ≫の検証ブログ 相場師朗の評判 | 美佳子の日記ブログ

    1 users http://mikakonkblog.jugem.jp/