タグ

2017年4月17日のブックマーク (3件)

  • jQueryでページ上に表示されるローディングのバーを作ってみる | スターフィールド株式会社

    スマホのブラウザやYoutubeの動画のページなどで、 ページの上にロードの状況を知らせるバーを見かけます。 画像が多いなど、ページ全体のファイル容量が大きくなってくると、 ページの読み込みが完了するまでに少し時間がかかってしまうことがあります。 サイトを軽くするのが一番適切ですが、 それが難しい場合、このローディングのバーがあると、読み込み状況を知ることができて、 少しだけですが、不安が軽減されます。 スマホでWEBページを見るときはデフォルトのブラウザにこの表示があるので何もする必要はありませんが、 PCでも同様に表示したい時もあるかもしれません。 味の明太子 博多中洲いとや また、↑こちらのサイトのようにローディングバーをデザインの一部に取り込んでしまうのも面白いと思います。 今回は、こちらのサイトも参考に、このトップのローディングバーをjQueryを使って作ってみました。 ↓こちら

  • ゴーストボタンと相性が良さそうなホバーエフェクト 10+ - NxWorld

    メモしていたものが溜まってきて一覧化したのでシェアします。 以前にもCSSのみでボタンデザインやホバーエフェクトを実装できるエントリーを書きましたが、今回はCSSのみで実装するゴーストボタンと相性が良さそうなホバーエフェクトのサンプルです。 もちろんゴーストボタンに限らず様々なタイプのボタンで使用でき、対応しているブラウザであればコピペで簡単に実装できると思うので、気になるエフェクトがあれば是非使ってみてください :) 閲覧の際にChromeまたはFirefoxで見てもらえるとほぼ問題なく動きの確認ができると思いますが、ブラウザによって動きや見栄えが説明と異なる場合があります。

    ゴーストボタンと相性が良さそうなホバーエフェクト 10+ - NxWorld
  • 2017年に「これは流行る!」な6つのWebデザインスタイルを予想

    2016年を通じてWebデザイナーがシンプルさやミニマリズムの方向から離れるにつれ、数多くの新しいスタイルや流行を見てきました。私達はより視覚的に理解しやすく、インパクトのあるデザインの流行に戻り始めているように思います。FramerやOrigamiなどの新しい技術やソフトウェアがWebデザイン世界の可能性を広げ続けています。 ここで2017年の進化し続けることが確実な6つのWebデザインスタイルをご紹介したいと思います。 1. 繊細なマイクロインタラクション Buck.tv  http://buck.tv/ マイクロインタラクション(細部の相互アクション性)は、プロトタイプおよび実行のためのツールとともに最近Webで人気を集め始めていて、この傾向は続きそうです。Buck.tv はマイクロインタラクションが効果的に実施されているいい例です。ホバーエフェクトが高度にスタイリッシュで、美しく、

    2017年に「これは流行る!」な6つのWebデザインスタイルを予想