hoge_systemzのブックマーク - はてなブックマーク

縦長テーブルをスクロール対応にするシンプルなjQueryプラグイン「Lightweight Scrollable Tables」:phpspot開発日誌

縦長テーブルをスクロール対応にするシンプルなjQueryプラグイン「Lightweight Scrollable Tables」 2011年05月17日- Lightweight Scrollable Tables | jQuery Plugins 縦長テーブルをスクロール対応にするシンプルなjQueryプラグイン「Lightweight Scrollable Tables」 $('table').scrollbarTa ble();のように呼び出すだけで簡単にスクロール化してくれます。特に派手な演出はありませんが、シンプルで汎用的に使うことが出来ます。とかく長くなりがちなテーブルも１行で簡単にスクロール化できるというのは色々な場面で使えるでしょう。 $('table').scrollbarTa ble(100)のように引数を渡せば高さを100pxに指定出来ます。デモページはこちら関連エ

hoge_systemz 2011/05/17

jQuery
table

リンク

どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプラグイン「FitText」:phpspot開発日誌

どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプラグイン「Fit Text」 2011年05月12日- Fit Text - A plugin for inflating web type どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプラグイン「Fit Text」 iPhone/iPadやPCでも文字をフィットさせられます。ブラウザをリサイズしてもちゃんとフィットしてくれます。文字を大きくしてインパクトあるように見せたい、でもズレたらなんかカッコ悪いという場合に使えますね。 PCの通常サイズ。幅を小さくしたところ。使い方は $(element).fit Text() とやるだけでOKみたい。１からやるとなるとちょっとめんどくさそうですが、これだけ簡単にできる「jQuery最高！」という声が聞こえてきそうですね。（

hoge_systemz 2011/05/14

jQuery
text

リンク

テロ発言で話題の東電社員「黒猫桜戯」鬼女に自宅を特定される！:ハムスター速報

テロ発言で話題の東電社員「黒猫桜戯」鬼女に自宅を特定される！ Tweet カテゴリ東電メルトダウン東電社員「給料カットされるなら俺たち働かないぜ。そしたら福島メルトダウンするけどいい？ｗ」 http://hamusoku.com/archives/4613244.html テロ発言で話題の東電社員「星邪烈　竜冥」、mixi、twitterのアカウント削除し逃亡 http://hamusoku.com/archives/4618058.html 393 ：名前：忍法帖【Lv=36,xxxPT】：2011/05/02(月) 02:10:21.72 ID:Eo/m4B1t0 881 名前:名無しさん＠十一周年 :2011/05/02(月) 02:07:29.60ID:SxoGhx290 http://news.nifty.com/cs/headline/detail/yucase

hoge_systemz 2011/05/03

いい歳こいた大人が「言わなくていい事」「やらなくていい事」をわざわざやらかした上での結果なので同情の必要はないと思うな。

リンク

小さくで可愛いグラフが描けるjQueryプラグイン「Piety」:phpspot開発日誌

Peity ? progressive pie charts 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」アイコン感覚で気軽に設置できて使い方次第では情報をわかり易く示すことができそうですクライアントサイドで描画するのでサーバに負担がない点もいいですねデータの定義はspanで定義して、１行で描画。出力結果。むちゃくちゃ使いやすいじゃないですか。関連エントリミニグラフ作成ライブラリSparkline

hoge_systemz 2011/04/30

jQuery
graph

リンク

旧・Macの手書き説明書 - FC2 BLOG パスワード認証

hoge_systemz 2011/04/30

Spotlight

リンク

背景画像を自動リサイズしてうまくフィットさせられるjQueryプラグイン「Backstretch」:phpspot開発日誌

背景画像を自動リサイズしてうまくフィットさせられるjQueryプラグイン「Backstretch」 2011年04月25日- jQuery Backstretch by Scott Robbin 背景画像を自動リサイズしてうまくフィットさせられるjQueryプラグイン「Backstretch」大きな写真等を背景にしていると、ブラウザ幅によって折り返されたりしてかっこ悪くなってしまいますが、このプラグインを使えばブラウザ幅に応じて自動伸縮してくれます。使い方はプラグインを読み込んだ後、次のように１行書くだけで実装できます。 <script type="text/javascript"> $.backstretch("http://farm3.static.flickr.com/2443/3843020508_5325eaf761.jpg"); </script> 背景に大きな画像を指定し

hoge_systemz 2011/04/25

リンク

日本人が知らないニッポン

このコンテンツは、２０１０年２月に名古屋国際センターで開催された講演内容を編集したものです。「日本人の知らないニッポン」　オープニングビデオ　”ＵＮＩＯＮ” THINKER "Union" from manon film worx on Vimeo. 「日本人が知らないニッポン」　－隠されてきた歴史から読み解く世界の成り立ち－今回のテーマである「日本人が知らないニッポン」では、世界から見た近代・日本の歴史を振り返りながら、現在の世界の流れを読み解いていきます。前回のイベント「新型インフルエンザ・ワクチンは打ってはいけない」同様、今回もこれまで慣れ親しんできた一般常識からかけ離れた内容や、テレビまたは新聞のニュースでは伝えられていない情報がたくさん含まれています。これまで一度も耳にしたことのない事柄や中にはとても信じられないような情報もあるでしょう。もし、そのような事柄に疑問をもたれた

hoge_systemz 2011/04/24

ネタ

リンク

CSS Image Encoder - soundscapeout (仮)

イメージを Base64 にエンコードする「CSS Image Encoder」。 Download CSS Image Encoder for Mac - Encode website images into base64 code. MacUpdate.com 広告表示が入りますが、フリーで使うことが出来ます。

hoge_systemz 2011/04/22

CSS

リンク

「iOS 4」、位置情報の詳細な履歴を保存--米研究者が報告

エクセター大学で天文学を専門とするシニアリサーチフェローAlasd air Allan氏とライターのPete Warden氏は米国時間4月20日、O'Reilly radarの記事で、「iOS 4」を搭載する「iPhone」と3G対応版「iPad」、そしてコンピュータ上のバックアップに、それらのモバイル機器の所在地を示す、緯度、経度、タイムスタンプを含んだ詳細な位置情報が保存されている証拠を見つけたと述べている。この情報は暗号化も保護もされていないという。この情報は「consolidated.db」というファイルに保存されているという。両氏は、2010年に「iOS 4」がリリースされたころからこの情報の収集が始まっていると主張している。 Appleは現在、iPhoneや3G対応版iPadを他のデバイスから追跡できる「iPhoneを探す」という無料アプリを提供している。しかし、Allan氏と

hoge_systemz 2011/04/21

iPhone

リンク

ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」:phpspot開発日誌

ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」 2011年04月20日- highlight: JavaScript text higlighting jQuery plugin ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」。検索エンジンから来た時や、ユーザの入力に応じてインタラクティブにテキストをハイライトできると色々と分かりやすい場面が結構ありそうな気がします。普通のテキストサイトがあったとして文字をハイライトさせることで望んでいるテキストがどこにあるか一発で分かります。ページ内検索で１つづつ辿るよりも分かりやすいですね。使い方は、.hightlight { /* スタイル */ } のようにスタイルを定義しておいて、$(element).highlight('ハイ

hoge_systemz 2011/04/21

jQuery
UI

リンク

Mac OS Xでも地震速報「ゆれくるコール」の通知を受けたいと思ったからTFMYurekuruPatcher

地震の発生を通知してくれるゆれくるコール。 iPhoneで愛用している人も多いのではないでしょうか。 iPhoneが近くにある場合はいいのですが、Macを使っている場合には、ゆれくるの通知をMacに寄越してほしいと思ったりします。そこで、ゆれくるコールの通知をMacで受け取るべくゴソゴソとHackしてみました。結果、iPhoneへのPush Notificationに匹敵するスピードと安定性で、ゆれくるコールを通知させることができるようになりました。（続きは[MORE]から） TFMYurekuruPatcherとは今回作ったTFMYurekuruPatcher（Twitter for Macの頭文字を取ってTFM）は、Mac用のTwitter公式クライアントであるTwitter for Macに当てるパッチです。以前、Twitter for Macで日本式非公式RTを可能にするTF

hoge_systemz 2011/04/18

Twitter

リンク

ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」:phpspot開発日誌

CJ Object Scaler 3.0 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」。幅300pxのブロックに、幅500の画像がきたらデザインが崩れてしまいますが、これをjQueryで自動補正してくれるプラグインのご紹介。スクリプトでやってくれるため、予め自分でサイズを計算して指定しておく必要はなく、かつデザインを崩しません。ブログなんかで、画像をアップしたけど、ちょっと大きくてデザイン崩れるかもっていう場合にも、自分でリサイズしなくてもやってくれるというのは楽でいいですね。調整方法も２種類選べます。ぴったりと埋める Fill 画像の表示領域をそのままで表示するFit 使い方は $(element).cjObjectScaler(options, callback) で、調整後のコールバック関数も呼べます。 $(element)

hoge_systemz 2011/04/15

リンク

QRコードをピュアJSで作れるjQueryプラグイン「jQuery.qrcode」:phpspot開発日誌

jquery.qrcode - jquery plugin for a pure browser qrcode generation QRコードをピュアJSで作れるjQueryプラグイン「jQuery.qrcode」。通常QRコードというとサーバ側で画像にして画像を送信するというのが一般的ですが、このプラグインはブラウザ上で描画するタイプです。 <div id="qrcode"></div> というマークアップがあったとして、次のようにすることでQRコードを埋め込みます。 jquery('#qrcode').qrcode("this plugin is great"); カメラ等で読み取れば、「this plugin is great」がテキストとして読み取れます。 canvasを使っているので、canvas対応ブラウザでしか動作しない点に注意。関連エントリリンクにカーソルを合わせる

hoge_systemz 2011/04/12

jQuery
QR

リンク

異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌

異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。普通に並べるとちょっと残念なことに。空白ができちゃいます。プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。まず、必要な

hoge_systemz 2011/04/08

jQuery

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

hoge_systemz 2011/04/06

php
snippet

リンク

PHPでバッチ処理する際に便利なglob使いこなしテクニック:phpspot開発日誌

PHP Magic Function : glob() | PHP Code Base PHPでバッチ処理する際に便利なglob使いこなしテクニック。 globl("*.gif"); 等とすることで、同じディレクトリにある gif 拡張子のファイルを配列で受け取るなんていう便利な関数がありますが、その glob をもっと使いこなすテクニックが紹介されていましたのでご紹介。階層的なファイルを探索 glob('pear/*/DB/*') のようにして、階層的にファイルを探索することが出来る第二引数を活用第二引数は個人的に使ったことなかったのですが、これはかなり便利そう glob("*.gif", 第二引数); GLOB_MARK: 返ってきたディレクトリの最後に / を付ける GLOB_NOSORT: ソートを行わない GLOB_NOCHECK: 検索パターンにマッチするファイルが見つか

hoge_systemz 2011/04/05

php

リンク

年表作り等に使えるタイムライン実装用jQueryプラグイン「timeglider.js」:phpspot開発日誌

Timeglider jQuery Plugin/Widget 年表作り等に使えるタイムライン実装用jQueryプラグイン「timeglider.js」。マウスでドラッグ＆ドロップしたり、拡大できたりする年表のUIを提供してくれます。例えば、どういうJavaScriptライブラリが何年に登場したのか、みたいなものを表示するのに使えます。誰がいつ入社したのか？といった時系列のデータの表示なんかにも使えそう。年代なんかも表示できます。更にアイテムをクリックした場合には注釈を表示することも出来ます。あまり使う機会はないかもしれませんが、こうしたライブラリはそれほど多く無いので覚えておいても損はなさそうです。関連エントリ PHP・CSS・jQueryを使った横向きのタイムライン実装例 HTML5ビデオの内容に併せて他コンテンツを連動させて切り替えられるフレームワーク「Popcorn.

hoge_systemz 2011/04/02

jQuery

リンク

30maps.com

This domain may be for sale!

hoge_systemz 2011/03/31

Google Maps

リンク

The fastest & easiest HTML/TEXT hosting platfrom | 2024

PasteHTML is one one of the fastest and easiest platforms for hosting your HTML websites and text content. Many companies like Betf air use our hosting services. There is nothing more to it than register, paste your code or text and press publish. There is no need to for a domain name or to configure a domain name. Once you have pressed publish your HTML code will be published on auto generated lin