2019.5.25-26 新木場若洲公園で行なわれた「TOKYO METROPOLITAN ROCK FESTIVAL2019」に出店しました。

ちょっと古いですがなんだか身の回りで手品が流行っているのでご紹介。 こちらでは手品の種明かしをする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

Movable Type を初めてご利用になる方のために、「これだけは最初に設定しておきたい」という 10 項目を挙げてみました。１項から８項は設定の流れを考えて順序づけをしました。最後の2項目の優先度は低いですが、「そういう機能もあります」という意味で掲載しています。 「全てが必須」という意味ではありません。不要と思われる項目はスキップしてください。 2008.10.01 「Movable Type 4 を始める前に設定しておきたい 10 の項目」を公開しました。 １．管理画面を「詳細モード」に切り替える Movable Type の管理画面は「基本モード」と「詳細モード」の2種類があり、デフォルトは「基本モード」になっています。この状態では基本設定とプラグインの一覧しか表示されないため、コメント・トラックバックの受信設定や後に述べるアーカイブページのパス等や拡張子が変更できません。 と

いろいろと古い IE で半透明 png を使うための JS が紹介されています http://web.kankodo.net/2007/02/01-233315.html http://labs.unoh.net/2007/02/ie6_png_fix.html http://phpspot.org/blog/archives/2007/02/iepngjavascript.html で、自分も使おうと思ったのですが。 ライブラリの依存とか、 window の load イベントの時に処理されるのがちょっとだけ嫌だったので、自分用のを作りました。 意外と便利だったので公開します デモ(IE5.5 or IE 6 で見てください) http://usrb.in/amachang/static/AlphaLoader/demo.html 使いかた 半透明にしたい img 要素のあとに http

またしてもトリビアですが・・・個人的に「へぇ～」が多かったのでご紹介。ちょっとした話のネタにどうぞ。「本当？」と思った人は実際にその背景を調べてみるとおもしろいかもしれません。 » Strange but Real 上記のサイトでは55個のトリビアが紹介されていますが、個人的にヒットしたものをピックアップしてご紹介します！ 右利きの人は左利きの人より平均して9年長く生きる。 ディープキスをしている間に口同士で4万の寄生虫と250種類のバクテリアが交換される。 あまりに激しいくしゃみをすると肋骨が折れる。さらに激しいくしゃみをすると、頭や首の血管が破れて死ぬことがある。 ブルース・リーの動きはあまりに早すぎたのでフィルムの再生速度を遅くする必要があった。 目を開けながらくしゃみをすることはできない。 脳はテレビを見ている時よりも寝ている時の方が活発に動いている。 マルボロの最初のオーナーは肺

以下は、ブログ論としてすっかり定着していることや、自分の経験から生まれたことを基にした、つまらないことを書かないための１０の方法論である。これを参考にして、すばらしい記事を書いていただければ、筆者としてこれ以上の喜びはない。 なおこのエントリ自体がつまらないことに関しては、スルーしていただければ幸いである。 今回は、つまらないエントリを作成しないための方法を５つ紹介する。 サイトの更新を義務だと錯覚してはならない（どらみそら。より）リンク先の記事が非常に参考になるので、是非一度目を通してみて欲しい。 無理して書こうとすると、脳に負担がかかって、いい記事も悪いものにしかねない。きちんと頭の中を整理できる余裕がある状態で記事作成に臨むべきだろう。 もちろん、ブログは毎日書くことにも十分意義がある。しかし、ブログはあくまで趣味。自分が疲れない程度の更新が望ましいことは、言うまでもない。 自分の土

当サイトで公開している Movale Type のカレンダーでは、日付のアンカーから日別アーカイブにジャンプするようにしていますが、これをエントリー・アーカイブにジャンプするように変更する方法を紹介します。 サンプルのMTタグは <MTCalendar>～</MTCalendar> のみ抜粋しています。 １．変更前のカレンダータグ部分 日付アーカイブにジャンプする仕組みは、MTEntryLink タグの archive_type 属性に "Daily" を指定しているからです（赤色部分）。 <MTCalendar> <MTCalendarWeekHeader><tr></MTCalendarWeekHeader> <td><MTCalendarIfBlank><MTElse><MTCalendarIfToday><span class="today"><MTElse><span class

中央配置のデザインで、ページ移動の際にコンテンツの量によってスクロールバーが出たり出なかったりするFirefoxさん。 あのズレ、気になる人っていますよね？ すぐ分かるように簡単なサンプルを用意しました。 http://css-happylife.com/template/11/ あ、当たり前だけど、Firefoxで見て下さいね。 コレを解消する為に以下のスタイルを適用させればズレがなくなります。 html { overflow-y:scroll; } 簡単っすね。 で、コレOperaじゃ解決出来ないのが難点。 overflow:scrollでズレないようには出来るけど、下が出ちゃうのはいけてない。 height:100%とかでもバーが出っぱなしにはなるけど、びみょーに出てはいけないバーまで出てしまう。 んーこの辺まで解決したかった... Track Back [1] スクロールバーを表示

口コミマーケティング隆盛の昨今。様々な企業が試行錯誤していて面白いCMも増えてきています。 そんな中、こちらのエントリではWebでの口コミマーケティングにかかせない7つのテクニックを紹介しています。では早速どうぞ。 » 7 tricks to Viral Web Marketing – Baekdal.com ■ 見た人が何か「感じる」ものを 広告を作る際に、何より一番重要なのは見た人々に「強い感情」を呼び起こすことです。そこには、あなた自身の強い意見やアイデアが欠かせません。 例えばこんな感情を人々に抱かせると成功です。 愛か憎悪の感情に満ちる。 幸せや怒りの感情を感じる。 慈悲かエゴイズムに溢れさせる。 「中立」なものを作るのは絶対に避けましょう。見た人全員を喜ばせようだとか思ってはいけません。見た人の感情を刺激することが重要なのです。 ■ 予想を裏切れ もしあなたが、自身のキャンペー

class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent

プレゼンテーションに使用するスライド資料といったら、パワーポイントのようなソフトウェアで作るのが一般的ですが、最近は、ブラウザ上で動作するスライドショーを使用し... プレゼンテーションに使用するスライド資料といったら、パワーポイントのようなソフトウェアで作るのが一般的ですが、最近は、ブラウザ上で動作するスライドショーを使用している方をセミナーなどで頻繁に見かけるようになりました。 このブラウザ上で動作するスライドは、(X)HTML + CSS + JavaScript で実現できます。スライド制作用 JavaScript ライブラリとしては、W3C で公開されている 「HTML Slidy」 が使いやすく有名ですが、個人的にもこの 「HTML Slidy」 を利用したスライドをどこかで使ってみようと思っていたところでしたので、いい機会ということで、テンプレートを作って公開してみることにし

クールなアクア風ボタンのベクトルデータが無料で72個！ すぐに使えそうなアクア風ボタンのベクトルデータが無料で公開されています。イラストレーターなんかで編集すればぱっと使えそう。 » 72 Free Vector Glass Buttons and Bars ファイル形式はAI、PNG、EPS、SVG。環境にあわせて必要なものを使うとよいでしょう。ただ手元のIllustrator 10ではAIが開けなかった・・・最新版じゃないとだめなのかな。 どちらにしろこういうベクトルデータの公開はうれしいですね。 CS3 で開けたので試しに Illustrator 10 形式で保存し直したところ、警告メッセージは出ますが特に何かが劣化するようには見えませんでした。(見落としているかもですけど) CS3 を持ってる人を探してファイル形式を変換してもらうと良いかもしれません。

Webデザインには、どんなにビギナーだったとしても、プロのWebデザイナーを名乗る人がやってしまうと恥ずかしい“マナー”ともいえる制作上のルールがあります。「知らなかった」、「教わっていない」では通用しません。なぜなら、アナタはプロなのですから。 そんな超基本の“Webデザインのお作法”を50個選定し、サイト設計、テキストデザイン、画像と色彩、レイアウト、その他の5つのテーマ別に解説していきます。この特集を通して、“Webデザインのお作法”をしっかり習得、あるいは復習して、カンペキに身に付けてください。

アフェリエイトでも確定申告が必要なんです！そんなネットで収入を得ている個人が今の時代は本当に多くいるそうです。アルバイトよりも手軽？で収入も多いそうですが、個人で納税の義務を理解している人はほとんどいないでしょう。 こんな話題を書いている私も確定申告の知識など無くてネットで自分は大丈夫なの？？とググったと言うのが正直なところですが、税金のことなんて何も判りませんでした。 『納税は国民の義務』と学んだのを覚えていますか？でも確定申告の必要性とか方法を誰も教えてくれないんですから・・これは教育の怠慢なんでしょうか？社会に出る前に義務教育で教えるとか・・・あっ！？いまは義務教育って必修科目すら教えないでもいい学校もある時代でしたね。未修教科問題とか義務教育もダメなんですから。。。しか〜し！そんな言い訳は税務署には通用しないのです。確定申告は日本に暮す人だったら国民の義務なのです。しかも納税しない

Secret Places of The Earth By Argosax With Google Earth This video was created in 2006, things have certainly changed on Google Map now ! So there are not fake. This is what you could see in 2006 =) Enjoy !

現時点で約200個以上のウェブサイトテンプレートが無料でダウンロード可能になっており、ライセンスも商用利用可能なものからGPLライセンス、CCライセンスまでいろいろ。 特筆すべきは検索機能の充実具合で、XHTML準拠、ライセンス別、明るい系か暗い系か、幅は固定かそうでないか、カラムの数、色名を組み合わせて絞り込みが可能。 詳細は以下の通り。 Open Design Community - Download Free Web Design Templates - OpenDesigns.org http://www.opendesigns.org/ 強力な検索機能の利用は以下から。 Search Designs ・ OpenDesigns.org 以下からサムネイル画像でテンプレートのプレビューを見ることもできます。サムネイル画像の上にマウスを乗せれば詳細な情報が表示されるので便利。クリック

シンプルなWii風の角丸ボタンが簡単に作成できます。IE5.5、IE6、IE7、Firefox2、Opera9で動作確認がされており、2つのタグと画像が1つ、それからCSSファイル1つで構成されています。 作り方は以下から。 Simple Round CSS Links ( Wii Buttons ) これのもとになったのは、以下のページで解説されているCSSのテクニック。いろいろなボタンが作成でき、おもしろい。 Create Link Buttons with simple CSS and HTML シンプルですがいろいろと応用ができそうなあたり、好感触。

結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip

「… in 5 seconds」(…を5秒で)シリーズ。しばしば5秒以上だったり5秒未満だったりするのはご愛嬌。 注意：どう見てもネタバレです。本当に(ryある意味虚偽の記述なので取り消し線引いておきます(汗 YouTube - Star Trek 2 in 5 seconds 『スタートレックII カーンの逆襲』を5秒でYouTube - Star Wars in 5 seconds 『スター・ウォーズ（エピソード4/新たなる希望）』を5秒でYouTube - Empire Strikes Back in 5 seconds 『スター・ウォーズ エピソード5/帝国の逆襲』を5秒でYouTube - Return of the Jedi in 5 seconds 『スター・ウォーズ エピソード6/ジェダイの帰還』を5秒でYouTube - Fellowship of the Ring in

実際に存在する、思わず目を疑うような変わった建物の数々の写真です。 目の錯覚でゆがんで見えるのではなく、実際にゆがんでいる建物や、何を考えてその形にしたのか分からない建物までいろいろ。 詳細は以下の通り。 なんだか地盤沈下で沈んでいるかのよう。 ギザギザしています。 目の錯覚でもなんでもなく、本当にゆがんでいます。 足…。 どうやって生活しているのでしょうか。 ロボットみたいなビル。 キングコングが暴れています。 なんだか建物自体が傾いて見えます。 中がどうなっているのかが気になります。 どうしてこういう建物にしたのか、本当にわかりませんね…。 以下のリンクに他にも写真があります。 It's Knuttz - Unnusual Buildings and Houses

先日、Flickrの上級者向けTipsがLifehackerで紹介されていました。 なかなか便利なTipsもあったのでいくつかお伝えします。 » Flickr Advanced User Guide （via Lifehacker） では下記からどうぞ。 ■ 自分のページに好きなURLを設定する 自分のページのURLを好きなURLに変更する方法です。 変更前のURLはこのような（↓）数字と記号の羅列になっています。 http://www.flickr.com/photos/37718677626@N01/ （百式管理人のページ） そこで、こちらのページから好きなURLに変更することができます（他の人と重複していない場合）。 このように（↓）「37718677626@N01」を「100shiki」に変更することができました。 http://www.flickr.com/photos/100s

チャンピオンREDで「鉄のラインバレル」を連載しているプロの漫画家が自分のサイトで仮面ライダーをリスペクトしたネットコミックとでも言うべき作品、「Hybrid Insector」を公開しています。内容としては、仮面ライダーが迫害され、狩られるようになった世界での人類とライダーの戦いを描いています。 現在、Chapter00から06までが公開されているのですが、展開があまりにも熱すぎます、燃えます。仮面ライダーを知っている人も知らない人もかなり面白く読めるのではないかと。無料でこれだけのクオリティのものが読めるとは……。 閲覧は以下から。 Hybrid Insector 公式サイトトップページはこちら。 ナデガタサーカス この作品を描いた「清水栄一＋下口智裕」のプロフィールは以下に。 プロフィール 画像をクリックすると次のページに進むのでサクサクと読み進められます。ちゃんと見開きみたいにばば

下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写

こ、これはかなり使えます・・・。 が、とっても紹介が難しいのでさらりと。今回は実験的なエントリーとして画像一切なしで。 『Web2.0風デザインのためのチュートリアル68選』です。 » Web 2.0 Webdesign-Tutorials | Dr. Web Weblog 以下の7つのカテゴリーにわかれています。 サイトをこれから作るぞー、という人には大いに参考になる素晴らしきチュートリアルかと思います。 ビジュアル効果系（1～11） ロゴ系（12～25） テキスト（26～33）系 バッジ系（34～39） ボタン系（40～46） レイアウト系（47～60） Web2.0まとめ系（61～68） 個人的には1、2、12、13、40、41あたりが好きですね。今後使えそう。 しかし、こういう海外サイトのまとめをまとめとして紹介するのは難しいですよね・・・。そのまま紹介するのも「どうなの、それ？」

ゆでたまごを作った時、殻をむくのに失敗して困ることがありますが、この方法を使うときれいにむけるようになるかもしれません。 実際に10秒でむいているムービーも必見です。 手順は以下の通り。 まずタマゴのとがっていない方のカラを広めにむきます。 次にとがっている方のカラを少しだけむきます。 とがっている方に開けた穴からフッ！と息を吹き込むと、とがっていない方からタマゴが出てきます。 おいしいよ。 実際にやってみせているムービーはこちら。この人はとがっていない方から息を吹き込んでいるみたいです。 YouTube - Peeling eggs

何かと話題のYahoo! Pipes。今回はそれを活用したブログパーツジェネレーター「Badger」をご紹介。 これを使うと好きなブログのヘッドラインを表示するブログパーツを作成できます。よく見るブログの最新記事を自分のサイトやブログで表示したい時に使えそうです。 » Badger 下記に使い方をご紹介。 ↑ ブログパーツの色は自由に設定できます。枠や背景など5種類の色をカスタマイズ可能です。 ↑ タイトル、表示したいブログのURL、表示したいフィードのURL、ブログパーツの幅を設定します。完了すれば「Badgfiy!」のボタンをクリックします。 ↑ このように貼り付け用コードが生成されました。あとはブログのサイドバーなどに貼り付けるだけです。 ↑ 百式の最新記事を表示するブログパーツです。ちゃんと日本語にも対応していますよ。 まだまだYahoo! Pipesは色々な使い方ができそうですね

拡大縮小しても画質が劣化しないベクターデータは何かと便利です。 Tutorial Blogで無料で使えるベクターデータを配布しているサイトが紹介されていました。全部で27あります。 ふきだし風のパーツやアクア風のボタン、国旗やトランプなど、さまざまな用途に使えそうです。 ↑ こうしたサイトデザインに使えるようなものや・・・。 ↑ ちょっといいのかな、これ？というものとか・・・。 ↑ 自分ではとっても作れなさそうなやつとか・・・。 形式はAIやSVG、PDFなどさまざまですね・・・それってただのアイコンでベクターデータではないのでは？というのも若干混じっていますがそこはご愛嬌。 よろしければ下記サイトからどうぞ。 » Free Vector Downloads – Photoshop Tutorial

改行位置が「MS Pゴシック」と「meiryoKeGothic」で同じ。ここで満足するのが良い。 以下、危険行為のため詳細には記載しない。少しでも分からないところがあれば「やらない」に限る。 【７】システムのフォントを全て変える　※レジストリ弄るので危険 [画面のプロパティ]－[デザイン]－[詳細設定]で変更できないフォントも全て変更してしまう。レジストリを弄るので大変危険な行為。真似する事はお勧めできない。 しかしコレをやらないと最終完成目標に到達できない。 ◇レジストリの変更 [HKEY_LOCAL_MACHINESOFTWAREMicrosoftWindows NTCurrentVersionFontLinkSystemLink] "Tahoma"="MSGOTHIC.TTC,MS UI Gothic" →"meiryoKeGothic.ttc,MeiryoKe_UIGothic"に

Windows Vistaに収録されている壁紙はWindows XP以前と比べると非常に印象深いものが多く、最初から入っている壁紙だけでもそれなりに満足できるレベルになっています。で、この壁紙は一体誰が作ったのかというと、なんと写真共有コミュニティサイト「Flickr」などに積極的に投稿しているアマチュア写真家に依頼して提供を受けたそうです。 というわけで、Windows Vistaに採用されなかった壁紙がFlickr上で公開されています。採用されなかったからと言って決してクオリティが低いわけではなく、おそらくは苦渋の決断で泣く泣く外さざるを得なかったのではないかと思われます。 壁紙のダウンロードは以下から。 Windows Vista - a photoset on Flickr 上記写真はすべてVistaの壁紙のために撮影されたもので、最初の2枚が実際に採用されたもの、残りがボツになっ

Windows Vistaにまつわるちょっとしたシンデレラストーリーでも。 この物語の主人公はHamad Darwishさん。クウェート生まれの24歳の青年です。2001年、大学に入るために渡米しました。 ↑ Darwishさん。今はクウェートの官公庁で働いているそうです。 彼が写真に興味を持ち始めたのは大学3年生の時。父親がカメラ好きだったこともあり、すぐに写真の虜になりました。そして撮影した写真をFlickrに公開していたことがある出会いを生むことになります。 彼にある日、Flickr経由で一通のメッセージが届きました。「写真を売らないか？」というメッセージ。相手を知らないまま「もちろんだよ！」と彼は答えます。 その後、届いた契約書類を見て彼は驚愕します。マイクロソフトのロゴが入っていたからでした。これは彼が写真を撮り始めてからたった2年後のできごとです。 ↑ Windows Vist

日頃から使っているパソコンのイメージを一新する一番簡単な方法はデスクトップの壁紙を変更すること。壁紙を変えるだけで随分と気分が違ってくるものです。 というわけで、デスクトップ用の壁紙を配布しているサイトを総まとめにしてみました。 XSHOCK | virtual creations 1280x1024が多いですが、1600x1200、1680x1050なんていうサイズも用意。非常にシャープで鮮烈な印象を持つ壁紙が多いです。海外の壁紙をいろいろと集めているサイトだとこの系統が非常に多い。個人的にはかなりお気に入り。 Desktop Wallpapers - 3d MayaとかLightwave、Photoshopなどを駆使し、3次元空間をうまくCGで表現した壁紙がメイン。単なる3DCGとは違い、空間に奥行きや高さが感じられます。 Blogpaper フランスのサイト。イラスト調の壁紙がメイン

YouTube で公開されている、ブログ等へ貼り付ける Embed タグには embed 要素が含まれています。この embed 要素は XHTML では定義されていないため、このタグを貼り付けると XHTML valid なページになりません。 2009.08.13 変換ツール作りました。下記のリンクからどうぞ。 Youtube の貼り付け用 HTML を valid にするスクリプト ということで、下記のサイトを参考にタグを修正してみました。 cyano：FlashをXHTMLで表示させるには（embedタグを使わずに表示させるには） 変更前（赤色を削除） <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/gMHQ2a9VTyo"></param><param nam

今まで当サイトのサイト内検索は、Movable Type 標準の検索機能を使っていましたが、これがなかなか重たいのと、検索精度もイマイチなので変更することに。 で、以前にも紹介したとおり、Google からリリースされた、カスタムサーチエンジン制作機能、「Google Co-op」 を利用して、サイトのデザインに合わせたサイト内検索を実現してみることにしました。 ということで、簡単に自分のサイトに 「Google Co-op」 を導入するための作業の流れを説明してみます。Google のアカウントを持っている前提で行きますんで、その辺はよろしくお願いします。 1） Google Co-op で自サイトだけを検索する検索エンジンを作る Google Co-op にログインしたら、新規に検索エンジンを作成します。画面上の 「Create a Search Engine」 をクリック。 次の画面

失敗しないプロジェクトマネジメント――Appleやはてな、Googleに学ぶ3つのヒント：デジタルワークスタイルの視点 プロジェクトが失敗する要因は「計画」「やる気」「変化」の3つ。これらを管理しようとすればするほど悪いスパイラルに落ち込みます。Appleやはてな、Googleなど、注目企業ではどのようなマネジメントを行っているのでしょうか。 「完璧に管理しようとすればするほど、プロジェクトは失敗する」という悪いスパイラルが存在します（2月21日の記事参照）。そこで今回は、どのようなプロジェクトマネジメントをすれば、プロジェクトを失敗させないようにできるのか考えてみたいと思います。 プロジェクトが失敗する要因は「計画」「やる気」「変化」の3つ。前回はそれぞれを完璧に管理しようとしていましたが、今回は考え方を180度変えてみましょう。それぞれの要因を最初からなくしてしまうのです。 失敗しない

HeartRails Glance | リンク先 「チラ見」 サービス リンク先のサイトを「チラ見」できる「HeartRails Glance」を導入してみました。 リンクにカーソルを重ねるとリンク先のサムネイルが表示されます。現時点での対応ブラウザは、Internet Explorer、Firefox、Opera です。 ブログでも興味を引くのは、ちょいエロや「チラリズム」なのかもしれませんね。 HeartRails Glance は導入も簡単 メンバー登録などの面倒な手続きは一切不要です。もちろん無料！ 表示される JavaScript をそのままコピーして貼り付けるだけですぐに導入できます。 似たようなサービスは他にもいろいろありますが、カスタマイズ性も高く機能も充実してデザインもわたし好みです。 わたしが気に入った点 ウィンドウのカラーを6色から選べる Small、Medium、L

気分転換に模様替えでも・・・という方におすすめのツールです。 最近何かと話題のIKEAが配布している「プランニングツール」です。存在は知っていましたが、どういったものかわからなかったのでレビューしてみました。 思っていたよりかなり良くできています。IKEAの家具と連動しているのがいいですね。しかも3Dで見れたり、データをIKEAのサーバーに送ることもできます・・・。 これから春に向けて引越しや部屋の模様替えを考えている方には便利かも知れません。 » プランニングツール （via IKEA） 簡単に使い方をご紹介。 ↑ プランニングツールは3種類あります。今回はベッドルーム用をダウンロード。他に、オフィス用、キッチン用がありますよ。 ↑ こちらがIKEAホームプランナー。ここに理想の部屋がデザインされていきます。 ↑ まずはじめに部屋の大きさや間取りを決めます。 ↑ 部屋の形を指定。ドラッグ

Adobe Systemsが、Googleなどの競合各社を追従すべく、人気の高い画像編集アプリケーション「Photoshop」のウェブアプリ版を6カ月以内にリリースする計画を進めている。同社最高経営責任者（CEO）Bruce Chizen氏が米国時間2月27日に明らかにした。 これは、広告入りのオンラインサービスを投入して既存製品を補完し、コンシューマー市場におけるシェア拡大を目指す大規模な措置の一環だと、Chizen氏はCNET News.comに語っている。 Chizen氏によると、メディア共有サイト「PhotoBucket」で提供されるウェブベースのビデオ編集ツール「Adobe Remix」とともにウェブアプリ版Photoshopの土台をAdobeでは築いていたという。 Adobe Remix同様、ウェブアプリ版のPhotoshopは、通常のPhotoshopや「Photoshop

web上に数多あるフリーソフトウェアを使いこなすことで、PC生活は劇的に向上します。この連載では、僕の愛用するフリーソフトを紹介していこうと思います。「解凍」とかの基本的なPC用語は解説しませんが、要望があれば考えます。でも、googleとかで調べたほうが、たぶん色々と早いです。 最初に紹介するのは、検索式ダウンローダ「ebot Lite」です。 作者サイト vectorのダウンロードページ このソフトの基本的な機能は、指定したキーワードでweb検索し、検索結果のページからキーワードに関連していそうなファイルを自動的にダウンロードするというものです。これだけでも、例えば特定の作品のイラストを大量に集めるといったようなことが簡単にできるのですが、このソフトの真価は、サーチエンジンにyoutubeが含まれていることです。 youtubeから動画ファイルをダウンロードする手段は非常に多様なものが

www.wherethehellismatt.com I had a great time making this. Hope you enjoy it. www.wheretheheckismatt.com www.STRIDEgum.com

日々のあらゆるシーンで役立つ情報を提供するIT系ニュースサイト。毎日更新中。

QR コードといえば、白と黒というイメージがあると思いますが、ちょっとオシャレでカラフルな QR コード作成サービスをご紹介します。 こちらの QR コードは携帯電話のバーコードリーダー機能を使ってデータを読み取ることができます。

「IE7 で閲覧すると表示が異なるのですが」というご質問を頂いたので、CSS ハックを利用して、IE7 のスタイルのみを変更する方法を紹介します。結論だけ述べますと、IE7 に異なるスタイルを適用する（=他のブラウザと表示を合わせる）場合、該当のセレクタの前に *:first-child+html を付与します。例えば、IDセレクタ #banner に適用させる場合、 *:first-child+html #banner { ： [IE7用のスタイルを記述] ： } となります。 なお、それ以外のブラウザのために、元の #banner の設定は、この追加したセレクタより前方に記述します（下記）。この順番を間違えると期待する表示にならないのでご注意ください。 #banner { ： [IE7以外のスタイルを記述] ： } *:first-child+html #banner { ： [IE7

ブロガーに限らず、もうちょっと文章がうまくなりたい・・・と考えている人は多いはず。 そこで今回はジョージ・オーウェルさんの文章術についての記事をご紹介します。ジョージ・オーウェルさんといえば「動物農場」や「1984年」の作品で有名なSF作家です。 » George Orwell: 12 Writing Tips （via Writingclasses.com） ちなみに彼の詳しい経歴は以下をどうぞ。 » ジョージ・オーウェル – Wikipedia さて、その彼の文章術とは？ ■ 文を書いたあとの心得 読者にとってわかりやすい文章を書きたいならば、一つ一つの文を書いた後に、次の4つについて自問しましょう。 いったい自分はここで何を言いたいのか？ 自分が言いたいことはどのような言葉で表現したらいいだろうか？ 表現する際に、どのような比喩や熟語を使えばわかりやすいだろうか？ この表現は読者に対

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

YouTubeのアドレスをコピーして貼り付けるだけで、MPEGファイルに自動変換されてダウンロード可能になるというかなり便利な無料ネットサービスです。ものすごくいいムービーがアップされているのを見つけたがそのうち削除されてしまうに違いないという場合、即座に保存できます。 使い方は以下の通り。 Online Video Converter - FLV to MPG http://vidconverter.com/ 2010/08/17追記：サイトが閉鎖されたようです。 まず、ダウンロードしたいファイルのアドレスをコピーして貼り付けます 次に「CONVERT VIDEO」をクリックします しばらく待ちます できあがり、ダウンロードすれば完了。FLVファイルではなくMPEGファイルなので、Windows Media Playerなどで普通に再生可能。かなり便利です。

恒例の新番チェック。放送局・放送日時は変更の可能性あり。全53本（単発SP・OVA先行放映・継続は除く）と、多いのは確かですが、史上最多を記録した去年春の全69本に比べれば、16本減。 http://www.ktai-s.net/ 原作：G-mode、監督：矢吹勉、キャラクターデザイン・作画監督：渡辺真由美、シナリオ：佐藤和治、美術監督：楠本裕也、監修：長木一記、アニメーション制作：スタジオ雲雀。1話4分・全5話。携帯電話が擬人化したキャラとの恋愛を描くのではなく、ケータイ少女・リンのサポートを受けて、主人公が彼女を作るために奮闘する携帯アプリをWEBアニメ化。 > チバテレビ：04/03 25:30〜 > テレ玉：04/03 25:30〜 > テレビ愛知：04/03 28:28〜 > テレビ神奈川：04/04 25:15〜 > サンテレビ：04/05 26:05〜 http://www.

今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込

CSS BloomというブログなどのCSSデザインをみんなで評価するサイトにて、高評価のデザイントップ20です。 日本のブログデザインのコンセプトとちょっと違うのが多く、見ているだけでも面白いです。ブログデザインの展示会といった感じ。また、どんなデザインのブログにしようかな～と思っている場合にはかなり参考になります。 Top 20 Blog Designs | Blog http://silentbits.com/?p=339 http://silentbits.com/?p=385 以下、上記サイトで出てきたトップ20のサイト第1弾。 Veerle's blog 2.0 - Webdesign - XHTML CSS | Graphic Design Avalonstar. The Aries Project. By Bryan Veloso. Matt Brett Joshuaink

ページの見かけを決めるCSSについていろいろなデザインが今までありとあらゆる場所で検討されてきましたが、今度はそのCSSを時間帯によって切り替えるという方法です。朝なら朝っぽいCSSで、夜なら夜っぽいCSSを使うというようにして、いろいろと応用が利きそう。 詳細は以下の通り。 Katgal.com: New and Improved このアイディアをさらに延長したアイディアが以下にあります。 nicholasjon.com :: Time Sensitive {1/14/2007} 上記サイトでは以下のような感じで時間だけでなく、天気によっても変わっていけばおもしろいというように提案しています。 はれ くもり 夜

次のIE7がFirefoxのようなタブ機能まで搭載している点や、セキュリティにガチガチに気をつけている点を見ると、Firefoxの影響力はかなり大きかったのだなぁということがわかるわけですが、そんなFirefoxをさらに改造した「lolifox」というブラウザがあるようです。Windows版にはちゃんと日本語版も用意されており、Linux版やMac OS X版も英語ではありますがちゃんと用意されています。 すでにインストールされているFirefoxとは違う設定ファイルを別のフォルダに保存する仕様なので、安心して同居可能。同時起動もOK。また、Firefoxで使える拡張機能は基本的に全部使えるそうです。 単純にアニメっぽいキャラを採用している点のみが差別化の点ではなく、タブのプレビューという追加機能もあります。 ダウンロードは以下の公式サイトから。 lolifox http://lolifo

エヴァンゲリオンの物語内の用語と一般的な用語とで食い違いがあるので ここで解説します。 まず、エヴァンゲリオンの物語概要について記述しましょう。 地球に知的生命が発生する以前、宇宙のどこかに高度な知的生命体が誕生しました。 （本編中ではそれを『神』と呼びます。 企画書、脚本の段階では『第一始祖民族』と明記してありましたが、 本編中では、その名称がカットされました。 放送後に発表された二次資料とかにその名が残っています。） 彼らは、他の恒星系にも知的生命が誕生するように生命の種をまきます。 本来、それらは、一つの惑星に一つづつ漂着するはずでしたが、 地球には二つの種が漂着します。 これがエヴァ世界におけるファーストインパクト（ジャイアントインパクト）です。 地球に漂着した生命の種ですが 一つは南極に落ちた「白き月」です。「白き月」に入っていたのが、第１使徒アダムです。 第１使徒アダムからは第

swissmissでFlickrの表示レイアウトが変更できるようになったことを知りました。 変更できるレイアウトの種類は以下の6種類です。 ↑ ちなみにデフォルトは「small + sets」ですね。 具体的な使い方は以下をどうぞ。 レイアウトの変更はフッターメニューの「You」から「Your Account」をクリック、次のページの「Your photos page layout」から選択可能です。 この機能を使えばもっとクリエイティブな見せ方ができますね。たとえば「medium + sets」を選べばブログ的な見せ方もできます。 ↑ 普通はこういう感じですが・・・。 ↑ こうすれば写真のコメントを使って写真ブログ的な見せ方もできます。 とにかくたくさん写真を見せたい人は「small images only」でもいいですね。自分の写真にあった見せ方をいろいろ試してみてはいかがでしょうか。

いわゆるオンラインストレージ系のサービスですが、日本語でこういうサービスでが出てくるのは非常に珍しいのではないかと。最大1GBまでのファイルを最大10人に同時送信可能で、送受信履歴も表示可能。送信側はユーザー登録が必要ですが、受信側はメールで届くダウンロード用のアドレスにアクセスするだけなので簡単便利。ダウンロード保持期限は72時間なので、特に問題はないかと。 というわけで、実際に使ってみました。 大容量ファイル転送サービスのFileTruck http://www.filetruck.jp/ 「今すぐユーザー登録」をクリック メールアドレスとパスワードを設定したら、「同意してユーザー登録を実行します」をクリック 仮登録完了 メールアドレス宛にこういうメールが来るので、アドレスをクリックしてアクセス 本登録完了 ユーザーIDにはさっきの登録時のメールアドレスを入力し、パスワードも入れて「ロ

こちらでお金をかけずにできる「7つのクリエイティブな広告手法」が紹介されていました。「自社サイトや製品を宣伝したいけれど、予算がない・・・」という人には参考になるかも知れません。 個人の方がサイトやブログを宣伝したい時にも使えるかも。 » 7 Creative Ways to Advertise Your Product (via GameProducer.Net) 「ああ、そういう方法もあったか」というアイデアも紹介されていますよ。以下よりご覧ください。 自分の車を使う ご自身で車をお持ちの方は、それを広告媒体として使ってみてはいかがでしょう。たとえば、会社のロゴやサイトのURLを記したステッカーを車の窓に貼ってみましょう。キャッチコピーを一緒に書くのも良いですね。 タクシーがやっているくらいですから、やってみる価値はあるのではないでしょうか。 Tシャツを使う 最近では自分でTシャツをデ

先日、普通の紙を味のある「アンティーク風」にする方法をお伝えしました。 今回はPhotoshopを使って「味のあるアンティーク風の紙を作る方法」をご紹介します。まるで宝の地図のような画像ができますよ。 慣れれば3分くらいで作成できます。以下よりご覧下さい。 ↑ まずはじめに背景が白の画像を作成します。 ↑ 次に「アクション」ウィンドウ右上の矢印をクリックします。 ↑ メニューから「アクションの読み込み」を選びます。 ↑ 「テクスチャ」を読み込みます。 ↑ するとアクションに「テクスチャ」が読み込まれました。その中から「羊皮紙」を選択して「再生ボタン」をクリックします。 ↑ このようなテクスチャが読み込まれました。 ↑ 次に消しゴムツールを使ってふちを消していきます。 ↑ 破れた紙の雰囲気を出していきましょう。 ↑ そして焼き込みツールを使って破れた部分を焼いていきます。古い雰囲気がでてきま

解説 CSSとは CSS*1とは、(X)HTML文書の見栄えを整形するための、Web標準*2の指定方法です。要するにホームページをデザインする手段です。CSSを使わなくてもHTMLで直接デザイン*3できなくはないですが、CSSを使った方が標準的で効率的です。例えば100枚のHTMLファイルを一つのCSSで一括して指定できます。また、はてなダイアリーもそうですが、ブログのデザイン指定にも使います。 基本 スタイルシートの基本 -- ごく簡単なHTMLの説明 よく使うCSSの話|基本編 CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML+CSSガイドライン作り [1] 一覧 とほほのスタイルシート入門 【HTMLタグの簡単検索】TAG index - Web制作情報 レイアウト CSSによる段組（マルチカラム）レイアウト講座 スタイルシートによる崩れない　2カラム　3

いたるところに同じようなエントリーは数あれど、懲りずに私が個人的に日常利用している Firefox 拡張機能を挙げてみました。 色々インストールしてはあまり使わないので削除したりを繰り返していますが、ここに挙げた 20個はその中で定着したもの。 All-in-one Sidebar Clippings Copy URL + Firebug FireFTP Google Toolbar for Firefox Greasemonkey IE View Link Alert Nightly Tester Tools no-referrer QuickNote ScrapBook Screen grab! Search Station Tab Catalog Tab Mix Plus Tab URL Copier User Agent Switcher Web Developer All-in-

色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です

GoogleのページランクやAlexaのランク、GoogleとYahoo！とLive Searchからのバックリンク数、ブログ検索エンジンテクノラティのインバウンドリンク数、ソーシャルブックマークdel.icio.usのブックマーク数、RSSリーダーBloglinesでの購読者数、それからドメインのWhois情報やDNS情報を一度に調べて表示してくれるという無料サービスです。 いちいちひとつずつ調べる手間が省け、検索エンジン対策のSEOにも便利。 使い方は以下の通り。 popuri.us quickly check your site's Google PageRank, Alexa Rank and more! http://www.popuri.us/ まず調査したいサイトのアドレスを入力し、「Get Info」をクリック しばらくすると調査結果が順番に表示されます。とっても簡単。

眠る8時間前にはうたたねをしない方が良いそうです。 そのようなTipsが「安眠ための17のTips」という記事で紹介されていました。快眠のための枕を科学的に開発しているブランド「Sleep Better」からの情報です。 「眠れない！」という方だけでなく、「睡眠時間が短いから深く眠りたい！」という人にも参考になるかと思います。 » 17 Healthful Sleep Tips 快適な睡眠をとるにはどのようなことに気をつければ良いのでしょうか。以下よりご覧ください。 毎日、起きる時間と寝る時間を一定にしましょう。ズレたとしても寝る時間は2時間以内、起きる時間は1時間以内のズレに収めるようにしましょう。週末も同じリズムをたもちましょう。 寝る3～6時間前にカフェインやニコチン、アルコールは摂取しないようにしましょう。熟睡を妨げます。 寝る3時間前に重い食事をとるのはやめましょう。 ベッドは寝

Vote now at:http://www.youtube.com/ytawardsOnly original videos uploaded in 2006 were considered.

これがあればもう完璧ですね・・・300以上ものロゴデザインに関するサイトを集めたまとめです。 チュートリアルからロゴデザインのアイディアまで・・・かな～り使えるのではないでしょうか。300以上もあるのでさすがにいくつかのカテゴリーに分類されていますね。 どんな役立つ資料があるのでしょうか。詳しくは以下をどうぞ。 ↑ ロゴのタイポグラフィーに関する資料いろいろ。フォントは悩みますよね・・・。 ↑ お約束ですが、「2.0っぽい」ロゴデザイン集についてもいろいろ教えてくれます。 ↑ 素敵なロゴデザインを集めたサイトも紹介してくれます。 全てのカテゴリーは以下のとおりです。是非ご活用ください。 Importance of Logo （ロゴの重要性） Logo Design Software （デザインのためのツール） Logo Design Tutorials （チュートリアル） Logo Fil

個人のPCには、他人に見られたくないプライベートなデータがHDDの中にたくさん詰まっている。「俺にもしもの事があったら、これをまとめて消してほしい」──会話の中でのこうした軽口は、縁起でもない話ではあるが、あながち冗談ではないのである。 もっとも身近な友人がこうした依頼を引き受けてくれたとしても、きちんと履行されることが保障されるわけではない。それ以前に、いくら友人とはいっても問題のデータを見られてしまうことに抵抗がある人もいるだろう。できれば自分1人でなんとか処理してしまいたいものだ。 こうした場合に、プライバシーを保護（？）してくれるソフトが「誉」だ。本ソフトはスタートアップに常駐し、PC起動時に前回の起動から一定期間(7日以上)が経過していれば、指定のファイルをまるごと削除してくれる機能を持っている。しかも単にゴミ箱に放り込むだけではなく、ゴミ箱からも削除してくれるという徹底ぶりだ。

PCで仕事を速くする不定期連載の第3回。今回は安心して仕事をするために、どうバックアップを取っていけばいいのかを考える。 朝起きて、PCを立ち上げたらHDDから異音が……。起動もせず入っていたデータはパァ。こうした筆者のような経験を持つ人がどのくらいいるか分からない。しかし「HDDが壊れて原稿がなくなってしまった」と締め切りを守れなかった理由を説明されることはしばしばあることを考えると（本当にPCが壊れたのが5回に1回だとしても）、しょっちゅうHDDというのは壊れるものなのだろう。 さて、HDDが壊れるという出来事は、実際に体験した人なら背筋が凍る思い出だろう。少なくとも同じように仕事ができる環境に戻すには、丸一日が必要だ。さらに失ったデータを考えると、取り返しがつかない場合も多い。 こんなふうに、バックアップの重要性はしばしば語られるのだが、じゃあ、どのファイルをどうやってバックアップし

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

ブログで何か説明するとき、文字で説明するよりも画像で説明した方がわかりやすい場合が多々ありますが、「すぐにグラフが作ることができればなぁ……」と思うこともあるはず。そんなときに便利なのがこのブログにグラフを貼り付けられる無料サービス「JSChart」。グラフの種類、項目名、数値を入力するだけであっという間にグラフが完成します。また、APIも提供されています。 簡単な使い方は以下の通り。 Web制作者向けの簡単・リアルタイムなグラフ描画ツール - JSChart - http://www.jschart.jp/ トップページにアクセスするとフリーデモと書いてある部分があるので、そこで作成可能です。 まずはグラフの種類を選びます。線グラフ、棒グラフ、円グラフ、円グラフ3Dの4つから選択可能 次にグラフに表示される名前を入力します。また、複数のグラフが必要な場合は「系列を追加する」で増やすことが

一時あれほどもてはやされた Flash が Ajax の隆盛と反比例するかのように衰退の一途をたどっているようです。 Flash が嫌われた原因をたどっていくと、たとえば最初にデータを全部読み込まなければなず待たされることがありますが、これはちょうど Ajax の優位点の逆ですね。 ActionScriptを駆使して Flash アニメを完成させても、YouTube の動画にかなわない。開発にお金も時間もかかるから（Flash 関係のソフトはたいがい有料で高価ですね）、結局大手企業のポータルサイトを飾ることはあっても個人ブログなどではとても使えない、などなど。 だけど Flash はこのまま死に絶えてしまう技術なんでしょうか。私はそうではないと思います。Ajax 全盛期にあえて Flash で挑戦する実験サイトのいくつかを拾ってみました。 ①Flash 8 入門講座 Flash とは何か、