タグ

Referenceに関するmrnoonのブックマーク (24)

  • 誰が攻撃しているか突き止めたい:ITpro

    ブロードバンド・ルーターを介さずにパソコンをインターネットに直接つないでいたり,ルーターのポートを開けてLAN内のパソコンをサーバーとして外部に公開したりしていると,毎日のように不審なパケットが何者かによって送りつけられてくる。 つい先日も,実験のためにWebサーバーを公開したときの1カ月分のアクセス・ログを見てみたら,攻撃を受けた痕跡が大量に記録されていた。 こうしたインターネットからの攻撃を受けたとき,やるべきことは二つ。まず最優先はサーバーやパソコンが被害を受けていないかをチェックすることだ。被害を受けていたらすぐに修復し,適切なセキュリティ対策を施す。 それから,攻撃してきたのがどこの誰なのかを突き止める。攻撃パケットをいくつか受け取ったからといって目くじらを立てる必要はないが,あまりにしつこいようなら攻撃者が契約しているプロバイダに連絡するなどの手を打つことも考えたい。そのために

    誰が攻撃しているか突き止めたい:ITpro
    mrnoon
    mrnoon 2007/04/11
    ブロードバンド・ルーターを介さずにパソコンをインターネットに直接つないでいたり,ルーターのポートを開けてLAN内のパソコンをサーバーとして外部に公開したりしていると,毎日のよ
  • RSSとは - RSS道

    Those considering getting a new front door need to think about all the options that they have. When they see neighbors’ front doors or other doors around, they might get jealous or wonder how they would look with their house. Instead of just being jealous or curious, though, they can get the front door that they want and put it on their house. https://no.wikipedia.org/wiki/D%C3%B8r They can get an

    RSSとは - RSS道
    mrnoon
    mrnoon 2007/04/11
    RSSを活用する人の情報あります
  • CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与:phpspot開発日誌

    Showing Hyperlink Cues with CSS (Ask the CSS Guy) I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. CSSPDFExcel等のファイルタイプ別アイコンを自動付与する方法が紹介されていました。 自動付与、というのは、例えば、<a href="***.pdf">pdfファイル</a> のようなリンクがあったとすると、pdfという最後

  • IT戦記 - CSS の勉強会をしました

    2007 CSS Study Meeting http://artcode.g.hatena.ne.jp/keyword/2007%20CSS%20Study%20Meeting 発表をしましたので資料を置いておきます。 http://usrb.in/amachang/static/cssstudy/200701/ Firefox で動きます。IE でもぎりぎりうごきます。あ、でも、横長な表示域じゃないと崩れる可能性大です。 左右キーで操作してください。また、ソースは実行できるようになってるので、実際に実行しながら読んでいっていただけるとうれしいです。 他に事前に CSS のセレクタのバグリストとプロパティ一覧を作りました。 プロパティ一覧は element.style に辞書アタックを掛けて各種ブラウザから抽出したプロパティです。 http://usrb.in/amachang/stat

    IT戦記 - CSS の勉強会をしました
    mrnoon
    mrnoon 2007/04/11
    他に事前に CSS のセレクタのバグリストとプロパティ一覧を作りました。
  • ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく

    ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。

  • 【IE7も対応!】コピペでつかえる主要ブラウザをclearするコード再び::::::STOPN' LISTEN::::::to the silence:::::::

    HTML,CSS,CSSハック,SEO,Web広告,Webトレンド等の話題を扱うkennsuのblogです。日常の話題はこちらへ「kennsuの行動記録」 Home| About| ArchiveRSS feed IE7のリリースもまもなくだそうで我々コーダーにとっては恐怖のアンゴルモア大王がやってきた気分です。 と、言いましてもIE6から多くのバグを解決しRSSリーダーも標準装備(feedpathっぽいデザインでしたよ)で使えるCSSセレクタも増量!。 やっぱり生まれ変わったIE君、今まで嫌われ者だったIE君を暖かく迎える準備をしてあげたいと思いまして、日は紙の輪っかを一杯つなげたやつ(あれなんていうの?)の代わりに以下のコードを用意してIE7君を迎える準備をしたいと思います。 詳細は以下。 div{ min-height:1%; } div:after{/*for modern

    mrnoon
    mrnoon 2007/04/11
    しかし、新たにmin-height,min-widthを解釈ようになったのでmin-heightを利用しておなじみのやんちゃなIEがびっくりするくらいいうことを聞いてくれるようになる呪文「height1%」を設定する。
  • Movable Type マニュアル

    Movable Type 3.3 マニュアル Movable Type 3.3 のオンライン・マニュアルです。 はじめに Movable Typeの基的なインターフェイス システム管理者ガイド Movable Typeのインストール・セットアップ Movable Typeのアップグレード Movable Type環境のバックアップ 投稿者の管理 ブログ管理者ガイド ブログの管理 エントリーの管理 カテゴリーの管理 エントリー・タグの管理 コメントの管理 トラックバックの管理 電子メールによる通知 検索と置換 ブログのカスタマイズ ユーザー操作ガイド 標準プラグイン 付録 はじめに Movable Typeについて 著作権と使用範囲 動作環境 ページトップへ戻る Movable Typeの基的なインターフェイス メイン・メニュー システム・メニュー スタート・ページ ページトップへ戻る

    mrnoon
    mrnoon 2007/04/11
    Movable Type 3.3 のオンライン・マニュアルです。
  • 音大生なら聴いておきたい100曲

    2004年度から国立音大1年生に課すことになった必聴曲リスト 「当然知っているべき」という曲と 「こういうのも聴いておいてほしい」という曲が混じっています >> 音楽概論A >> HOME 今日の社会では英語が国際共通語としての地位をほぼ確立しています(それが良いことかどうかはともかく、現実問題として)。同じように、音楽の世界では、西洋近代のいわゆるクラシック音楽で使われる用語や概念が、そのままポピュラー音楽でも用いられたり、非西洋の音楽を理解するための補助手段として用いられたりします。クラシックの用語や概念は、音楽における事実上の国際共通語なのです。どんな分野であれ、音楽の専門家を目指そうとするのなら、クラシック音楽についての知識を確実なものにしておくことは有益であり、必要不可欠である、とさえいえます。 「音楽基礎教養」科目として置かれている「西洋音楽史概説」や「音楽概論」は、そう

    mrnoon
    mrnoon 2007/04/11
    2004年度から国立音大1年生に課すことになった必聴曲リスト 「当然知っているべき」という曲と 「こういうのも聴いておいてほしい」という曲が混じっています
  • いつかはマスターしたい!Illustratorチュートリアル40選 | P O P * P O P

    各所ですでに話題ですが、自分へのメモ書きもかねてまとめておきます。Illustratorのチュートリアルを40個まとめた記事です。デザインがますます重要になっている昨今、常に技を磨いておきたいですね。 » Adobe Illustrator Tutorials 下記に、40個のうち、いくつかをご紹介。 LearnIt2 | Adobe Illustrator Tutorials Web2.0でよく見るバッジなどを作る方法など。 Creative Text Masking – Illustrator CS2 Tutorial – テキストにマスクをかける方法などが紹介されています。 Free Tutorials – Page 1 | Illustrator Techniques ガラスの器や3Dのテキスト作成方法などひねりの効いたテクニックが紹介されています。 Illustrator Bus

    いつかはマスターしたい!Illustratorチュートリアル40選 | P O P * P O P
    mrnoon
    mrnoon 2007/04/11
    各所ですでに話題ですが、自分へのメモ書きもかねてまとめておきます。Illustratorのチュートリアルを40個まとめた記事です。デザインがますます重要になっている昨今、常に技を磨いてお
  • 仕事に役立つ「法律情報データベース」

    Web2.0時代では、難解な法律用語に直面しても、インターネットが頼りになる。枕になりそうな六法全書や壁一面の判例集から必要な情報を探し出すというのは、もはや昔の話になった。とはいえ、オンライン情報のすべてを信用するのも無謀だ。当に役に立つ法律データベースを紹介しよう。 Web2.0時代に生きる私たちは、知らない言葉に出会っても、あわてず騒がず、おもむろにPCを開いてGoogleでその言葉を検索する。別にGoogleに限ったものではなく、Yahoo! JAPANでもgooでもよいが、とにかく検索サイトで調べてみると、大抵はたくさんの情報が得られるのである。 知らない法律用語はとりあえず検索してみれば? 例えば、前回この連載で取り上げた「競業避止義務」という言葉も、Googleで検索してみると、実に7万9200件の検索結果がヒットするのだ。そうした法律用語の中でも、Wikipediaの見出

    仕事に役立つ「法律情報データベース」
    mrnoon
    mrnoon 2007/04/11
    Web2.0時代では、難解な法律用語に直面しても、インターネットが頼りになる。枕になりそうな六法全書や壁一面の判例集から必要な情報を探し出すというのは、もはや昔の話になった。とは
  • Firefox 2 入門 総合目次 - えむもじら

    過去、雑誌に掲載された記事を、出版社の厚意により許可を得て公開します。 Firefox 2 の新機能 オープンソースマガジン 2006年12月号の特集「Firefox 2 がやってきた Part 1」を加筆修正したものです。(2007年3月3日公開) この記事は、Firefox 2 の新機能について説明したものであるので、Firefox 全体に付いて知りたい方は、Mozilla Japan - Firefox サポートのチュートリアルをお読みになることをお勧めします。 Firefox 2 の新機能(1) テーマ、アドオン、タブ、セッション 新しくなったテーマ アドオン管理 タブ Firefox 2 のタブ クローズボタン タブのオーバーフロー制御と一覧表示 閉じたタブを元に戻す セッション管理 Firefox 2 の新機能(2) 検索、フィード、フィッシング対策、スペルチェック 検索バーと

    mrnoon
    mrnoon 2007/04/11
    過去、雑誌に掲載された記事を、出版社の厚意により許可を得て公開します。
  • JavaScriptとCSSで特定DIV要素の表示/非表示を切り替えるサンプル:phpspot開発日誌

    Harry Maugans How to Create a Collapsible DIV with Javascript and CSS One of the most handy (and cool) tricks a web developer could learn to use is collapsible DIVs. JavaScriptCSSで特定DIV要素の表示/非表示を切り替えるサンプル。 次のように数行で行える簡単なサンプルが紹介されていてライブラリに依存しない&軽い、簡単な実装を行いたい時に使えます。 <div id="mydiv" style="display:none"><h3>This is a test!<br>Can you see me?</h3></div> <a href="javascript:;" onmousedown="if(document

    mrnoon
    mrnoon 2007/04/11
    JavaScriptとCSSで特定DIV要素の表示/非表示を切り替えるサンプル。 次のように数行で行える簡単なサンプルが紹介されていてライブラリに依存しない&軽い、簡単な実装を行いたい時に使えま
  • hereticanthem co.,ltd. » なにかと使えるWebジェネレータのまとめ その2

    mrnoon
    mrnoon 2007/04/11
    ジェネレータを探していると、いつもはソフトウェアを使ってやっていることが、簡単に作り出せるような機能を搭載したジジェネレータがたくさんあります。それとは別におもしろい方向
  • Web サイト制作時の参考文献リスト

    完全に自分用メモ代わりですが、Web サイト制作時に参考にする機会の多いドキュメントをまとめてみました。とりあえずは仕様書関連のみ。 英語で書かれたドキュメントばかりを並べてもなんなので、参考までに日語訳されたドキュメントも私が知っている範囲内で併記してみました。ただし、日語訳は完全に原文との整合性を保障するものではありませんので、あくまで参考までにご利用ください。 HTML 関連 HTML 4.01 Specification -W3C Recommendation (日語訳) ISO/IEC 15445:2000(E) ISO-HTML (日工業規格 JIS X 4156:2000) ISO-HTML: Entities, element types and attributes (DTD) W3C から勧告されている、HTML 4.01 の仕様書に関しては現状、(X)HTML

    Web サイト制作時の参考文献リスト
    mrnoon
    mrnoon 2007/04/11
    完全に自分用メモ代わりですが、Web サイト制作時に参考にする機会の多いドキュメントをまとめてみました。とりあえずは仕様書関連のみ。
  • Japanese Traditional Colors

    桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお

    mrnoon
    mrnoon 2006/12/06
    日本に古くから伝わる伝統の色をRGBでリストしました。Photo Shop などでお使いいただければ幸いです。
  • Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫

    ~10程度っすよ ~50程度かな ~100くらい ~300程度です ~500はこなす ~1000はやってます これ以上 ( ! )

    mrnoon
    mrnoon 2006/12/06
    WEBデザインを探すデサイナーへ まとめサイト | WEBデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫
  • Data Tables and Cascading Style Sheets Gallery

    Current style: Golden style by Michael Horn Golden coloured style, with hover effects in modern browsers (Firefox, Opera).

  • Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro

    Webサイトを設計する際,「色」は様々な問題を起こします。開発者それぞれの想いが込められやすいのかもしれません。開発末期になってから,色の変更指示で不眠開発になるという話は,いまだ昔話にはなっていません。 色の問題を解決するためには,色についての知識があったほうが助かります。ただし,色自体の講釈をここではしません。色を決めていく過程の参考になりそうなことを記します。 刷り込まれている色/固定イメージのある色 私たちは様々な色に囲まれて生活しています。その中で,色と行動が一番密接にかかわりを持つのは「信号」です。我々の取るべき行動を色が指示します。それはあまりに一般的になりすぎて,我々は無意識のうちにそれらの色に対して同様の行動パターンを取りやすくなっています。 例えば,赤色を見ると何か危険なことがそばにあるのかもしれないと警戒したり,黄色の標識を目にすると周囲に対して少し注意力をはらったり

    Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro
    mrnoon
    mrnoon 2006/09/22
    色を決めていく過程の参考になりそうなことを記します。
  • 検索  |  Google Developers

    SEO fundamentals Introduction Search Essentials SEO Starter Guide How Google Search Works Do you need an SEO? Crawling and indexing Sitemaps robots.txt Meta tags Crawler management Removals Canonicalization Redirects JavaScript SEO Ranking and search appearance Visual Elements gallery Title links Snippets Images Videos Structured data Favicons Site-specific guides Ecommerce International and multi

    検索  |  Google Developers
    mrnoon
    mrnoon 2006/08/29
    Google Webmaster Central では、Google によるウェブサイトのクロールやインデックスの概要を 1 か所でご確認いただけます。 クロールやインデックスを適切に行うための方法、クロールの問題を診
  • Timeout your Mouseovers

    This is a fun effect I built for Chowhound that does one better for mouseovers. The problem with most menu systems is that they’re really touchy whether you’re too fast or slow with the mouse. The trick is to use a timeout with the effect, so it will wait a fraction of a second to pop-up, and a fraction of a second to go away…just enough to make the effect feel solid and not finicky. I won’t take

    mrnoon
    mrnoon 2006/08/18
    通常のマウスオーバーを使うメニューだと、展開まで早すぎる、あるいは遅すぎる場合が多々あるわけですが、このスクリプトだとちょうどいい速度で展開してくれるらしい。