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

    関連記事

    【簡単軽量】jQueryプラグインleanModalによるモーダルウィンドウ実装方法 | MIGO

    誘導したいページのリンクを表示したり、強調したい内容を表示させるのにモーダルウィンドウがしばしば...

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

    • colorsheep2017/03/02 colorsheep
    すべてのユーザーの
    詳細を表示します

    いま人気の記事

    いま人気の記事 - テクノロジー

    新着記事 - テクノロジー

    同じサイトの新着

    • 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

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

    【フェブラリーS】 カフジテイク津村「位置取りが後ろ過ぎた自分のミス。馬は頑張ってくれた」 | 競馬予想まとめアンテナ

    1 users http://nanpa100.wpblog.jp/

    あゆみ式 A Teachert Academyを評価する 効果を挙げる方法 | 佳織から今日の一言

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