Free Icons Links
Arimaa graphics
74×74 image/gif
Bluesphere SVG icons
160×160 image/png
Crystal icons
- WIKIMEDIA COMMONS | Crystal icons
- WIKIMEDIA COMMONS | Modified Crystal icons 128 × 128 image/png
- WIKIMEDIA COMMONS | Crystal 128 128 × 128 image/png
- WIKIMEDIA COMMONS | Crystal actions 128 × 128 image/png
- WIKIMEDIA COMMONS | Crystal apps 128 × 128 image/png
- WIKIMEDIA COMMONS | Crystal/32/actions 32 × 32 image/png
more >>アイコンをカテゴリー分けして分類しているWiki
様々なタイプのアイコンをカテゴリー分けして整理してあるWiki。
simpleアイコン、silkアイコン、vectorアイコン、crystalアイコンなど、様々なタイプのアイコンがカテゴリー分けされています。
欲しいアイコンがきっと見つかります。
Firefoxでは表示されている画像がIEでは表示されない
デザインを新しくしたこのブログDig*Dag。
今回のCSSには自信があったッスが・・・
Firefoxでは表示されている背景のグラデーションが、IEでは表示されませんでした。
なにが原因か・・・
ちょっとCSSを変更したら表示されるようになったッス！
まず最初のCSSは、
background:url(http://blog-imgs-29.fc2.com/d/i/g/digdagdig/digdagmainlogo.gif) no-repeat top left; imageプロパティ、repeatプロパティ、positionプロパティをまとめて書いていました。
創世のアクエリオン CMにお茶の間どん引き
最近よく目にするテレビCM「創世のアクエリオン」。
パチンコのCMなんだけどCM中のセリフにお茶の間が困惑しているという。
問題のセリフは女性の声で、「あなたと合体したい。」、「気持ちいい〜」・・・
エロですか？
エロですね。
創世のアクエリオン テレビCM
創世のアクエリオンって何？
もともとはアニメらしい。
その中でロボット（？）が合体したり変形したりするらしいけど・・・
「あなたと合体したい。」、「気持ちいい〜」というセリフもアニメの中でのセリフらしい。
新しいデザインのCSS レイアウト崩れ
今日、会社のパソコンでこのブログDig*Dagがどんな風に表示されるかチェックしてみました。
会社のブラウザはIE6。
世間で一番多く使われているブラウザ。
もちろんターゲットはIE6。
今回のCSSは自信があったッスが・・・
結果は・・・爆死っ！！
ヘッダー部分のレイアウトがぁ・・・崩れてるじゃないかぁ・・・
3カラムのレイアウトは崩れていないのでひと安心、と思いきや！
文字を大きくしていくと・・・
真ん中部分がストンと下に落ちている・・・
まずはヘッダー部分は少しwidthを変更し余裕を持たせて対処。
文字を大きくしていくと下に落ちてしまうのはどうすればいいかなぁ・・・
騙す方より、騙される方が悪い
これはオレの主観だが、中国人というのは、
「騙される方が悪い」という考え方が主流なような気がする。
中国産の製品、食品の相次ぐ品質問題を見ていると、そう思えて仕方がない。
「自分さえよければいい。」「国際社会なんて関係ない。」
環境さえも平気で壊す中国。
- ショッキングな中国の環境 動画 | Youtube
- 相次ぐ危険な食品報道で中国交換が逆ギレ 動画 | Youtube
- chinafreeチャイナフリー中国製品への警戒感が広がっている 動画 | Youtube
- 070724中国製品は危険すぎるby EU 動画 | Youtube
騙す方と、騙される方。
悪いのは騙す方に決まっている。
「騙される方が悪い。」という考え方。
でもコレは、中国だけではなく、日本にも根強く存在するものなんですね。
ただ中国みたいに開き直ってないから表面化してないだけだけど。
消費者を欺く日本企業
このところ日本でも消費者を欺く企業の不祥事が相次いでいる。
Yahoo検索ランキング登場
2007年11月12日からYahoo検索ランキングがスタートしました。
Yahoo検索ランキングはその名のとおり、Yahoo(YST)で検索されたキーワードを、ランキングしたもの。
みんながYahoo(YST)でどんなキーワードで検索しているか？
SEO的にも、トレンド的にもみんなの検索キーワードは興味のあるところ。
早速覗いてみました。
Yahoo(YST)検索のランキングを見て思う事
まず総合ランキング。
うぅ〜・・・悲しいかな、何の役にも立たないッス。
Youtube、mixi、2ちゃんねる、google、楽天、amazon、ニコニコ動画、Docomo、郵便番号、goo。
総合ランキングは使い物になりませんねぇ・・・
他にも人名、テレビ、アニメ・ゲーム、スポーツなどがあり、こちらは見ていて興味深い。
炎上情報を共有する炎ジョイが炎上
いわゆる炎上情報を共有するサイト「炎ジョイ」が登場したのが11月20日。
それが22日には閉鎖された模様。
炎ジョイとはどんなサイトだったんだろう？
大量のコメントが殺到する、いわゆる「炎上」状態となったブログやホームページ（ＨＰ）の情報を共有するソーシャルブックマークサービス「炎ジョイ」が２０日、公開された。炎上しているＨＰの情報をユーザーが投稿できるほか、ＨＰ上に動画共有サイト「ニコニコ動画」風のコメントを書き込むことができる。
開発元のスパイダーネットワークスのＨＰによれば、同サービスについて「炎上しているブログやサイトの情報をみんなで共有し、ボヤを大火事にしてしまうサイトです。また、シャイな人のために炎上サイトの上のレイヤーに攻撃・防御に分かれ罵声を書き込み鬱憤を晴らせます」と説明している。
Macを買うか、Windowsを買うか、それが問題
Q.こんにちは。
私は今、学生なんですが年末にパソコンを購入しようと考えているんですけど、知人が「マッキントッシュ」と「ウインドウズ」とゆーのがあるって言ってました。
私ははじめてパソコンを買うので、どちらを選べばいいのか全然分からないんで、何かパソコン購入のアドバイスとかあったら教えてください。
（知人はMacの方がカッコイイって言ってました。）
自分で書いたJavaScriptをブラウザで動作確認
これからJavaScriptを学習していこうというオレみたいなヤツにピッタリのサイト。
いちいちテキストエディター保存して、アップして、チェックして、みたいな煩わしい事しなくて済むッス。
TIDEでは、ブラウザにそのままコードを書いて、そのまま動作確認ができるという素晴らしいサイト。
じゃんじゃん書いて、JavaScriptを習得しよう！
2008年北京オリンピックを控えた中国
2008年に北京オリンピックを控えた中国。
最近は色んな話題を提供している中国だが、政府が国民に「常識」「マナー」を発表している。
常識や、マナーを政府が国民に発表するってどういう事？
この標識何の標識だか分かりますか？
そうです。
見ての通り痰吐き禁止です。
えっ！？ターバン野口ってそんなに古いの？
先日、友人と飲みに行ったときの事。
支払い時は割り勘という事になり、お金のやり取りをした。
そ、その時友人がオレに渡した千円札がっ！？
コ、コレは！？
は、初めて見るキレイに折り込まれた千円札・・・
それを友人が作ったものだと思い、軽い尊敬の念を抱いたのだがっ！？
ネットで検索すると出てくる、出てくる・・・
な、なるほど・・・ターバン野口ですか・・・（笑）
・・・えっ？2006年12月？
テレビでもやってたの？
そっかー、そんな前のネタだったのかぁ・・・
しかもテレビでも放映済みとは。
CSSの学習の為に3カラムレイアウトを採用
Web標準を目指し、XHTML+CSSでサイト構築を勉強中なオレ。
今回はfloatによる3カラムレイアウトに挑戦してみたッス。
一応クロスブラウザを目指し、頑張ったッス。
まだFirefox以外のブラウザでチェックはしていないからIEでどんな風に表示されているか気になるところですが、その前にCSSのエラーチェックをしてみたいと思うッス。
W3C CSS Validator
CSSのエラーチェックを、W3C CSS Validatorで行ってみました。
結果は以下のリンク。
ファイルに名前をつける時に悩むオレ
ファイルを保存するのに必ず必要になるファイル名。
このファイル名をつけるセンスがオレには無い。
ペットでもなんでも、もともと名前をつけるという事が苦手なオレ。
CSSを書いているとIDやclassに名前をつけなければならないが、この名前付けがどーも苦手。
ファイルを保存する時にいつも困っているッス。
直感的に名前ばかり付けていると、いつの間にか同じ名前をつけている。
うっかりアップロードして上書きされてしまう事もしばしば。
何か上手いファイル名をつけるためのルールを考案しなくちゃ。
みんなどうしてるんだろう？
Google Adsenseの収益は無に等しいか？
Google Adsenseをはじめて約2ヶ月。
ここのところ一日平均$1.6程度の収益がある。
$1.6を日本円に換算すると170円〜180円。
「一日170円の収益が何になるの？」と思う人もいれば、
「ゼロではなく、170円もの収益がある。」と考える人もいる。
オレはどちらかというと後者の方だ。
この一日$1.6の収益。
ゼロではなく$1.6でも収益があるという事は、これが無限大の可能性を持っているという事の証拠だと思う。
以前「ひとりに１円もらって・・・一億人で一億円！」という記事を書いたが、それがまんざらでもなく現実味を帯びてくるという事だからだ。
鳩山邦夫法務大臣 友人の友人はアルカイダ
先月10月29日の鳩山邦夫法務大臣の爆弾発言。
「友人の友人はアルカイダ。」
友人の友人はアルカイダ
- 友人の友人はアルカイダ その2
- 友人の友人はアルカイダ発言謝罪１１月２日 その1
- 友人の友人はアルカイダ発言謝罪１１月２日 その2
- 友人の友人はアルカイダ発言謝罪１１月２日 その3
- 日本にはテロリストがいる発言
愛車メルセデス・ベンツをぶつけた金持ちのわけの分からない見栄
先日、知り合いの建築デザイナーが愛車をぶつけた。
この建築デザイナー、自他共に認める金持ちなのだが、わけの分からないところで見栄をはる。
ぶつけた愛車はメルセデス・ベンツのS。
このベンツをぶつけた建築デザイナーのエピソード。
Ｑ．僕は今、会社の先輩（男性）のジェラシーに困っています。
毎日何度も携帯に電話があり、毎週家にも着ます。
（彼は彼女がいるのに）連絡がつかないと、「昨日どこにいた」とか「なぜ電話に出なかったんだ」とか言い出しました。
一度、「別にいいでしょ」と言ってみたら、「そんなの関係ねぇ〜」と一蹴されました。
会社の先輩なので手を切るわけにも行きません。
どうしたらいいですか？
（サラリーマン・年齢不詳）
SEO Google Yahoo(YST)の違い
以前、「YST SEO対策 Yahooで上位を狙うには？」という記事を書いた。
Yahoo(YST)へのSEO対策として、ページ内リンクのテキストマッチを取り上げたのだが、そのほかのYahoo(YST)対策を考えてみた。
Yahoo(YST)対策を考えるきっかけとなったのは、「同じキーワードで検索しても。GoogleとYahoo(YST)での検索結果が違いすぎる」という事があったから。
GoogleとYahoo(YST)はかなり別物っぽい。
このブログ「Dig*Dag」のページの中でも顕著に検索結果が違う。
実際にGoogle、Yahoo(YST)での検索結果を検証してみると・・・
画像、サムネイルの拡大表示を素敵にするjavascript
ページにたくさんの画像をアップしたい時、サムネイルで小さくアップしておき、必要に応じてリンクから拡大表示させたいという事がありますね。
通常、画像にリンクを貼って元画像を表示させると、別ウインドウが立ち上がります。
これを元のページ上でカッコよく拡大表示させる事ができます。
まずはサンプルを見てください。
加工前の通常の画像リンク
このサムネイル画像をクリックすると、別ウインドウが開き元画像が表示されます。
もうひとつブラウザが立ち上がり上のような味気ない画面になってしまいます。
編集後の画像リンク
上の画像をクリックしてもらうと、カッコよく画像拡大の画面が表示されます。
ブラウザが立ち上がる事もありません。
こんな風に素敵な拡大表示が出来ます。
FC2での導入方法は以下に詳しく・・・
アップロードした画像を簡単にポラロイド風にできます
ブログやホームページに画像を掲載することはよくあります。
ただ漠然と画像を並べてもイマイチ見た目がよくない・・・
「ページの見た目を少しでもよくしたい！」
そんな時、アップロードした画像をポラロイド風に表示するjavascriptです。
まずはサンプルです。
編集前の画像
ポラロイド風に編集した同じ画像
加工は簡単です。
たったこれだけのことですが、ただ画像をアップするだけよりページが断然かっこよくなりますね。
それでは実装方法です。
会社の同僚同士の不倫を目撃
会社の同僚同士の不倫を目撃しました。
この2人、以前から噂にはなっていたんですが、誰一人決定的な瞬間は見ていませんでした。
ファミレスで2人でいたとか、二人きりでドライブしていたとか、その程度の情報だけで、不倫と噂されていました。
男は48歳。オッサン。
家庭もあり、子供は2人。
経理部なので少しお堅い感じがするが、酔うとエロトーク爆裂のウザイ系オヤジ。
奥さんもちろん健在。
女の方が年上で50歳。
子供も2人いて、仕事を主婦感覚で取り組む要注意人物。
仕事に対しての好き嫌いは激しいし、サボルし、電話の応対なってないし・・・
このオバサンに用事を頼めば2度手間、3度手間当たり前の使えないオバサン。
よく会社もこんなの飼ってるなぁと思うような人物。
旦那もちろん健在。
普段、全く付き合いの無い親戚からの突然の電話
当然の事ながらオレにも親戚がいる。
親戚を思い浮かべてみると、付き合いがあったり、全くなかったりと様々だ。
先日、不意にオバサンから電話があった。
このオバサンは、オレのお袋の弟の嫁さん。
つまりオレにとっては血がつながっていないオバサンだ。
しかも、このオバサン、オジサンと離婚したので今では全く関係のない赤の他人。
そのオバサンからの不意の電話。
なんだろう？と思って話を聞くと、オバサンの息子、つまりオレの従弟のことらしい。
圧倒的なシェアの検索エンジンYST
このブログ「Dig*Dag」は、「Dig Dag」というキーワードで検索するとGoogleでは2位に表示される。
ところが、Yahoo検索(YST)で検索すると8位。
（2007/11/12現在）
以前は1位表示されていたこともあった。
アクセス解析から見ても、Gooleからの方がYahoo(YST)よりも圧倒的に多い。
相変わらず検索エンジンは、Yahoo(YST)を利用するユーザーは多い。
Yahoo(YST)に対してのSEOを強化し、アクセスアップを狙いたいのだが、具体的にはどうすればいいのだろう？
なんとなく弱気になってしまう
ドラックストアで水虫薬が欲しいだけなのに、
カモフラージュについついシャンプーやら、洗顔フォームやら、歯ブラシまで一緒に買ってしまうオレ。
- １
- ２
航空写真と三次元地図を組み合わせシステム 静岡県を網羅
下田OAシステムの関連ベンチャー企業、ウインディーネットワークは、静岡県下全域を網羅した三次元映像を製作し、そのインターネット版「ズームインALL静岡」を2008年2月から無料公開する。
同社では約1年10ヶ月かけ、静岡県下全域の航空写真を撮影し、国土地理院の地図データを入力した。
航空写真は6,000枚に及び、特殊技術で誤差を修正してつなげた。
ユーザーはマウスやコントローラーでスムーズに移動、拡大や縮小はもちろん、傾けて三次元空間を移動できる。
主要都市を1メートル解像度、
山間部を2メートル解像度で見せ富士山や南アルプスなどの登山気分も味わえる。
飲食店、病院、ホテル、不動産など、生活に関る地図情報12万件が入力されており、地図上にアイコンで表示される。
目的地の住所入力すれば、瞬時に検索できる。
公開予定のURIはhttp://www.aiai.shizuoka.jp
- １
- ２
市民から苦情相次ぐ-奈良市環境清美部職員が「中抜け」
長期病欠元職員問題に続き、またも不祥事が発覚した奈良市。
奈良新聞から引用。
市環境清美部収集課の男性職員2人が、勤務時間中に職場を離れ帰宅するなどしていた、いわゆる「中抜け」が新たに発覚した問題で、事態が表面化した30日夜から31日にかけ、市には市民から約30件のメールや電話があり、人事課職員らが対応に追われた。昨年10月、収集課元職員(43)の長期病休問題が発覚して以降、同課を中心とした病休、中抜け問題で15人を処分した奈良市。しかしその教訓は生かされず、再び同じ轍（てつ）を踏むことになった。
奈良市は5日、市環境清美部収集課で相次いで職員の「中抜け」が発覚した問題で、朝礼・点呼・終礼の励行や午後の業務の強化を図るとともに、これ以外にも職場離脱の状況はないか、通勤車両の駐車状況や過去の勤務状況と合わせ、不自然さが認められた職員の事情聴取を月内にも行うことを明らかにした。また一連の問題がいずれも報道機関に寄せられた情報が発端になっていることを重視、「市の自浄能力を高めることが必要」（平岡譲市長公室長）として、内部通報制度に関し人事担当課や法令遵守監察監など現在庁内に限られている相談窓口を、弁護士など外部にも設けることを検討する。
Youtube おもしろ動画 グッジョブ！
あの歌の故郷を訪ねて（グループ魂FLASH）
なつかしのSnakeman Show動画 まとめ
youtubeで懐かしい動画を見つけたのでとりあえずアップ。
スネークマンショーを知らない人は、
オジサンが悪かった
CSSでプルダウンメニュー導入
デザインを変更するついでに、このブログにもナビゲーションをつけようと思う。
記事のカテゴリーやアーカイブ、RSSへのリンクをナビゲーションで表示。
もちろん右カラム内にリンクが貼られているけど、イマイチ目立たない。
タイトルの下に横にナビゲーションをつければ、クリックされる確率があがるのでは？
ページビューを稼ぐために実装してみようと思う。
せっかくナビゲーションを実装するなら、プルダウンメニューにしてみたい。
以前チェックしたサイトを参考に作ってみました。
ブログにプルダウンのグローバルナビを導入
ブログのデザインを変更すると同時にプルダウンのグローバルナビゲーションを導入してみようと思う。
以前チェックしたサイトを参考に自分なりにアレンジして実装してみよう。
ガソリン高騰によりセルフのガソリンスタンド利用者が急増
続くガソリン高騰により、セルフのガソリンスタンドの利用者が増えている。
セルフのガソリンスタンドは、従来のガソリンスタンドよりも価格が安く設定されている。
少しでも出費を抑えようとし、なれないセルフスタンドを利用する人が増加傾向。
軽自動車は軽油で走る？
いえいえ、当然、軽自動車も燃料はガソリンですよ。
ところが、セルフのガソリンスタンドの利用者が増え、
軽自動車に軽油を入れて、故障させるケースが増えているらしい。
軽自動車と軽油。
た、確かに「軽」つながりではあるが・・・無知とは怖い・・・
安く上げるつもりで軽油を給油、で、修理代がかかってしまっては何のためのセルフだか・・・
痛い話ッスねぇ。
Feed Icon フィード アイコン探しの旅
ブログのデザインを新しくしようと思って、アイコンなどを探して見ました。
中でもカッコイイFeed Iconがないかと探してみたのですが、
色々あって迷ってしまうッスね。
とりあえずはてなブックマーク。
気に入ったフィードアイコンを少しアップして、素材置き場状態にしておきます。
ヘッダー部分の作成 画像の代替表現
- この記事を読む前に関連記事を読んでいただくことをオススメします。
- CSS+XHTMLでサイト構築 始動 (11/03)
- CSS+XHTMLでサイト構築 背景に影 (11/04)
まずヘッダーの幅だが、親ボックスcontainerの幅1000px−影画像15px×左右2という計算で970pxとなる。
div#header{
width:970px;
}次にロゴだが、先日のエントリーから「画像の代替表現」というレイアウトテクニックを利用したい。
その上で、ブログの構造上ロゴにはh1要素を適用したい。
背景に影をつける まずは影を作成
現デザインにも影を多様しているが、なぜかIEでは表示されていない。
もともとIEではpngがキレイに表示されないというバグがあるらしい。
もちろん今の影もjpgだが、もともとpngの画像を変換したものだから、今回は初めからjpgで作り直す。
影画像はグラーデーションジェネレーターで作成。
背景色は#d9d9d9dなので黒と#d9d9d9でグラデーション画像を作成。
透過pngなら背景色を気にしなくていいのに。
とりあえず15pxの幅で作成した。
画像の代替表現の基本
通常、画像は(X)HTML上のimg要素で埋め込む。
ただし、テキストブラウザや音声ブラウザでは画像は表示されないことから、なるべくimg要素を使わずに画像を表示させるテクニックが考案されている。
このようなテクニックは画像の代替表現と呼ばれている。
画像の代替表現の基本となるのが、背景関連プロパティを上手く使うという事である。
ロゴのサイズと同じ領域を確保し、その領域の背景画像としてロゴを指定する事で、あたかもその部分にロゴが埋め込まれているように見せる事ができる。
画像の代替表現の際、テキストをどのように非表示かするかが問題となる。
テキストの非表示化には様々な方法があるが、特に利用しやすいのは次のふたつである。
CSS+XHTMLでサイト構築
ここのところCSS+XHTMLでサイトを構築するための勉強を夜な夜なしていたオレ。
まだまだ勉強しない部分は多いが、とりあえずこのブログを再構築していこうと思う。
リンクのデザイン
リンク(a要素)は、webページ上で非常に重要な役割を果たすため、どのようにデザインするかによってそのページの印象が非常に大きく変わる。
CSSに関するベーシックな知識さえあれば、思いのままにデザインできる。
リンクの下線を点線に変える
ただし、text-decorationプロパティでは、「underline」、「overline」、「line-through」といった、線の表示位置に関する値が指定できるだけであり、線の太さや種類を変更する事はできない。
この場合、text-decorationプロパティで「none」を指定し、線を一度非表示にしておいてから、次のようにボーダー関連プロパティを利用してボーダーを詳細に指定するとよい。
リストを使った構造化ナビゲーション
グローバルナビゲーションはページ上部などに設置して、テキストや画像を並べて構成する事が多い。
この場合、テキストや画像をp要素の中にインラインで並べるよりも、ul要素を使ってブロックレベル要素として定義し、CSSのdisplayプロパティでインライン化した方が構造的に正しい。
CSSが利用できない環境でも箇条書きリストとして表示され、直感的に理解しやすいナビゲーションになる。
list-style
list-style-imageプロパティと、list-style-typeプロパティが競合した場合、list-style-imageプロパティが優先される。
ただし、list-style-imageプロパティで「none」が指定されている場合や、画像が取得できない場合は、list-style-typeプロパティが適用される。
画像が表示されない場合を考えて、list-style-typeプロパティを指定しておくといい。
ul{
list-style-type:disc;
list-style-image:url(http://blog-imgs-29.fc2.com/d/i/g/digdagdig/16-em-check.png);
}やわらか戦車 フルコーラスまとめ
- やわらか戦車1