Flashみたいなテキストエフェクトが作れるjQueryプラグイン「TextFX」:phpspot開発日誌
JavaScript - TextFX - A jQuery Text Animation Tool - CodeCanyon Flashみたいなテキストエフェクトが作れるjQueryプラグイン「TextFX」 Flashにもこうしたテキストアニメーション作成ツールがあった気がしますが、jQueryでも出来るみたい。 １５のコアとなるアニメーションに加え、１８種類の設定、カスタムイージング、スピードなどカスタマイズ自在です。 デモページ ブラウザで動くエフェクトジェネレーター付きで、自由自在かつ簡単に動きをデザインできます。 注意点として、$5のライセンスウェアのようですが１からつくることを考えれば安いですね IEやSafariなどでも互換性があるみたいです。 関連エントリ プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」 スマ
Animated Text and Icon Menu with jQuery | Codrops
Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color. Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and a
[JS]text-shadowをアニメーションでコントロールするスクリプト -animate-textshadow.js
テキストにシャドウをつけるtext-shadowをアニメーションでコントロールして、さまざま面白いエフェクトを生み出すjQueryのプラグインを紹介します。 Animated CSS text shadows with jQuery デモページ [ad#ad-2] デモではさまざまなtext-shadowのアニメーションを楽しめます。 以下、デモを紹介しつつ、その実装方法もご紹介。 デモ：基本 一番シンプルな基本となるデモです。 HTML HTMLはすべてのデモで、テキストをspan要素で実装するだけです。 <span id="basic">Click me</span> CSS text-shadowをアニメーションでコントロールするためには、最初にtext-shadowで値を持たせる必要があります。 .text { text-shadow: 3px 3px 3px #ccc; } デフ
iPhone から画像・テキストを Evernote へ快適に保存・入力できる9つのアプリ | AppBank
画像を Evernote に送る・保存する Evernote の公式アプリでもノートに画像を複数添付することが可能になりましたが、画像を Evernote に保存すること自体が目的だと、この方法では手間がかかります。 そんな時にはこれからご紹介するアプリが活躍しますよ！ PictShare – multiple photos uploader Evernote にたくさんの写真を保存したり、一括して写真の向きを変えたり、その1つ1つに異なるタグやタイトルを設定するなら PictShare が便利です。 iPhone で撮影・保存した写真、あるいは iTunes を介して同期している写真を様々なウェブサービスにアップロードできるアプリです。 もちろん Evernote にも対応。 Evernote アプリでも画像をアップロードできますが、左右への回転を行ったり、連続して画像をアップロードした
22500文字の文書をURLに保存する驚愕のサービス「Hashify」【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:7分] 文書というものはファイルとして存在するものだ。USBメモリ、オンラインストレージ、オンライン文書サービスなどに保存して初めて共有できるという考えはごくごく一般的だ。簡単な文書でも、何らかのサービスにサインアップして公開するという手続きが必要になる。 しかし「Hashify」を使用すれば、そういった概念が一瞬で崩れ去る。このサービスを使用すれば、テキストを圧縮して20文字以下のURLにしてくれる。URLそのものに文書が保存されてしまうのだ。 冒頭のスナップは、Hashifyの説明テキストへのリンクだが、これそのものがHashifyのURL作成ページになっている。左側に文書を入力すれば、短縮URLサービスbit.ly形式に保存してくれるというもの。 Showdownというテキストを見やすい形式で整形してくれる記述ルールに対応しており、ワープロのような整形もここで行える。 対
33言語対応！画像からテキストだけを抽出できるサービス「The Free Online OCR」 : 二十歳街道まっしぐら
「The Free Online OCR」は画像にある文字を抽出してテキストに変換してくれるサービスです。 画像をアップロードまたは画像URLを指定し、言語を設定するだけでOKです。 変換もすぐに終わるので、便利。 画像から文字だけ抽出したい人におすすめです。 全部で33言語対応とのこと。 以下に使ってみた様子を載せておきます。 まず「The Free Online OCR」にアクセスしましょう。 「Image」より、画像ファイルをアップロードまたは、画像URLを指定します。 「Language」より、抽出したい言語を選択。 「Convert」をクリックすると、抽出開始です。 結果はこのとおり。 【抽出結果】 Aaron's Twitter Viewer Hi, there. i‘m Aaron Swartz (@aaronsw)_ I made this Iittie program s
Ript
Organise all those clippings in one placeRipt basically adds a new option to Internet Explorer and Firefox. It enables you to drag images from the Internet to a floating clipboard that stores everything that's posted to it. You could easily compare it to Safari MAC OSX Tiger. Part scrapbook, part “to-do” list (or to-buy list), Ript mimics the actions of ripping, piling and arranging scraps of info
[JS]テキストの一部のみ最初に表示し、残りをアニメーションで表示するスクリプト
パネルに配置したテキストを下部にいくにつれフェードアウトで表示し、残りのテキストをアニメーションで表示するコンテンツを実装するチュートリアルを紹介します。 残りのテキストをアニメーションで表示したキャプチャ [ad#ad-2] 実装 HTML HTMLはシンプルで、テキストと「Read More」ボタンをdiv要素内に配置します。 <div class="sidebar-box"> <p>パネルのテキスト</p> <p class="read-more"><a href="#" class="button">Read More</a></p> </div> CSS パネルの初期状態のサイズはスタイルシートで設定します。フェードアウトはCSS3グラデーションを使用します。 .sidebar-box { max-height: 120px; position: relative; overfl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
