テーブルの行列変換
ダウンロード jquery.table_transpose.js 使い方 head 内で jQuery と jquery.table_transpose.js を読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.table_transpose.js"></script> 対象となるテーブルのidを指定します。 $("#table1").table_transpose(); ※デモでの使用例 $("#button1").live("click",function(){ $("#table1").table_transpose(); }); 注意: row span 、 col span を指定した表には対応していません。 作者：
文字を上下反転させるサービス「Lunicode」のまとめ
ご存知の方も多いと思いますが、文字を上下反転するサービス「Lunicode」の紹介です。 Lunicode 文字反転だけを紹介しているサイトが多いのですが、他にも色々な機能があるのでまとめて紹介したいと思います。 またJavaScriptライブラリがGitHubで公開されているので、利用方法についてあわせて紹介します。 １．文字を上下反転する 使い方を説明するまでもありませんが、ページ上のテキストエリアに文字を入力します。 上下反転した文字がリアルタイムに下のテキストエリアに表示されます。 上下反転した文字は、以下のようにコピー＆ペーストすることができます。 ɓɟǝpɔqɐ 下のテキストエリアに文字を入力すれば、上のテキストエリアに上下反転文字が表示されます。 全角文字は対象外のようです。 ２．文字を装飾する このサイトでは上下反転でなく、ミラー（裏返し）や文字装飾なども可能です。左側にあ
[CSS]シャドウもくるっと！ふわりと浮かせた画像をくるっと回転させるスタイルシート
HTML 画像とキャプションのテキストをfigure要素で配置し、divで内包します。 <div class="flip-3d"> <figure> <img src="yacht.jpg" alt=""> <figcaption>Yacht</figcaption> </figure> </div> <div class="flip-3d"> <figure> <img src="bee.jpg" alt=""> <figcaption>Bee</figcaption> </figure> </div> シャドウ用の余分なマークアップは、必要ありません。 CSS まずはfigure要素を3Dにし、各画像をfloatで配置します。 div.flip-3d { perspective: 1200px; width: 30%; float: left; } div.flip-3d figure
ドラッグしたテキストをハイライトするjQueryプラグイン・jQuery Text Highlighter
ドラッグしたテキストをハイライトするライブラリのご紹介。jQuery依存になります。文章コンテンツで役に立つ・・・・かもしれない。 ドラッグしたテキストを・・・という説明より見たほうが早いですね。 テキストをドラッグするとその部分がspanで囲まれて背景色をCSSで変更させます。 設定次第で、Iframe内でも適応させたり、フォントカラーのみ変更したりも出来るみたいです。 コード<script type="jquery.js"></script> <script type="jquery.textHighlighter.pack.js"></script>本体とプラグインを読み込み。 $('#foo').getHighlighter();セレクタを設定する。 良いんですけど問題はドラッグした部分がコピペできないのが気になりました。出来る様に設定出来るか後で確認してみます。ライセンスはMIT
[CSS]コピペで簡単に使える、パネルの表と裏をくるっと水平・垂直にひっくり返すスタイルシート -CSS Flip Boards
パネルをホバーすると、表と裏がくるっとアニメーションで変わるスタイルシートを紹介します。 くるっとなるのは水平だけでなく、垂直にも対応しています。 上：垂直くるっ、下：水平くるっ CSS Flip Boardsの実装 くるっとなるのはスタイルシートのエフェクトで、スクリプトは使用されていません。 Step 1: HTML 表・裏のパネル2枚をそれぞれdiv要素にし、それらを2つのdivで内包します。 垂直にはtop、水平にはleftを指定します。 垂直にくるっ <div class="flip-boards"> <div class="board top"> <div class="front"><h2>パネル：表</h2></div> <div class="flipped"><h2>パネル：裏</h2></div> </div> </div> 水平にくるっ <div class="fl
JPEG画像を簡単に無劣化で切り抜き・回転できるフリーソフト「JPEGcrop」
by Blu* JPEG画像を無劣化のまま扱い、左右反転・上下反転・90度回転・180度回転・トリミング・モノクロ修正などの画像処理をボタンを押すだけで簡単に行える無料のソフトが「JPEGcrop」です。 ダウンロードと画像処理の操作方法は以下から。 JPEGclub.org http://sylvana.net/jpegcrop/ ◆ダウンロード 上記サイトのちょうど真ん中あたり、「Jpegcrop Windows Application」の項目にある「jpegcrop.zip」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「jpegcrop.exe」を起動。 起動後にJPEGcropの操作画面が表示されます。 ◆画像処理前の準備 始めに、画像処理をするJPEG画像を開くために、ツールバーの「Open File」ボタンをクリックしてJPEG画像を選択。 画像が
Reverse Ordered Lists in HTML5
With all the hype surrounding the new APIs and the fancy parts of CSS, I had almost forgotten about the new reversed attribute that allows you to write a descending list of numbered items, as opposed to the default ascending list of numbered items. You can get full details in the specification, but here I’ll summarize what it does and I’ll offer a solution for the fact that there is (from what I c
JavaScriptの文字列を反転する１０の方法とそのパフォーマンス - 風と宇宙とプログラム
はじめに JavaScriptで文字列を反転する１０の方法を（無理矢理？）思いついたので、ちょっと簡単に紹介したい。また、それぞれについて、各ブラウザでパフォーマンスを測定してみたので、その結果も合わせて載せる。 文字列のStringオブジェクトには、部分切り出し(substring, slice)や置換(replace)、連結(concat)など豊富な機能があるのに、反転(reverse)機能はない。Arrayのreverseはあるのに、Stringのreverseがないのはどうしてなのだろうか。 各ブラウザとそのバージョンは以下の通り： Chrome Firefox Opera Safari IE 13.0.782.112 m 6.0 11.50 5.1(7534.50) 8.0.7600.16335 rev01: C言語的発想 空の配列を作って、そこに元の文字列の後ろから１文字つづ入
スパムメール防止に役立てられるjQueryプラグイン「jQuery Spamless」:phpspot開発日誌
jQuery Spamless Plugin ? Stop Email Spam ? Examples Design Chemical Lab スパムメール防止に役立てられるjQueryプラグイン「jQuery Spamless」。 <span class="email-1">moc[dot]niamod[at]sserdda.liame</span> のようにマークアップを記述して、$('.email-1').dcSpamless(); と唱えると次のように表示されるというものです。テキストなのでコピー可能。 Text: email.address@domain.com 原理は簡単で[at]とか[dot]を @, . に書き換えて文字を逆順にしているだけです。 スパムクローラーがこの文法を理解しない限りメールアドレスは拾われません。 また、この@とか.も自分の好きなように買えることが出来
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[iPhone][値下げ] 逆再生アプリ - リバースカメラ - | iPad iPhone Wire
IDEA * IDEA