タグ

Javascriptとローディングに関するhattoushinhaのブックマーク (3)

  • オシャレな読込エフェクトが詰まった「PACE」:phpspot開発日誌

    PACE ? Automatic page load progress bars オシャレな読込エフェクトが詰まった「PACE」 Ajaxが生まれたばかりの時はGIFアニメーションが主流でしたが、読込エフェクトも進化してきました。 Googleが採用している、ページの最上部にプログレスバーを表示する方法をはじめとした多彩なエフェクトがこのライブラリに詰まっています デザインもフラットでカラーが自由に選べるのでフラットなサイトでより使いやすそうです 関連エントリ ボタンに直接ローディングボタンを付けられる「Ladda」 for Bootstrap 3 クールなローディングエフェクトのアイデア&サンプル集 ボタンに直接ローディングアニメーションを付けられる「Ladda」

  • javascriptで擬似ローディングを実装してみた

    チャオ!みんな元気?オレッちはすこぶる元気。 ところでみんなFlash好き?今はキライでも好きな時期はあったはずだろ? そうだろ?照れなくていいよ。 で、Flash作る時って必ずローディングバー入れただろ?そうだろ?わかってるよ。 昨日天一でこってりべただろ? そんなローディングをjQueryを使って実装してみたわけ。 当然、擬似ローディングだけどね。 ちょっとのぞいていきなよ。 まずはページ読み込み時のフェードインの説明するよ このサイトはページ読み込み時と<a>要素クリック時にフェードイン・フェードアウトする<div>要素を入れてるわけ。 図で説明するとこんな感じ。 この図の<div id="fade">はページ全体を#FFFで覆っているのね。それを消したり出したりしてるわけ。 でそのスクリプトはこんな感じ。 ※参考:ページ遷移時にフェードイン・フェードアウト « kojilow B

    javascriptで擬似ローディングを実装してみた
  • Youtubeの動画を背景に

    Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

    Youtubeの動画を背景に
  • 1