簡単Javascript & jQueryでテキスト読み上げ - Qiita
$(function(){ $synthes = new SpeechSynthesisUtterance('こんにちわ'); speechSynthesis.speak($synthes); }); $(function(){ // 準備 $voicesを取得したいだけなのだけれども $voise = null; $voiseName = 'Google 日本語'; $voices = speechSynthesis.getVoices(); $synthes = new SpeechSynthesisUtterance(); // SpeechSynthesisUtterance()に時間かかるから様子みる $repeat = setInterval(function() { if($synthes){ $voices = speechSynthesis.getVoices(); //
かわいいデザインのツールチップ「grumble.js」
かわいいデザインのツールチップ（吹き出し）効果を与える「grumble.js」 ツールチップ（吹き出し）により、文章や画像の補足をすることで、わかりやすくすることがあります。 よくあるプラグインだとちょっとデザインが・・・という方にgrumble.jsをお勧めします。 ポップでかわいいデザインで作成することができます。 sponsors 使用方法 grumble.jsからファイル一式をダウンロード。 <link type="text/css" href="grumble.css" rel="stylesheet" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="Bubble.js"></script> <script type=
UIに使用しているアニメーションを今よりもっと魅力的に動かせるようになるチュートリアル
ボタンやパネル、レイアウトなど、最近はWebのユーザインターフェイスでさまざまなアニメーションが利用されています。WebページのUIに使用しているアニメーションを今よりもっと魅力的に動かせるようになるチュートリアルを紹介します。 アニメーションを魅力的に動かすテクニックを段階的に解説しているので、それぞれの効果がよく分かります。 Giving Animations Life 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Step 1: まずはシンプルに動かしてみよう Step 2: バウンドを加える Step 3: バウンドを自然な動きにする Step 4: ディズニー®の12の基本原則を取り入れる Step 5: アニメーションを誇張する Step 6: アニメーションに命を吹き込む キーフレームを簡単に設定できるスクリプト St
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
