タグ

ブックマーク / www.koikikukan.com (2)

  • HTML5のprogress要素とjQueryでファイル読み込みのプログレスバーを表示する

    HTML5のprogress要素とjQueryを組み合わせて、ファイルの読み込みのプログレスバーで表示するサンプルを紹介します。 1.progress要素とは HTML5のprogress要素を使えば、進捗状況を示すプログレスバーを表示することができます。 progress要素は次のように記述します。value属性に作業の進捗度、max属性に作業の全体量を設定します。progress要素の内容にはフォールバックコンテンツを設定できます。 <progress max="100" value="50">50/100</progress> progress要素をサポートしていれば下にプログレスバーが表示されます。サポートしていないブラウザであれば、フォールバックコンテンツである「50/100」が表示されます。 50/100 2.サンプル progress要素とJavaScriptのFileRea

    HTML5のprogress要素とjQueryでファイル読み込みのプログレスバーを表示する
  • 新しくなった公式Twitterボタン(ツイートボタン)のデザインを修正する

    Twitterのリニューアルに伴い、公式Twitterボタン(旧ツイートボタン)の機能とデザインが変更されたようです。Twitterボタン作成ページもリニューアルされています。 新しい作成ページでは、これまでの「リンクを共有する」ボタンの他に「ハッシュタグ」「フォロー」「@ツイート」が作れるようになりました。 Twitterボタン これにより、これまでブログに設置していた公式Twitterボタンのデザインも変わっています。 エントリーではデザインを修正する方法をいくつか紹介します。レイアウトの崩れ具合によっては他の修正が必要かもしれませんので予めご了承ください。 1.ボックスタイプの幅を修正する(その1) リニューアル前からブログなどに設定しているボックスタイプ(垂直タイプ)はリニューアル後に次のような表示になっています。 これを次のようにコンパクトなサイズに修正します。 修正するには次

    新しくなった公式Twitterボタン(ツイートボタン)のデザインを修正する
  • 1