タグ

textに関するbamboo_nのブックマーク (9)

  • Free Online OCR - Image to text and PDF to Doc converter

    1. Upload Image Upload Image or PDF document for conversion. You can upload any type of input images or documents, such as PDF, Tiff, PNG, BMP and other. One limitation for the input document is that the file size is no more than 15 MB 2. Language and output You should select appropriated recognition language for most accuracy conversion image to text. And also, you may choose output format (MS Do

    Free Online OCR - Image to text and PDF to Doc converter
  • Web制作に使える!オシャレなサイトに見せるためのCSSやjQueryプラグインまとめ

    作成:2015/03/2 更新:2016/06/29 Web制作 > 今風のサイトの動きやエフェクトを実現するために知っておくと助かるjQueryプラグインをまとめました。トレンドをおさえた最近のものや定番化しているものまで。ちょっとした動きを取り入れてオシャレなサイトを構築したい時に。 エンジニア速報は Twitter の@commteで配信しています。 もくじ インタラクティブ 1.クリック時のエフェクト 2.フォームクリック時のエフェクト 3.テキストに11種の動きを出すエフェクト 4.分離するエフェクト フルスクリーンの見栄えをよくする 5.フルスクリーン 縦スライド3つ 6.全画面+オーバーレイ 7.フルスクリーン背景+ローディング 8.写真から背景色を抽出 9.background-size 対策 ドロワーメニュー 10.ドロワーメニュー3つ スクロールエフェクト 11.スクロ

    Web制作に使える!オシャレなサイトに見せるためのCSSやjQueryプラグインまとめ
  • [CSS]「background-clip」を使って、テキストの下に画像を表示するスタイルシート

    CSS3の「background-clip」を使って、テキストの下に画像を表示するスタイルシートを紹介します。 また、CSSの特定のプロパティに対する、サポートブラウザと非サポートブラウザへの対応方法も解説されています。 Show Image Under Text (with Acceptable Fallback) デモページ [ad#ad-2] デモはWebkit系ブラウザ(Chrome, Safari)でご覧ください。 マウスホバーでCSS3アニメーションも楽しめます。 マウスホバー時のキャプチャ 「background-clip」は背景の適用範囲を指定するプロパティで、対応していないFirefox 3.6で表示すると下記のようになります。 ※Firefox 4では対応予定 非対応ブラウザでの表示 [ad#ad-2] アイデアのベースとなったスタイルシートは、下記のようになります。

  • Useful CSS Text Effects

    2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック!基的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト! テキスト周りで使えるCSSの小技 目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ

    Useful CSS Text Effects
  • jQuery textAnimation Plugin Test

    テキスト情報入力エリア text : START speed delay left top scale rotateY rotateX translateZ letter-spacing easing background-color isRandomScale isRandomPosition isRandomRotateY isRandomRotateX isRandomTranslateZ isRandomSpeed isRandomDelay START

  • JUMBLE - A jQuery plugin

    $('h1').jumble(col1,col2,brightness,satuation,animate); Apply the plugin to any html text element, input your colour swatch; subtley let your text standout.

  • WEBサイトで文字にリッチな動きを付けてみよう【テキスト・SVG】 | WEBデザイン&アプリ開発 flexagent

    昨今のWEBでは先進的な技術を使いユーザーを魅了するサイトが多いように感じます。 先日、リッチな動きとより良いユーザー・エクスペリエンスをあなたのサイトにプラスする方法と言うSmart Transitionの記事を書きましたが、その内容に近いユーザー・エクスペリエンスを向上させる方法です。 今日はWEBサイトで文字に動きを付ける方法をご紹介したいと思います。 テキストデータにエフェクトを付ける方法 まずは先人たちの作例を見てみましょう! Quoitworks Quoitworksさんのサイト、ページに入るとページタイトルがアニメーションします、カッコイイですね。 このようなエフェクトを実装するにはjQueryのプラグインを使用します。 世界中の天才クリエイターさまによって多くのプラグインが作られていることにいつも感謝しております、 ありがとうございます! 多くのサイトで文字にアニメ

    WEBサイトで文字にリッチな動きを付けてみよう【テキスト・SVG】 | WEBデザイン&アプリ開発 flexagent
  • Textillate.js

    About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.

  • テキストをエフェクト・アニメーションさせる文字列操作系jQueryプラグインまとめ » aoringo works

    わりと色々な所にアクセントとして利用することが増えてきていたので、ここらでテキストにエフェクトやアニメーションを追加するjQueryプラグインをまとめて置こうと思います。選択肢を持っておくと、ページ製作も効率良く進める事が出来ますね。 テキストの入れ替え表示 Textualizer Textualizer | K. Risk – JavaScript Refined テキストをフィードインで入れ替えながら表示させる事ができます。表示させる文字列の中に「前に使用した文字」が含まれていれば、それは消さずにスライドさせて次の文章を表示させます。ちょっと分かりづらいですがリンク先のデモを見てもらえれば分かるかと思います。 Textillate.js Textillate.js 指定したテキストにcss3のアニメーションを指定する事が出来ます。豊富なオプションがあり、待ち時間やエフェクトの切り替えな

    テキストをエフェクト・アニメーションさせる文字列操作系jQueryプラグインまとめ » aoringo works
  • 1