webに関するshakのブックマーク (103)

  • CSS3に関する情報をまとめたサイト「CSS3.info」

    次のIE7やFirefox、Opera、Safariなどでサポートされる「CSS3」に関する情報をまとめたサイトです。テーブルの角を丸くするとか、文字に影を付けるとかの効果を確認できる実際にCSS3を使ったサンプルもあります。 Everything you should know about CSS3 - CSS3.info http://www.css3.info/ プレビューいろいろ。 CSS3 Preview - CSS3.info http://www.css3.info/preview/ 例としては以下のような感じです。なお、FirefoxなどのCSS3に対応したブラウザで見ないと効果がわかりませんのであしからず。 角を丸くする、四隅の内2つとか、上だけとか下だけとかも可能 http://www.css3.info/preview/rounded-border.html 文字に影

    CSS3に関する情報をまとめたサイト「CSS3.info」
  • [N] Firefoxを便利に使いこなすための機能拡張集

    ネタフルでもFirefoxの機能拡張は取り上げてきましたが、次々とユニークな機能拡張が登場するので、面白いのでまとめてみました。「Firefoxを便利に使いこなすための機能拡張集(ネタフル編)」です。 ▼添付ファイルをドラッグ&ドロップできる「DragAndDropUpload」 ▼ワンクリックでページ内のリンクと画像をダウンロード「DownThemAll」 ▼Exposeのようにタブを一覧表示する「Foxspose」 ▼異なるマシンのFirefoxの各種設定を同期する「Google Browser Sync」 ▼Gmailをストレージとして使う「Gmail File Space」 ▼Firefoxのタブの一つをIEとして使う「IE Tab – Firefox Extension」 ▼Googleの検索結果にWikipediaを加える「Googlepedia」 ▼オンラインでメモが取れる「

  • 我的春秋: 振る舞い分離 JavaScript ライブラリ一覧(編集途中)

    我的春秋: 関連エントリー 2006-06-11: 振る舞い分離 JavaScript ライブラリ一覧(途中) 2006-06-10: 続 JavaScript ソースが HTML から消える日 2006-01-05: JavaScript ソースが HTML から消える日 lib. behaviour.js (v1.1) getElements BySelector cssQuery() jQuery prototype.js (v1.5+) 対応ブラウザ

  • http://rails2u.com/misc/rubyka2006/

  • CSS ハックまとめ Lucky bag::blog: IE7 を含むモダンブラウザ向け

    Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以下の IE IE7 それ以外のモダンブラウザ(Safari、Opera、Firefox) ブラウザごとのハック 全てのサンプルは body 要素を指定の対象としている。 バージョン 6 以下の IE にのみ適用 * html body サンプルページ バージョン 7 の IE にのみ適用 *+html body サンプ

    shak
    shak 2006/06/11
    CSSハックって意外に大事だったりするよね。
  • 我的春秋: 続 JavaScript ソースが HTML から消える日

    なんか、はてなブックマーク経由で、突然、昔のエントリー(JavaScript ソースが HTML から消える日)にアクセスが集中しているのに気づいて、急遽、フォローアップ エントリーをアップすることにしました。あのエントリーを書いてからまだ半年ですけど、あの時点で僕が気づいていなかったことも幾つかありましたし、何より状況が随分変化してます。 手みじかにおさらいしておくと、「JavaScript ソースが HTML から消える日」で紹介したのは、Ben Nolan 氏が開発した behaviour.js という JavaScript ライブラリです。このライブラリは、関数の実行場所を、外部 js ファイル内で CSS セレクタを使って指定することができ、これによって従来 HTML 中に埋め込んでいたイベントハンドラ部分も含め、文書構造(document structure → HTML の役

    我的春秋: 続 JavaScript ソースが HTML から消える日
  • Webの情報,どう整理してますか?---はてな,Googleなどの便利なブックマーク・サービス:ITpro

    写真3●テキストや画像をハイライトすればメモとして一緒に保存できる。Webブラウザ右下に組み込まれるミニ・ウインドウ「mini notebook」でもクリップ操作が可能。Google Notebookサイトへのジャンプや内容の編集もこのウインドウからできる 日々入ってくる山のような情報---読者のみなさんはどのように整理されているだろうか。 筆者の場合,ニュースやブログ記事など,毎日大量にWebの情報を目にする。それらの中から重要なものをいかにうまく保存/整理できるかが仕事を効率化する鍵となっている。コピー&ペーストなどしてパソコン内にきちんと整理しておくのもよいが,時間がなくてそれもままならない。 そんな中,最近はWebでこれらをうまく管理できるサービスが続々登場している。今回はそうした各社のサービスを検証してみたい。 リンクだけならソーシャル・ブックマークが便利 まず,保存したいものが

    Webの情報,どう整理してますか?---はてな,Googleなどの便利なブックマーク・サービス:ITpro
  • 我的春秋: JavaScript ソースが HTML から消える日

    [2006-06-10 付記]このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。 Behaviour.js ― JavaScript ソースを (X)HTML から完全分離できるライブラリ 昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり!なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます! しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定!あまり日では取

    我的春秋: JavaScript ソースが HTML から消える日
    shak
    shak 2006/06/10
    これいいかも
  • ウノウラボ Unoh Labs: PHPで書かれたwebサービスを高速化する2

    前回のエントリPHPで書かれたwebサービスを高速化するでは高速化のレベルのうち、最初の2段階「ハードウェアによる高速化」「ソフトウェアによる高速化」について書きました。 今回は第2弾として「プログラムの工夫による高速化」について書きたいと思います。 - DBへのアクセスは自分で抽象化する DBへのアクセスを高速化するためには、チューニングを行ったり複数台構成にするわけですが、 広く使われているPear::DBとかadodbは複数台構成のDBに接続することを考慮されていません。 Pear::DBやadodbはバックエンドに使って、ラッパークラスを作るようにしましょう。 - 更新系クエリと読み出し系クエリのユーザを分ける これは高速化とは関係ないんですが、ぜひ実行してもらいたいので書きました。 複数台構成のサーバにアクセスするときは更新系クエリはマスターに発行して、 読み出し系クエ

    shak
    shak 2006/06/07
    「プログラムの工夫による高速化」
  • ゲームもできる!iGoogleの使い方!(Googleパーソナライズド・ホームページ)

    ガジェット(モジュール)でゲームもできる!? ドラッグしてカスタマイズできる自分だけのポータルサイトを。 Googleパーソナライズド・ホームページ(旧名)を使い倒す!

    shak
    shak 2006/06/07
    Google Homepage
  • 【Tor】の導入方法

    shak
    shak 2006/06/06
    匿名接続ソフト
  • 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ:phpspot開発日誌

    wg:Bubble Tooltips Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。 次のような吹き出し方式のツールチップテキストを作成できます。 次のようなJavascriptコードを書いておき、 <script type="text/javascript" src="BubbleTooltips.js"></script> <script type="text/javascript"> window.onload=function(){enableTooltips()}; </script> アンカー<a>タグのt

    shak
    shak 2006/06/06
    javascript::注釈みたいなもの
  • 負荷対策概論 - Y-110's Wiki

    最新文章 2018-12-26 17:10▪ 致敬英雄,致敬不朽的精魂 2018-12-26 17:10▪ 四十年来闵行人的文化生活史一幕幕回放 2018-12-26 17:10▪ “笔尖上的童画”——欢图学员作品成果展将在东方网文化活动... 2018-12-26 17:10▪ “金色热线”12月27日将迎来年终特别节目 2018-12-26 17:10▪ 北京市发布持续低温蓝色预警信号 2018-12-26 17:10▪ 北京市网信办推进自媒体账号专项治理关闭11万个 2018-12-26 17:10▪ 有创意的崇明“橘农”让梦想和情怀扎根农场 2018-12-26 17:10▪ 突发!上海地铁3、4号线晚高峰运行延误系人员进入线路 2018-12-26 17:10▪ 中国经济总量将达90万亿关键时刻传递重要信息 2018-12-26 17:10▪ 海底捞:"吃出卫生巾"系人为当事顾客

    shak
    shak 2006/06/05
    負荷対策
  • jugyo.org

    This domain may be for sale!

    shak
    shak 2006/06/04
    Wiki
  • fladdict.net blog: jsがメッサ楽しくなるフレームワークjQuery(1)

    HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての<p>ノードの中身を”Hel

  • 多くのユーザーは一度に1本しかジュースを買わない ― @IT

    ユーザビリティのヒント(1) 多くのユーザーは 一度に1しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。(編集部) 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ

    shak
    shak 2006/06/01
    ユーザビリティ
  • Yahoo! JAPANのソース <!--京--> は何か意味があるのでしょうか?

    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> <!--京--> <title>Yahoo! JAPAN</title> この <!--京--> は何か意味があるのでしょうか? お願いします。

    shak
    shak 2006/06/01
    そうなのか!納得!
  • GIGAZINE - GIGAZINEのLoadAvarageを「27」から「2」へ下げた方法

    ここ3日間ぐらい超絶な重さだったのはサーバに物理的トラブルが発生したからではなく、単純に閲覧者数が満員御礼となり、各時間で倍増したためです。LoadAverageはひどいときで15分間の平均値「27.1」程度。瞬間最大風速だともっと高いです……明らかにまずい。 というわけで、Apacheのデフォルト設定で今までは大丈夫だったのですが、ついに高負荷サイト用の設定に変更せざるを得なくなりました。 そのため、実際に行った対処方法は以下の通り。1日30万PV近い動的サイトの高負荷を緩和させる方法として参考になれば幸いです。 まず大前提として、既にDNS逆引きや.htaccessの余計な読み込みなどは停止させていました。下記ページに書いてあることは実行済み。 @IT:Apacheパフォーマンス・チューニングの実践(1/2) この状態で負荷が15分平均で「27」になっていたわけです。 また、LoadA

    GIGAZINE - GIGAZINEのLoadAvarageを「27」から「2」へ下げた方法
  • USBメモリから起動してパソコンをNASに変える「FreeNAS」 - GIGAZINE

    余っているマシンをお手軽にNASにできます。管理はすべてブラウザから可能で、RAID0・1・2が可能で、なおかつSamba、FTP、NFS、UFS、FAT32、EXT2/EXT3などをサポート。ベースになっているのはFreeBSD。 ダウンロードは以下から。 FreeNAS: The Free NAS Server - Downloads ISOイメージなどでダウンロード可能。 公式サイトは以下。 FreeNAS: The Free NAS Server - Home http://www.freenas.org/ 日語のマニュアルとかが整備されて、日語化されればそれだけでもかなり利便性が増すような。

    USBメモリから起動してパソコンをNASに変える「FreeNAS」 - GIGAZINE
  • 『ちよろず。』 - 僕はこんなサイトで情報収集している

    昨日、"Share Your OPML"の紹介をしたこともあり、そして今日は"はてなスクリーンショット"っていう機能がリリースされたこともあり、今日は普段僕がどんなサイトを見て情報収集しているのか、晒してみたいと思います。とあるサービス開発者のIndexとして見てもらえればと思います。国内外必読サイトどんなに忙しくても、ココだけはチェックしているという所をご紹介。popurls.comdiggやらdel.icio.usやらfurlやらの最新のトップ記事(いわゆるrecent)のみをまとめて表示してくれる。TechCrunch昨日ご紹介したTop 100のNo.1、米国サービスレビューブログの最高峰。恐れ多くも僕はTechCrunchのような内容を目指してブログを書き始めました。GIGAZINE更新頻度とネタの新しさにはいつも頭が下がります。またGoogle系のニュースウォッチャーとしても必

    shak
    shak 2006/05/30