単語が目に飛び込んできてすごい速度で文章を読めるようになる「Spritz」
ネットや本などで文章を読んでいても、なかなかスラスラとテンポよく読み進められなかった経験をしたことがある人も多いはず。一般的に、日常で言葉を話すスピードに比べて文章を目で追って読むスピードは遅くなってしまうというのがその原因なのですが、逆転の発想で文字を次々に表示させ、まるで話すようなテンポで文章を読み進めていけるようにする技術が「Spritz」です。 Spritz http://www.spritzinc.com/ Spritzを使い、1分あたり250ワード(250wpm)というスピードで文章を表示させてみたイメージがこちら。もとの文章に沿って文字が次々に表示されていくために、読む側は視線をまったく動かすことなく読み進めることができます。 サイト内の各ページには以下のようなアイコンが設置されており、クリックするとページ内の文章をSpritz画面で表示させることが可能になっているので、いろ
iPhoneの充電器を寝室に持っていった時点で、あなたはもう経営者失格よ | Leading&Company
新聞や出版業界の衰退により多くのジャーナリストが職を失っているというニュースを最近良く耳にするようになりました。欧米の大手新聞社は、記事を読むためには会員登録をさせたり、数多くのポップアップ広告などを入れてなんとか衰退を防ごうとしていますが、長い間、お金や権力によってメディアを支配してきた人達にとっては、方向変換が難しい時代なのかもしれません。 伝統的なメディアを運営する企業が、時代の変化で大きく苦戦するなか、ギリシャ語の強いアクセントで、メディアとジャーナリストの未来をものすごく楽観的に語る女性がいます。 「ジャーナリストの黄金時代が始まろうとしています。」 ↑もう若者が「紙」を手に取ることは少ない。 このように語るのは、月間3300万人以上のユーザーが訪れるハフィントン・ポストの創業者、アリアナ・ハフィントンさんです。2005年にハフィントン・ポストを立ち上げると、ブロガーやジャーナリ
CSShake
Classes The basic collection Bs Basic Shake Ss Slow Shake Ls Little Shake Hs Hard Shake ⇄ Fixed Horizontal ⇵ Fixed Vertical ↻ Fixed Rotation Os Opacity Shake ✌ Crazy Shake ℇ Constant Shake % Chunk Shake Launch the animations from the parent with class 'shake-trigger' (customizable) Install Get started... $ git clone https://github.com/elrumordelaluz/csshake.git or $ bower install csshake or $ npm
スタイルの継承で Google Maps JavaScript API で表示した地図のコントロール UI がおかしくなった件
たいした話ではないんですが、ある案件で Google Maps JavaScript API を使用した地図を Web サイト内に表示して調整しているとき、通常、デフォルトでは左上の方に表示されるコントロール UI （ズームとか操作するやつです） の表示がおかしいことに気がつきました。 で、なんでだろなと思って Web コンソールで調べてみたら、思わぬところに原因がありましたというお話。 とりあえずどういう症状が起こったかですが、下記が正しい表示。 一方で、下記が今回おかしくなっていた時の表示。コントロール UI の一部がなんか変なことになっています。 ちなみに上記のサンプルで出しているキャプチャ画像は前述した 「ある案件」 のものではなく、自分の会社のサイトで表示している地図を改めて確認したら同じ症状がでていたのでそちらのキャプチャ画像です。 img 要素に対する max-width プ
[JS]シンプルでかっこいいナノサイズのバーを実装するjQueryいらずの超軽量スクリプト -nanobar
ブラウザの上部に、シンプルでかっこいいナノサイズのバーをアニメーションで実装するスクリプトを紹介します。 jQueryなど他のスクリプトは必要なく、725bytesで超軽量です。 デモページ：nanobar = 60% 右端の「100%」をクリックすると、100%に達した後にスマートなアニメーションでバーが消えるのもかっこいいです。 nanobarの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして</body>の上あたりに記述します。 <body> ... <script src="path/to/nanobar.js"></script> </body> もし、browserifyを使用している時は、下記の記述でもOK var Nanobar = require('path/to/nanobar') Step 2: JavaScript スクリプトを実行して、バーを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
