bartleby0911のブックマーク / 2015年8月3日

bartleby0911 id:bartleby0911

2015年8月3日のブックマーク (3件)

マウスホイールで1画面毎にページを遷移するパララックス風レイアウトを作成する【jQuery連載15】 | HTML5でサイトをつくろう
複数の背景画像やパーツを異なる速度や方向で動かすことで生じる、視差を活かした奥行き感を演出するパララックス効果ですが、今回はマウスホイールに応じて1画面毎にページを遷移するパララックスを作成しナビゲーションと連動したカスタムを追加して1ページサイトのような形で作成してみます。今回は各要素の挙動を直感的に設定できるjQueryプラグイン「Jarallux」をパララックスの実装に、マウスホイールによる制御を「jQuery Mouse Wheel Plugin」プラグインを使用して、マウスホイールに応じた1画面ごとのパララックス遷移を実装していきます。まずはスクロールに応じた要素のパララックス遷移を実装し、マウスホイールの操作で1画面（スライド）分遷移する機能を実装し、ナビゲーションを設置して前後の画面へ遷移したり、任意の画面へ一気に移動するジャンプリンク機能を追加していきます。今回作成し
bartleby0911 2015/08/03
jquery
リンク
[JS]シンプルで超軽量なのがいい！レスポンシブ対応のカード型レイアウトを簡単に実装できるスクリプト -minigrid
レスポンシブ対応のカード型レイアウトを簡単に実装できる、jQueryなどの他スクリプトに依存しないシンプルで超軽量（2KB）のスクリプトを紹介します。デモのアニメーション minigridの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="http://henriquea.github.io/minigrid/minigrid.js"></script> </body> Step2 :HTML 各アイテムには「.grid-it em」を、ラッパーには「.grid」を付与します。 <div class="grid"> <div class="grid-it em"></div> <div class="grid-it em"></div> <div class="grid-it em"></div
bartleby0911 2015/08/03
javascript

*develop
リンク
テキストマイニング無料ツール by ユーザーローカル
大容量テキストマイニングでは、より多くの文字数のテキストからワードクラウドを作成できます。サンプル：銀河鉄道の夜例文）話した内容を自動でテキスト化してくれる音声入力機能がつきました。マイクをONにして、まず「音声認識を開始」ボタンを押して話したあとで「テキストマイニングする」ボタンを押してください。初回利用時に「マイクを使用する」というメッセージが表示された場合は「許可」ボタンをクリックしてください。パソコン内蔵マイクでも利用できますが、外付けマイクを利用したほうが音声認識の精度がアップします。
bartleby0911 2015/08/03
分析したいテキストファイルを品詞分解し、文章中に出現する頻度が高い単語や、文章中に出現する単語の出現パターンが似たものを線で結んだ「共起ネットワーク」などが表示されます。

webservice

twitter
リンク
- 2015年8月5日
- 2015年8月3日
- 2015年7月30日