テキストをコピペするときにスタイルごとコピーされちゃうのってどんな仕組み？ - Qiita
概要 文章をコピペしてエクセルに張り付けたときに、画面のスタイルもコピーされてしまって困ったことはありますか？ありますよね！ （↓こんな感じ） 私もよくやってしまうのですが、実際にどのような処理が行われているのかよく分かっていませんでした。理解を深めるためにも、自分で実装して謎を解いていきたいと思います。 3つパターンの処理を実装 比較のため、プレーンテキスト・HTMLテキスト・リッチテキストのコピー機能をサンプルプログラムを実装してみました。 （リッチテキストのコピーが、範囲選択してコピペしたときと同じ機能を想定しています。） HTMLファイル 画面表示されるHTMLは下記のような感じです。各コピー処理でid="message"の部分を固定でコピーするようにします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"
JSでクリエイティブコーディング - テキストを分解しパーティクルにする演出 - ICS MEDIA
パーティクルとは粒子のこと。パーティクルを表現に取り入れると、印象的な演出に役立ちます。JavaScriptやWebGLを使うことで、ウェブの技術でもパーティクル表現の制作が可能です。本記事では題材にパーティクル表現の制作に役立つアイデアや着眼点を紹介します。 作例の紹介 本記事のチュートリアルの完成形はこちらになります。 別タブで再生する ソースコードを確認する この記事で学べること 2Dテキストを粒子化して動かす表現 パーリンノイズによる空気感の再現 GSAPによる大量のトゥイーン制御 WebGLの高速化（PixiJSの応用） 制作の技術 本作例を制作するにあたり、利用しているウェブの技術の概要を紹介します。 WebGL 画面表示はWebGLを利用します。ウェブのレンダリング技術において、もっとも高速な描画性能を得られるのがWebGLであるためです。WebGLは3D表現のための技術と思
Japont (日本語Webフォントのダイナミックサブセット化) について - 3846masa's memo
Japont (日本語Webフォントのダイナミックサブセット化) について Japontの実装のお話です． わかりやすく書くつもりです． これを読んで，もっといいダイナミックサブセット化OSSを作ってくれると僕が喜びます． 日本語Webフォントの問題点 データ量が多い 必要な文字だけを抽出したフォントを作っておく(静的) サブセッティング（サブセット化） 使う文字列が固定である必要がある 必要な文字を動的に調べ，抽出したフォントを作る(動的) ダイナミックサブセッティング（サブセット化） フォントを抽出するためのサーバとシステムが必要 今回やったこと フォントを抽出するためのシステムの開発(OSSとして公開) おおまかな仕組み 必要な文字を調べる(javascript) 必要な文字をサーバに送信(javascript) 受け取った文字のコードを調べる(python, fontforge)
デコもじ で はてなブログ をユルくする - kyabana's blog
デコもじ を はてなブログ に使うとなかなかユルくておもろい。 今はまだ記事ごとに同じjavascriptを仕込む必要があったり (そのうちいい感じになってくれるはず) 【追記：2012/01/18に機能追加されて、記事ごとにJavascriptを仕込む必要がなくなりました】 デコもじ がOpera非対応だったりとクセがあるけども 「トライアルプラン」ならば無料で利用できるし 鋭意開発中の はてなブログ を楽しむにはもってこいのアイテムだと思うので 設定の仕方などをまとめてみました。 ユルいめの文字でつらつらとお送りします。 会員登録 と サイト(ブログ)登録 デコもじ のトップページで「無料トライアル」をクリック。 会員登録に「はてなID」を使えます。ありがたいですね！はてなIDを入力。 ※はてなID以外でもデコもじ を利用できます。お好みのものを選びましょう。 メールアドレス/名前・フ
高精細な「アナログ」のロゴマークが欲しくなった : にぽたん研究所
2011 年 7 月に終了してしまう地上波アナログテレビ放送ですが、去年の 7 月から、ずっと画面右上に「アナログ」の文字が常時表示されているそうですね。 なんかそれってネタに出来そうだなーとか思うことがしばしばあります。 なので、あの「アナログ」の、ぷっくりとしたかわいいあのフォントの文字が欲しいなぁと思って、ネット中探してみたのですが、どこを探しても全く見つかりません。 地デジのロゴとかは社団法人デジタル放送推進協会から配布されていますが、アナログのロゴは配布されていません。 きっと私のように、「あのアナログロゴ欲しいなぁ」と思った人は少なくないはず。 当然、見付からないということは、ちゃんとしたロゴマークをネタに使っている人もあまりおらず、地デジカに対抗するキャラクタのアナログマの web サイトの右上にも「アナログ」の文字が表示されています。でも普通のゴシック体で表示されているので
5分で実装可能なページの文字サイズ変更＋クッキーに保存サンプル:phpspot開発日誌
A Simple jQuery Stylesheet Switcher 5分で実装可能なページの文字サイズ変更＋クッキーに保存サンプルが公開。 ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。 asahi.com の導入例 実装方法が、微妙に面倒という場合もこのサンプルを使えば簡単に実装できる筈です。 文字サイズに限らず、CSSを丸ごと変えてしまえるので、スタイルを変更して保存ということも簡単に出来ます。 デモページ HTMLは、次のように、href は # ですが、rel属性に付け替えたいcssを指定しておきます。 <ul id="nav"> <li><a href="#" rel="/path/to/style1.css">Default CSS</a></li> <li><a href="#" rel="/path/to/style2.css">Larg
テキストを動的にアンチエイリアスがかった綺麗な画像にする仕組み色々:phpspot開発日誌
Dynamic Text Replacement Solutions | Dezinerfolio テキストを動的にアンチエイリアスがかった綺麗な画像にする仕組みが色々とあるみたいです。 FlashやPHP、CSS、JavaScriptの要素をトリッキーに混ぜ合わせているところも見所です。 P+C DTR PHP+GDで綺麗なテキストを生成し、JavaScriptでbackground-image設定して表示します。 そもそもがテキストになっているので、HTMLもクリーンです。 見え方は以下のように、綺麗なテキスト 生成されたHTMLはh5要素として、次のようになっています。 <h5 style="background-image: url(image.php?text=You%27re+Look%27n+At+It&tag=h5);">You're Look'n At It</h
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
