Cut and copy commands | Blog | Chrome for Developers
IE10 and above added support for the 'cut' and 'copy' commands through the Document.execCommand() method. As of Chrome version 43, these commands are also supported in Chrome. Any text selected in the browser when one of these commands is executed will be cut or copied to the user's clipboard. This lets you offer the user a simple way to select a portion of text and copy it to the clipboard. This
viewport内に入ったら処理を実行させられるjQueryプラグイン「isInViewport」:phpspot開発日誌
zeusdeux/isInViewport GitHub viewport内に入ったら処理を実行させられるjQueryプラグイン「isInViewport」 プラグインを利用すると in-viewport という擬似セレクタを使えて、viewportに入った時に特定の処理を実行させることができるみたい。 スクロールに連動させて表示・アニメーション等、何か処理をやりたいという場合にシンプルに実現できそうです。 関連エントリ スクロール後、ナビゲーションをページトップに固定するjQueryプラグイン「stickUp」 完璧なスクロールバーを実現できるjQueryプラグイン「perfect-scrollbar」 スクロールが使いやすいカレンダーピッカー実装jQueryプラグイン「continuous-calendar」 フルページスクロールするサイトを作るのに使える「fullPage.js」
クリップボードにコピー - 素人がプログラミングを勉強していたブログ
Chromeのcopyは, たしか, 隠しinput[type=text]作ってcopyさせたいものをvalueにいれて, selectionStart/Endをいじって, focusあてて, document.execCommand('copy')すればJSだけでできる. http://twitter.com/Constellation/status/7188365498 これを参考にcopy関数を作ってみた。Internet Explorer、Safari、Google Chromeで動く。FirefoxとOperaで上手くいく方法は発見できず。 おまけでFirebugの入ってるFirefoxでも動くようにしてみた。 function copy(text) { var input, success; if ("console" in window && "notifyFirebug"
[javascript]PC・スマホwebアプリでクリップボードにコピーする機能の実装 | ジェネストリーム開発ブログ
こんにちは。クウハッカー開発者の粟島です。 今回はjavascriptネタですが、スマホアプリ等でよく見かける、 任意のテキストをクリップボードにコピーする機能の実装方法についてまとめてみたいと思います。 基本的にjavascriptではクリップボードにアクセス出来ないので、 少し特殊なやり方で機能を実現していきます。 【PCでの実装】 PCではFlashを利用することでクリップボードにアクセスすることが可能です。 Flash部分の処理をラップしたjQueryライブラリが用意されているので、 こちらを利用すると非常に簡単に実装できます。 zclip 詳細な実装方法はリンク先を参照してください。 このような感じでボタンクリックでクリップボードにコピーする機能が実装できます。 【iPhoneでの実装】 iPhoneだとFlashも使えないので、クリップボードに直接コピーす
javascript - でデータを圧縮/伸張する : 404 Blog Not Found
2009年03月02日09:00 カテゴリLightweight Languages javascript - でデータを圧縮/伸張する これでもまだ税率が高かったので。 404 Blog Not Found:javascript - Yet Another Base64 transcoder Base64の利点は、なんといっても「固定税率」、それも比較的「税率が低い」ことにあります。Paddingなしなら、3バイトが4バイトにencodeされるので、33%ということになります。これに対してencodeURIComponentの税率は、UTF-8基準で最高で3倍、UTF-16基準で最高で4.5倍にも達します。 ついに負の税率、すなわち税還付を実現しました! まずはデモを。 Inflated + Base64-Decoded (Original): chars / bytes Deflate
[PHP] 文字列をもとに、一意となる短いキーを作りたいです。…
[PHP] 文字列をもとに、一意となる短いキーを作りたいです。目的は、その文字列のファイル名のファイルを作りたいからです。 1) ２バイト文字を含む長い文字列がキーとなるデータがある 2) １データ毎にファイルを作りたい 3) ファイル名長に制限があるのでキーとなる文字列を短くしたい 例） キー「りんごのデータ」 キー「みかんのデータ」 ↓ キーを元に短い文字列を作成 ↓ キー「りんごのデータ」→ 短いキー「apple」 キー「みかんのデータ」→ 短いキー「orange」 ↓ ファイルを作成 ↓ apple.txt orange.txt データ取得時にはキーを使用 ↓ キー「りんごのデータ」から apple.txt を抽出 ※このとき、キー←→短いキー（ファイル名）は可逆でどの方向にも 一意になるものとします。※ この、キーを生成するプログラムが知りたいです。 よろしくお願いいたします。
base_convertで文字列圧縮
<?php /** * compress_by_base_convert * N進数の文字列をもっと大きなM進数に置き換えて文字を圧縮するクラス * * @copyright Asial * @author Yuki Okamoto <yuki@asial.co.jp> */ class compressByBaseConvert { var $compress_base = 36; var $uncompress_base = 16; var $split = 13; var $delimiter = "-"; /** * compress * 圧縮します * * @param string $string * @return string */ public function compress ($string) { // 分割しやすいよう0でパディングして、桁を分割したい数の倍数に
IE8以上ならもうスクリプト無しでOKのモーダルウインドウを表示するスタイルシート -CSS Modal
テキストや画像などのリンクをクリックすると、画像をはじめあらゆるHTMLの要素が配置可能なモーダルウインドウを表示するスタイルシートを紹介します。 CSS Modal CSS Modal -GitHub CSS Modalのデモ CSS Modalの使い方 CSS Modalのデモ デモはIE9を含む、すべての最新のモダンブラウザでご覧ください。モバイル系は、iOS, Android2/3/4のMobile Safariで非常に機能し、Windows Phone8でも機能します。 IE7以下は非サポートで、IE8はエフェクトなしで機能します。 まずは、テキストを配置したモーダルウインドウから。 Modal Text モーダルウインドウ内にトリガーを設定することも可能で、「Open a new modal」をクリックすると別のウインドウが開きます。 ウインドウを閉じるには、右上のクローズをク
jQueryでフォームをAjax送信する際の基本パターンのチュートリアル。二重送信の防御とか。 | Ginpen.com
仕事の進みがちょいとアレなので、現実逃避もとい気分転換に。 フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。 基本的な流れ フォームのsubmitを拾う 通常の送信はキャンセル 送信ボタンを無効化 送信先URLやフォームの入力値を取得 送信 受信後、送信ボタンを戻す 入力値をどう得るか、というのがポイントかと思います。 送信ボタンを無効化するってのはやらなくても良いんだけど、誤操作防止のためにも是非やって頂きたいと思います。あと送信ボタンの制御以外にも応用がききます。 デモ なんかお問い合わせフォーム的なものを用意しました。 まー実際にお問い合わせフォームをAjaxで送信する場面なんてないような気もするんですが、基本パターンという事で。
LightBoxはここまで進化したよ「VisualLightBox」:phpspot開発日誌
jQuery Image Lightbox: Prime Time DEMO LightBoxはここまで進化したよ「VisualLightBox」 CSS3等を使ってかなりオシャレに進化したLightBoxが実装できます。LightBoxはもう８年ぐらいまえに登場して、今オリジナルをみるとなんか古い感じがするということで時の流れを感じます クリックするとオシャレに拡大。 テーマが大量にあって好みのデザインを選びたい放題 Windowsっぽいスキン。LightBoxが出たのってポップアップを禁止するツールが多く出てきたことが背景にありますが、ページ内ポップアップされていて面白い。 関連エントリ スワイプできるLightBox実装jQueryプラグイン「Swipebox」 今こそ知っておくLightbox風プラグイン20+
スワイプできるLightBox実装jQueryプラグイン「Swipebox」:phpspot開発日誌
Swipebox | A touchable jQuery lightbox スワイプできるLightBox実装jQueryプラグイン「Swipebox」。 LightBoxが最初に出た時はタッチデバイスがこんなにも流行っているとは思いませんでしたが、今やタッチデバイスの勢いは留まることを知りません。 というわけで、タッチデバイスでも画像をスワイプで送ることのできるjQueryプラグインが公開されています。 PCでも動作するように設計されており、これから実装するならスワイプが標準対応のものが便利そうです。 ５年後、１０年後はタブレットが主流となっていると仮定すると、こうしたプラグインの類もほとんどがスワイプ対応なんていうことになっていそうですね。 関連エントリ 今こそ知っておくLightbox風プラグイン20+
[Web] ソーシャルボタンを設置するとページ表示が遅くなる理由、その対策方法 - YoheiM .NET
こんにちは、@yoheiMuneです。 ブログですごくお世話になるTwitterなどのソーシャルボタン。読んで頂いた方が情報発信したいと思ったときの手助けになるので大変重宝しています。 しかし、そのまま利用するとページの初期化が遅くなり（体感では２〜３秒遅くなる）、せっかく来て頂いたのに待たせることとなってしまう。 今回は、ソーシャルボタンを設置すると表示が遅くなる原因と、その対策案（２つ）をブログに書きたいと思います。 ソーシャルボタンを設置するとページの初期表示が遅くなる原因 ソーシャルボタンは、TwitterやFacebookなどの各サイトでHTML/JSコードを入手することで、簡単に自身のサイトに導入することが可能です。 しかし入手したコードをそのままページに埋め込むと、初期表示が遅くなる。 遅くなる原因は、主に以下２つかと思います。 scriptタグの埋め込み HTML内にscr
![[Web] ソーシャルボタンを設置するとページ表示が遅くなる理由、その対策方法 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/e616bcaee6998932565c3350a50e4b912dc36b6d/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F194.jpg)
【保存版】Facebookのソーシャルプラグイン！導入までの5つの基本ステップと全11種類をまとめてご紹介（2/2）
【保存版】Facebookのソーシャルプラグイン！導入までの5つの基本ステップと全11種類をまとめてご紹介（2/2） 自社サイトやブログに簡単にFacebook関連のボタンを配置できるFacebookソーシャルプラグイン機能。今回は導入の基本ステップと全11種類の詳細をまとめてご紹介します！ こんにちは、SMM Labの小川です。 自社サイトやブログに簡単にFacebookのいいね！ボタンやコメント欄を設置できる「Facebookソーシャルプラグイン」機能を徹底解説！前回に引き続き、全部で11種類あるソーシャルプラグインの後半をまとめて紹介します。 ぜひこれをきっかけに、自社で導入しているソーシャルプラグインを見直してみてください。 前回記事：【保存版】Facebookのソーシャルプラグイン！導入までの5つの基本ステップと全11種類をまとめてご紹介（1/2） ソーシャルプラグイン全11種類
【保存版】Facebookのソーシャルプラグイン！導入までの5つの基本ステップと全11種類をまとめてご紹介（1/2）
【保存版】Facebookのソーシャルプラグイン！導入までの5つの基本ステップと全11種類をまとめてご紹介（1/2） 自社サイトやブログに簡単にFacebook関連のボタンを配置できるFacebookソーシャルプラグイン機能。今回は導入の基本ステップと全11種類の詳細をまとめてご紹介します！ こんにちは、SMM Labの小川です。 自社サイトやブログに簡単にFacebookのいいね！ボタンやコメント欄を設置できる「Facebookソーシャルプラグイン」機能。皆さんは活用していますか？ 「自社サイトやブログからの導線として」、「サイトに一度訪れてくれたユーザーとの関係性継続のため」、また「情報の拡散ツールとして」も大変便利に活用できるソーシャルプラグイン機能。意外と使いこなせていない方が多いのではないでしょうか？ そこで今回は「Facebookソーシャルプラグイン機能」を徹底解説！ソーシャル
引き続き、ソーシャルボタン設置のソースコードサンプルあれこれ。 | バシャログ。
みなさん、今年も残り40日くらいだそうですよ。 年末の大掃除が終わるか今から心配なhakoishiです。 さて、今回は前回に引き続き、ソーシャルボタン設置のソースサンプルをご紹介。 今回は、「google+」「mixiチェック」「mixiイイネ！」「evernote」の4つです。 ※前回のエントリーはこちらから。「はてなブックマーク」「twitter」「facebook」「addthis」を取り上げています。 ソーシャルボタン設置のソースコードサンプルあれこれ。 google+ <g:plusone href="http://c-brains.jp/blog/wsg/"></g:plusone> sizeでサイズ、countでカウンターの有無を指定します。特に指定しない場合はカウンター有り、サイズは標準になります。 以下、サンプル。（※識別キーがダミーだと表示されないので、ボタンは画像にし
まぁなんだ…その…あれだ ブログに色々なボタンを設置してみた。「Google+1ボタン」編
ども…皆さんこんにちは。義経です。 FC2ブログに各ボタンを設置する解説を行っております。 Twitter：ツイートボタン →Twitterツイートボタン編 Google：Google+1ボタン →今回 mixi：イイネ！ボタン →mixi：イイネ！ボタン編 Facebook：いいね！ボタン →Facebook：いいね！ボタン編 はてなブックマーク：はてなブックマークボタン →はてなブックマークボタン編 さて今回はGoogle+1ボタンです。 このGoogle+1ボタンとはからなのですが、Google+というFacebookのぱくｒ…Google版の様な物があります。 そのGoogle+のいいねボタンと思っていただければ良いかと思います。 んで、このGoogle+1ボタンはちょっと特殊で、Googleの検索条件にこのGoogle+1ボタンが有効らしいと言う事です。 ちなみにGoogle+1
まぁなんだ…その…あれだ ブログに色々なボタンを設置してみた。「Facebookいいね！ボタン」編
ども…皆さんこんにちは。義経です。 FC2ブログに各ボタンを設置する解説を行っております。 Twitter：ツイートボタン →Twitterツイートボタン編 Google：Google+1ボタン →Google+1ボタン編 mixi：イイネ！ボタン →mixi：イイネ！ボタン編 Facebook：いいね！ボタン →今回 はてなブックマーク：はてなブックマークボタン →はてなブックマークボタン編 さて、今回はFacebookのいいね！ボタンです。 これも基本的にはFC2のサービスで提供されていますが、FC2のサービスを使用しない場合に自分で作ります。 余談ですが、自分はFacebookは使っていません。 というか使おうと思ったんですが怖すぎで止めましたｗ 何が怖かったかというと…とりあえず興味本位でFacebookに登録してみました。（実名じゃ無いです。）しかし何もせずに放置。その後会社でF
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tande lab.
jQueryでモーダルダイアログを実現するプラグイン２０:phpspot開発日誌
http://indigonote.com/2011/05/17/javascript-twitter-button/