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. CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与する方法が紹介されていました。 自動付与、というのは、例えば、<a href="***.pdf">pdfファイル</a> のようなリンクがあったとすると、pdfという最後
ITmedia Biz.ID：1Gバイトのファイルをオンラインですばやく転送する方法
大容量のファイルをほかの人に渡したい時、最も手軽なのはインスタントメッセンジャーを利用することだ。「Windows Live Messenger」「Yahoo!メッセンジャー」「Skype」の3つを比較してみた。 大容量のファイルをほかの人に転送したい場合、いくつか方法がある。ファイルを分割してメールに添付して送信する方法や、オンラインストレージを利用する方法が思い浮かぶ。その中で、最も手軽なのはインスタントメッセンジャー（IM）を利用することだ。Windows Live Messenger、Yahoo!メッセンジャー、Skypeの3つを比較してみた。 IMが手軽なのは、難しいことを考えずにファイルをドラッグ＆ドロップするだけで、直接相手に送信できることだ。サンプルとして1Gバイトのファイルを用意し、これを転送してみた。実験環境は以下の通り。 実験環境 ネットワーク 送信者 受信者 ITm
Gmailをメールソフトで読む方法。POP設定を徹底解説！
読者の要望によりPOPメールソフトで読む情報をまとめました！ 頻繁にチェックをする人はGmail新着チェッカーと併用を。 困った時のトラブルシューティングはこちら。IMAP利用はこちら。 Outlook Express，Outlook（→自動設定ツールあり），Entourage，Eudora，Opera Mail（Gmailに影響），Netscape Mail，Apple Mail，Mozilla，Thunderbird（2.0はラベル仕様），Becky（設定），QMAIL3，nPOP（設定），nPOPQ，EdMax（3.10以降設定），SnapperMail（設定），BlackBerry，Mew（設定），Sylpheed，Windows Live Mail desktop，qpop，Simple Mail，HDMobiMail，Mbox360，SHメール，めるちゃか， などのSSL対応P
Litebox 1.0 の rel 属性を自動付与する
以前、クールに画像を表示するツール Litebox 1.0 をご紹介しました。この Litebox を起動するためには、a 要素の rel 属性に "lightbox" を付与しなければならないという条件があり、これを手動で付与するのは結構面倒です。 ということで「自動付与できないでしょうか」というご質問を頂きました。大変遅くなりましたが、rel 属性を自動付与する方法を本エントリーにてご紹介致します。 rel 属性を自動付与するには、Litebox 1.0 のパッケージ内にある、js/litebox-1.0.js を任意のエディタで開き、130 行目辺り（リスト 1）に青色のコードを追加します。 リスト1 litebox-10.js 変更箇所 ： // loop through all anchor tags for (var i=0; i<anchors.length; i++){ v
YouTubeをブログに貼り付けやすくしてみた
最近になってYouTube上のCMのリンク集のエントリーを二つほど書いたが、「おもてなし」の面で言えば、やはりブログエントリーそのものに動画を埋め込みたい。しかし、二つほど問題がある。一つはこのブログが使っているTypepadサービスがobjectタグを受け付けないこと、もう一つがYouTube標準の大きさ（４２５ｘ３５０）がこのブログには少し大きすぎること。 そこでちょっとしたPHPのプログラムを書いて、iframeを使ってこのブログに埋め込められるようにしてみた（TypepadはobjectタグはNGだが、iframeタグはOK）。大きさも、このブログ標準の画像の標準サイズの、幅３２０ピクセルで表示するように指定した。 下がこの仕組みを使った例。画像のまんなかのプレーボタンをクリック（ただし、IEはセキュリティセッティング次第では2回クリックが必要）すると動画が始まる。 iframeタ
Litebox/Lightboxの使い方
Posted by: Hirotaka Ogawa @ January 18, 2007 05:35 PM | yujiroさんとこのLiteboxやLightboxの記事で、配布されているJavaScriptファイルやCSSファイルを修正されていますが、それだとオリジナルのLitebox, Lightboxが更新されるたびに同じことをしなくてはならなくなります。 小粋空間: Litebox 1.0 の rel 属性を自動付与する 他 それは面倒だ、美しくないと思ってしまったので、このエントリーではもう少しスマートなやり方を書いておきます。何かの参考になる場合もあるでしょう。 まず、スタイルシートはそもそも上書きして使うものです。下のようなスタイルシートをlightbox.custom.cssとか適当な名前で生成しておき、lightbox.cssより後に読み込まれるようにしておけばオリジナ
text-indent:-9999pxを使ったときFirefoxで出る無駄な点線は消せます::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
何かと役立つCSSの技 || Cool Web Window
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
jmblog.jp - Web2.0っぽいグラデーションのコツ
そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン（ちょっと言い方を変えてみた）では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう？1 は彩度（鮮やかさ）が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション
小粋空間: Movable Type を始める前に設定しておきたい 10 の項目
Movable Type を初めてご利用になる方のために、「これだけは最初に設定しておきたい」という 10 項目を挙げてみました。１項から８項は設定の流れを考えて順序づけをしました。最後の2項目の優先度は低いですが、「そういう機能もあります」という意味で掲載しています。 「全てが必須」という意味ではありません。不要と思われる項目はスキップしてください。 2008.10.01 「Movable Type 4 を始める前に設定しておきたい 10 の項目」を公開しました。 １．管理画面を「詳細モード」に切り替える Movable Type の管理画面は「基本モード」と「詳細モード」の2種類があり、デフォルトは「基本モード」になっています。この状態では基本設定とプラグインの一覧しか表示されないため、コメント・トラックバックの受信設定や後に述べるアーカイブページのパス等や拡張子が変更できません。 と
「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
ウイルスバスター2007で処理が重く(遅く)なる問題と対処法
※ 本ページでは現在，ウイルスバスター2008や2009の評価は取り扱っておりません．主に2007, 2006のことを書いております． 2008の情報を得るには， ２ch掲示板ネットワークセキュリティにいき，「【VB】ウイルスバスター2008 Part□□【TrendMicro】」というスレッド（話題）であって□□の最大の（すなわち最新の）スレッドを探して，そのボックスの最後の「全部読む」のリンクをクリックします．特に先頭1〜20発言位が参考になるかもしれません．LANが切れるなどの障害は一部あるようですが，2007よりはおおむね軽く，安定した感じでしょうか． ウイルスバスター2007を入れてからのシステムの重さ，遅さ，不安定さに困っている皆さん，ようこそ． 現在も未解決障害や構造的問題が残り，困っている人が多い状況です． 本記事は2007問題ではたぶん世界一詳しい対策サイトです（閲覧回数
【IE７も対応！】コピペでつかえる主要ブラウザをclearするコード再び::::::STOPN' LISTEN::::::to the silence:::::::
HTML,CSS,CSSハック,SEO,Web広告,Webトレンド等の話題を扱うkennsuのblogです。日常の話題はこちらへ「kennsuの行動記録」 Home｜ About｜ Archive｜ RSS feed IE７のリリースもまもなくだそうで我々コーダーにとっては恐怖のアンゴルモア大王がやってきた気分です。 と、言いましてもIE6から多くのバグを解決しRSSリーダーも標準装備（feedpathっぽいデザインでしたよ）で使えるCSSセレクタも増量！。 やっぱり生まれ変わったIE君、今まで嫌われ者だったIE君を暖かく迎える準備をしてあげたいと思いまして、本日は紙の輪っかを一杯つなげたやつ（あれなんていうの？）の代わりに以下のコードを用意してIE７君を迎える準備をしたいと思います。 詳細は以下。 div{ min-height:1%; } div:after{/*for modern
【Dreamweaver】スニペット使わないと後悔するよ！::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
![TRANS [hatena] - 印刷用CSSをまとめてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
「あの手品の仕掛けはこうなっていた！」がわかる10の動画 | P O P * P O P
ちょっと古いですがなんだか身の回りで手品が流行っているのでご紹介。 こちらでは手品の種明かしをする10の動画が紹介されています。昔よく見た手品の種明かしなどもあり、「そうやっていたのかー」と感心してみたり。 » Everything Interesting (And More): Top 10 Magic Trick Tutorial Videos 簡単なものも多いので覚えておくとちょっとした時に使えそうです。出し物なんかにもいいかも。 では下記に1位からご紹介！ 【1】 The snap card Amazing Card Trick – Snap Card – video powered by Metacafe 選んだカードがトランプの束から飛び出してきます。インパクトのある手品ですね。 【2】 The revolver Amazing Card Trick Revealed! – v
ネットサービスでやってはいけない14のこと（Guy Kawasaki版） | P O P * P O P
このブログでもたまにとりあげるGuy Kawasakiさん。ベンチャーキャピタリストで数多くのネットサービスを手がけています。 そんな彼が「ネットサービスでやってはいけない10のこと」なる記事をあげていました（本当は14ありますが、Guyさんはなんでもポイントを10にするので有名）。 あたりまえ的なポイントも多いですが、数多くのネットサービスに携わっている方の言葉ですから説得力がありますよね。 » How to Change the World: The Top Ten Stupid Ways to Hinder Market Adoption では、早速、下記にご紹介。 【1】 すぐにユーザー登録を要求する 最初にユーザー登録を要求したい気持ちはわかりますが、利用者の心理的抵抗を大きくしてしまいます。 まずは使ってもらうことを第一にしましょう。ぎりぎりまで要求しない方が良いですよ。 【2
【特集】～インストールから設定・活用まで～ すべてが分かるWindows Vista大百科 (1) 目次 | パソコン | マイコミジャーナル
Windows Vistaは、3Dおよび半透明処理が美しいユーザーインタフェース「Windows Aero(エアロ)」をはじめ、セキュリティ関連やバックアップ機能の強化など、使い勝手以外にもさまざまな点が革新されている。また、Windows Vista Home BasicからWindows Vista Ultimateまで、搭載機能が違う多数のエディションが存在する。 この変化を受けて、Windows VistaとはどのようなOSなのか、さらにどのエディションを入手すればいいのか、戸惑っている方は少なくないはずだ。入手済みの方であればその変貌ぶりに驚いていることだろう。そこでMYCOMジャーナルでは、深い理解への橋渡しとなる特集記事を用意した。 以下が、その内容だ。 なお、Windows Vistaの成り立ちの理解を助けるために、第1章では十分なページを用意してWindowsシリー
ITmedia Biz.ID：Flickrをもっと楽しむための6つの外部サービス
オンラインアルバムの「Flickr」。写真をアップロードする、他の人の写真を閲覧するほかに、外部のツールを使ってこんなこともできる。 オンラインアルバムの米Flickrが人気だ。自分で撮った写真をアップロードして管理したり、多くのユーザーがアップした写真を閲覧している人は多いだろう。それだけでなく、豊富なFlickr関連の外部サービスを使えば、画像を加工したり、名刺を作ったり、ゲームをしたりなどさらに楽しむこともできる。FlickrAPIを公開していたり、写真のライセンスとしてクリエイティブ・コモンズを選択できたりなど、外部のサービスを作りやすい環境のせいか、外部サービスの数は多い。 写真を加工するものや管理を楽にするものなど、Flickrを使ったツールを紹介していこう。 写真をプリントした名刺を作ろう――moo 自分がFlickrにアップロードした写真から名刺を作成できる「moo」は日本
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBデザイナー・ゲームクリエイターなどWEB・ゲーム・CG・映像・IT業界の仕事探し応援サイト withD（ウィズディー）