キーワード検索「テキスト」
909
Google , その他 PDFや画像ファイルをGoogleドキュメントを使って「Wordに変換」する方法 2011.04.22 12:00 コメント数：[ 0 ] Check Tweet Googleドキュメントを使って、PDFや画像からテキストを抽出し、Wordに変換する方法をご存知ですか？ テキストの抽出さえできれば、色んな形式で保存できるのがGoogleドキュメントの便利なところです。 以...
985
新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足していると言わざるを...
793
私が大学を卒業したのは、もう25年も前になります。 ちょうど、円高ショックの不況の最後のほうの時期。数年後にバブルになっていくのですが、日が出る前が一番暗いのと同じように、日本全体がこれから大丈夫か？と不安を感じている時期でした。） しかし、今の２０代の人達よりも、遙かにラクな環境だったと思います。そこにあるのは、ある意味単なる不況というだけ。構造が変わるという不安はそれほどありませんでした。 そ...
851
CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう？ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは...
806
GoogleからいろいろなAPIが出てきましたね…。位置情報やStorageもすごいですが、Font APIなるものが特に話題のようですね。このAPI、Google経由でいろいろなフォントが使えちゃう、という優れものです。まだフォントの数は少ないですが、近い将来日本語のフォントも出てくるのではないでしょうかね…。で、このAPIで何ができるのか体感したいならFont Previewerがおすすめです...
497
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 最近はもう定番になりつつあります。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非...
477
第6回 岡山WEBクリエイターズのセッション1で発表したスライド内容を全文掲載。第6回 岡山WEBクリエイターズ セッション1『WEB標準デザイン、はじめの一歩 ～デザインからマークアップまで～』 岡山WEBクリエイターズ勉強会でお話した内容を、スライドとともに全文掲載しています。 テキストはあくまで原稿そのままですので、実際に喋った内容とは幾分異なる場合があります。 スライドのPDFをダウンロー...
463
Web担トップ « 編集記事一覧 « 企業ホームページ運営の心得 « 売れないモノでも売るブラック・テキスト芸 基礎編 ««スマホなんていらない。というための理論武装序説 連載企業ホームページ運営の心得 売れないモノでも売るブラック・テキスト芸 基礎編 宮脇睦（有限会社アズモード） 2011/9/21(水) 08:00 印刷用 コラムWeb担当者／仕事印象 | 言葉 この記事を読むのにかかる時間：...
web-tan.forum.impressrd.jp
441
Cookpad Recipe Scalable - Hatena::Let最近よく Cookpad のレシピを見て料理を作っているんだけど、作りたい分量が合わないとき頭で分量を計算しなおすのが面倒くさいので作りました。ブックマークレットを起動すると「操作」エリアが追加され、テキストエリアに数字を入れて「倍」ボタンを押すと分量を変更してくれます。あと、おまけで「ヘルシーに」を押すと肉と油を減らしたり...
410
![[CSS]まるでFlashのように画像とキャプションをアニメーションで替えるテクニックいろいろ | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/original-hover-effects-with-css3-by-codrops.html)
画像をホバーすると、小気味良いアニメーションを伴ってキャプションに替えるCSS3のテクニックを紹介します。 デモは10種類あり、CSSでここまでできるのか！って感じです。 基本となるHTML 基本となるCSS 必見の10種類のかっこいいデモ 基本となるHTML HTMLは非常にシンプルです。 キャプションはタイトルとテキストをdiv要素で内包しclassに「mask」をつけ、そのキャプションと画像...
360
Example 10 エレメントのサイズとカラーを変更し、重なり順も変更。 実装 HTML HTMLの構造は、アイコン、メインテキスト、サブテキスト、3つをli要素に含めます。 <ul class="ca-menu"> <li> <a href="#"> <span class="ca-icon">A</span> <div class="ca-content"> <h2 class="ca-ma...
331
葛西 秋雄 2010/6/17jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたり...
389
共有ボタンと検索がページ上に移動しました。もし、じっくり記事を読みたいという方は一番右の「読みモード」ボタンをご利用ください。googleデザイン Google Font API で手軽に始めるフォント遊びCSS ファイルをリンクするだけで手軽に Web Font を楽しめる Google Font API。その手軽さはフォントのレンダリングのタイミングのコントロールまで及んでおり、作り手として嬉...
274
![[JS]大量の画像コンテンツに便利！ サムネイルを自動生成するスクリプト -NailThumb | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-nailthumb.html)
NailThumbのデモ NailThumbの使い方 NailThumbのデモ NailThumbは元画像のアスペクト比を維持したまま、クロップやリサイズをしてサムネイルをスクリプトで生成します。 サムネイルはさまざまなフォーマットが用意されています。 キャプション テキストをオーバーレイで表示することもできます。 NailThumbの使い方 NailThumbの基本的な使い方は、サムネイル用のコ...
290
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。 実行はとても簡単。jQueryと一緒にhtmlにロードして、FLAutoKerning.pr...
249
ブラウザウインドウにあわせてコンテンツが可変する可変グリッドレイアウト（リキッドレイアウトやフレキシブルレイアウト、海外ではFluid Grid Layout）と呼ぶそうです。 以前はFlashで作成するサイトが得意とする表現でしたがJavascriptでできるようになったことから数年前にいろいろなサイトに使われていましたよね。 ウインドウ全体に広がるのはインパクトあるので写真中心系のサイトは見栄...
236
![[JS]複数行の異なる高さのブロックをそれぞれ同じ高さに揃えるスクリプト | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/equal-height-blocks-in-rows-by-css-tricks.html)
画像のサムネイルやテキストを配置したボックスなど、異なる高さのブロックが数多くあっても全ての高さを等しく揃えるスクリプトを紹介します。実装方法HTML画像やテキストを配置できるdiv要素を使用しています。<div id="page-wrap"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><...
196
画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 2011年11月01日- webdev.stephband.info | jticker 画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 タイピングしているようにアニメーションさせて動きを作ることで利用者の注目を集められます。 文書を読んでもらいた...
196
連載：人気順に説明する初めてのHTML5開発 JavaScriptでファイル操作！？ File APIを使いこなそう WINGSプロジェクト ナオキ（監修：山田祥寛） 2011/12/16 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やG...
215
これでなくなった。jQueryを使わない理由が。DHTMLを利用する全ての人、必携。特にHTMLやCSSを書いても、JavaScriptはそれほど書かない人。これであなたにも書けるようになります。 まえがき - John Resig はじめにjQueryの基礎HTMLページでjQueryライブラリコードをインクルードするページの読み込みが完了する前にjQuery/JavaScriptコードを実行す...
