フッターとかの区切り『｜』のサンプル4種｜CSS HappyLife
フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home｜アバウト｜イラスト｜BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。（サンプルに寄ってid名とか変わりますが） <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href="/">Gallery</a></li> <li><a href="/">Blog</a></li> </ul> んでは、いってみますか。 一番書きたかった内容は最後に書いてます。 普通に縦線を書いた感じ 実際の表示です。 Home｜ About｜ Gallery｜ Blog 普通にhtmlに｜を記述しているのでソースは当然下記のように。 <ul id="samp
はてな認証APIを使ったWebサイト まとめ (その2)
「はてな認証APIを使ったWebサイト まとめ(その１)」に便乗。d:id:sirouto2さんから始まった「2007年のまとめブーム」に便乗。 書いている途中にd:id:nekonamiさんの日記と人力検索の質問を思い出した。とても豊富だ。改めてまとめる必要はないのかもしれない。 d:id:nekonami:20060505:apiquestion:1146798264ただ、「はてな認証APIを使ったWebサイト まとめ(その１)」の記事がある程度ブックマークされていたのをみて、はてな認証APIを利用したサービスの制作・利用を再活発化させる絶好の機会だと思った。 そこで、まとめ(その1)にあがっていないところで個人的におもしろいと思っているものを3つ挙げてみる。 WillustratorURLhttp://willustrator.org/主な用途ドローツール作者id:kambara (
はてな認証APIを使ったWebサイト まとめ(その１)
はてなIDを取得していれば、はてな以外のサイトが提供するWEBサービスでも新たにアカウント取得することなく使えるはてな認証API実装済みサイトをまとめました。その１としているのは、以下以外に見つけたら、付け足して、その２、その３としてまとめページを作って下さい。Hatelabohttp://hatelabo.jp/主な用途：はてな公式実験的サービスQooqle Video Clippers!http://clippers.qooqle.jp/主な用途：YouTubeの動画をコレクションしたり共有したりできるサービスはてなWikihttp://hatenawiki.blogdb.jp/主な用途：はてなについてのWiki1470.nethttp://1470.net/主な用途：メモ機能mikle.jphttp://mikle.jp/主な用途：掲示板サービス(投稿許可)yellowspanhtt
oreseg（オレセグ）-仕事しながら動画を観たりするサービス
Proudly Served by LiteSpeed Web Server at oreseg.com Port 443
超シンプルで使い勝手のよいJavaScriptコード集「Nomadic Functions」:phpspot開発日誌
NoFunc Nomadic Functions 超シンプルで使い勝手のよいJavaScriptコード集「Nomadic Functions」。 他のどのライブラリにも依存しない、★投票システムや、Ajaxリクエスト、カラーピッカー、ドラッグ＆ドロップ、テーブルソートなどを実現するためのJavaScriptコード集です。 例えば、ajaxリクエストをするのに、次の関数があって、wReq('http://www.YourDomain.com/',0,function(v) { alert(v); }); のようにシンプルに呼び出せるコードが紹介されています。 function wReq(u,s,change) { var r=[function(){ return new XMLHttpRequest(); },function(){ return new ActiveXObject("Ms
テキストをXHTMLに変換するJavaScript製「Markdown」ライブラリ:phpspot開発日誌
Showdown - Markdown in Javascript テキストをXHTMLに変換するJavaScript製「Markdown」ライブラリ。 次の画像を見てください。左の入力欄にテキストを入力すると、リアルタイムで右のウィンドウにHTMLに変換されたページが表示されます。 要は、Markdownとは、WIKIのような文字列変換を行うもののようですね。 ライブラリ自体はダウンロードして自分のツールに独自に組み込んだり出来そうです。 JavaScriptで出来ているということで、サーバに依存せず、アイデア次第で面白いもの/便利なものが作れるかもしれませんね。
JavaScriptのテンプレートエンジン色々:phpspot開発日誌
Particletree Templates in JavaScript Ever since Smarty rocked my world, I have been on the lookout for template engines in each and every aspect of development. JavaScriptのテンプレートエンジン色々。 PHPではSmartyがテンプレートエンジンのデファクトスタンダードとして使われていますが、JavaScriptのテンプレートエンジンは未だデファクトと呼ばれるものがありません。 いくつか、気になるJavaScriptでのテンプレートエンジンが紹介されていましたので次に掲載。 JST Smartyに似ていて、if文やfor文、forelse文などが使える模様。 テンプレート例 Hello ${customer.first}
未熟だからこそ Blog 書いてますってこと
たまに勘違いされるのですが、当サイトで (X)HTML とか、CSS に関して書いているのを理由に、その辺に関する知識は仕様書の内容なども含めて完全に習得してい... たまに勘違いされるのですが、当サイトで (X)HTML とか、CSS に関して書いているのを理由に、その辺に関する知識は仕様書の内容なども含めて完全に習得している → すごいですね。みたいな事を言われて焦るときがあるのですが、個人的にはまったく逆で、まだまだその辺の知識や見識が未熟だからこそ Blog を書いているっていう側面もあったりします。 そこで今回は、お勉強という側面からみた、Blog を書くことに関する個人的な考えをまとめておきたいと思います。 通常 「インプットの質と量」 と 「アウトプットの質と量」 は比例するものだと思いますし、Blog を書くこと、つまりアウトプットを定期的に行うには、それに数倍する量と質の
Youtubeでものを売りつけられた…それもとても上手に
Youtubeでたまたま見つけたビデオに思いっきりひきつけられてしまった。これだ、 これにはまいった。子供のころから磁石が大好きだった私のために作られたような商品だ（ちなみに、この商品はBandoleer Bracelet from Dynomighty Design）。 それにしても、このYoutubeを使ったマーケティングはなかなかするどい。この商品のように「一目見てもらえばユニークさが分かる」ものにはとても効果的だ。
なんでも悲観的に考える人と、なんでも努力すれば何とかなるという人 - 分裂勘違い君劇場
過酷な現実を前にすると、人の心は次のどちらかに傾く。 (1)ペシミズム(悲観主義) 「こんな状況じゃ、努力したって報われないよ。」 (2)オプティミズム(楽観主義) 「努力すれば解決できるよ。努力して、乗り越えていこうよ。」 もしくは、この二つの間を揺れ動く。 ペシミスティックな気分の人は、努力しても無駄だという証拠をあげつらい、理屈をこねる。 オプティミスティックな気分の人は、努力すればなんとかなるという証拠をあげつらい、理屈をこねる。 どれほど確かな証拠に基づき、説得力のあるロジックを展開しようとも、 ペシミストの主張も、オプティミストの主張も、どちらも、 「結論が先にあって、その結論へ持っていくための後付の理屈の塊」にすぎない。 ペシミズムの色眼鏡をかけた人に対して、オプティミズムの色眼鏡で見た世界観を語っても、心に響かない。 オプティミズムの色眼鏡で世界を見ようとする人のブログには
| ＾＾ |Byozine:秒刊ネットマガジン:: これ弾けたら神認定
2007年03月04日 これ弾けたら神認定 私の最も苦手な分野で楽譜というのがありますが それのなかで更に難解な楽譜を発見。 これはもはや楽譜と言うより暗号･･･。 神しか弾けない楽譜 Faerie's Aire And Death Waltz なにが書いてあるのかはまずわからないのはいいとして タイトルが Death Waltzという、実に危ない名称を与えられている点は 妙に納得いく。社会的風刺をした作品だそうだ。 まぁその名のとおり妖精の死のワルツなんだろうな･･･。 ちなみに以下でMIDIが聞けます。 意外とノリノリの曲だ。 ■MIDI String Quartet No. 556 タイトルを直訳すると 『自動車事故』 たしかに標識のようなものがあるがそれがそうなのか。 自動車事故に起きてよっぽど気がめいってしまったのでしょうか。 あつしおじさんと、異次元のワルツ
フリーのMIDIシーケンサ、Dominoを楽しもう [DTM・デジタルレコーディング] All About
DTMに初めてチャレンジしたという人は常にいっぱいいるのですが、国内においてDTMを楽しんでいる人の数そのものは、この10年くらいを見て、それほど大きくは伸びていないような気がします。これは何を示しているかというと、新たな人が増える一方、挫折したり、途中で飽きてやめてしまう人が結構いるということです。 また、技術進歩が早い世界なため、しばらく使っていないうちに、今のDTMがまったく分からなくなって、手がつけられないでいる、という人もかなりいるようです。 中でも多いのは5～10年ほど前のMIDI全盛の時代にDTMはそこそこ楽しんだけど、最近のDAWの世界についていけないという人です。確かに、当時と現在のDTMは、言葉は同じでもまったく異なるものだといっても過言ではないでしょう。
![フリーのMIDIシーケンサ、Dominoを楽しもう [DTM・デジタルレコーディング] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
耳コピーソフト WAV（.wav）を MIDI（.mid）に変換 採譜の達人 フリー
「採譜の達人」とは？ 「採譜の達人」は、 WAV ファイル（.wav）を MIDI ファイル（.mid）に変換する自動採譜（耳コピー）ソフトです。単音だけでなく和音も解析します。ただし、複数の楽器音を識別することはできません。採譜補助ツールとして、楽器の練習や MIDI ファイル作りなどにお役立てください。 「採譜の達人」は、採譜したい音楽が記録された「入力ファイル」と、楽器の単音が記録された「単音ファイル」の２つの WAV ファイルから、「出力ファイル」である MIDI ファイルを作成します。入力ファイルのすべての音が単音ファイルの音色で弾かれているものと仮定して採譜します。ですから、たとえ複数の楽器で演奏された音楽であっても、１つの楽器で演奏された MIDI ファイルになります。 採譜精度は音色に依存します。「採譜の達人」は、ピアノ、ギターといった周波数が正確な減衰音の採譜に適していま
rktSQLite2 MOONGIFT
日本発のSQLite管理フロントエンド WebベースのSQLite管理インタフェースです。構造表示/変更、データ表示/変更など一通りの管理が可能です。 日本発のSQLite管理フロントエンド PHPでDBを使った開発を考えると、MySQLやPostgreSQLが有力候補に挙がってくる。だが、ライトな開発であればPHP5がシェアを増やしつつある現在、SQLiteも選択肢として考えられそうだ。 SQLiteの利点は、PHP5標準である事とバックアップ等がファイルひとつという手軽さにある。こんなSQLiteを管理するなら、こうしたインタフェースを使ってみてはどうだろう。 今回紹介するオープンソース・ソフトウェアはrktSQLite2、SQLiteの管理インタフェースだ。 rktSQLite2は日本人の開発なので英語の苦手な人にとっても使い勝手が良い。データベースの選択、テーブル一覧、ビューの表示
CSS Tinderbox MOONGIFT
シンプルなオープンソース・テンプレート HTMLとCSSだけで構成されたシンプルなテンプレート集です。 シンプルなオープンソース・テンプレート オープンソースやCreative Commonsの下でデザインを公開しているサイトは幾つかある。だが、デザイン性が高過ぎて、格好が良いと思っても自分用にカスタマイズできないものも多い。 そう感じているあなたにはこれが良いかも知れない。 今回紹介するオープンソース・プロジェクトはCSS Tinderbox、シンプルなオープンソース・テンプレートサイトだ。 CSS Tinderboxで公開されているテンプレートは画像を含まず、HTMLとCSSのみで構成されている。それだけに内容も理解しやすく、カスタマイズしやすい。 1カラム～3カラム、そして上が3段、下が4段というテンプレートが用意されている。基本的には段組のテンプレートと考えれば良さそうだ。 調整し
ステレオタイプ - Wikipedia
ステレオタイプの例: 女性は家事を担当し、イタリア人はピザを好む。 ステレオタイプ（英: Stereotype、仏: Stéréotype）とは、多くの人に浸透している先入観、思い込み、認識、固定観念、レッテル、偏見、差別などの類型化された観念である。アメリカのジャーナリストであるウォルター・リップマンによって命名された[1]。 また、社会心理学においてステレオタイプとは、特定の集団に所属する人々や、特定の属性を有する人々に関する過度に一般化された信念のことである[2]。その種類は様々で、例えば、そのグループの性格、好み、外見、能力に関するものなどがある。ステレオタイプは、不正確で、古い内容が更新されにくいこともあるが、正確な場合もある[3]。このような一般化は、迅速な意思決定を行う際に有用な場合もあるが、差別の原因になる可能性がある。 社会科学の研究によると、ステレオタイプのうち、政治的
無料動画ツール・TIPSまとめ - 萌え理論ブログ
YouTube関連 萌え理論Magazine - オタクに役立つフリーソフト：最強のyoutubeダウンローダ「ebot Lite」 youtubeのファイルをまとめて落とすスクリプト関連 URLに「kiss」と入れるだけでYouTube映像が取得できる『KissYouTube』 | 100SHIKI.COM YouTubeを劣化なしで各種形式にオンライン変換する「FLV Online Converter」 - GIGAZINE YouTubeを便利に使うためのツール/サイト/情報のまとめ 検索・TIPS Geekなぺーじ：Googleの高度な検索応用方法 Googleでウェブカメラを根こそぎ探し出す方法 - GIGAZINE Windows デスクトップ上で rimo を常時表示する方法 - 雑記帳 GyaoReader+（ギャオリーダー） ★ しみず工房 フリーソフトダウンロード リッ
まとめのまとめ（2007年03月版） - 新しいTERRAZINE
はてな はてブの被お気に入りを減らす8つのコツ - 忘却防止。 ニュース http://matome.news.excite.co.jp/ 今面白いニュースサイトはここだっ！(ﾟ∀ﾟ) - ぁゃιぃ(*ﾟーﾟ)NEWS ネットサービス Five Ways to Mix, Rip, and Mash Your Data – TechCrunch http://caramel-tea.com/2007/03/pipes/ スパム対策の決め手、「送信ドメイン認証」のこれから (1/3) - ITmedia エンタープライズ 「ニコニコ動画(β)」とは結局何だったのか | 音極道茶室（旧アーカイブ） 無料で使える６つのオンラインストレージサービス – DesignWalker metareal.org - このウェブサイトは販売用です！ - プログラミング ソフトウェア ミステリー コンピュータ
人生は神ゲーだ
本気でがんばるとぎりぎり倒せるように絶妙のバランス調節がされた敵。 単純作業じゃ効率が悪いけど、工夫次第でどんどん効率を上げられる経験値システム。 リセット不可の緊張感。でもシレンとかよりずっと死ににくいからあんま気にする必要なし。つーか普通のゲームでもリセットなんて邪道じゃん。 全てのキャラが深い人間性と歴史を持って登場する、圧倒的リアリティ。 グラフィックが綺麗すぎ。多分、無限×無限ピクセルで、毎秒無限フレームで動いてる。色も多分無限色使える。夕焼けとかマジありえねー美しさ。 ＢＧＭの種類がほぼ無限。選曲も自由。自分で作った曲を流すこともできる。 人間が作ったとは思えない、とんでもなく複雑で洗練されたシナリオ。 リアル出産システム採用。自分と、自分よりも大切に思える相手の遺伝子を半分ずつ受け継いだ、奇跡のようなキャラを生み出して、そいつに自由に色々教えて育てることができる。すごく嬉しい
もしかしてAdobeの時代が来るのか？
「もしかしてAdobeの時代が来てる？これから来る？」 最近のAdobeの動きを見ていると、これからAdobeの時代が来るのではないかという気になってきます。 数年前までのAdobe Systems（アドビ システムズ）と言えば、AcrobatReaderやPhotoshopなどの「デザイン・機能的には優れているものの動作が重く、やや扱いづらいアプリケーションを開発している会社」という印象がありました。 ところが、2005年にマクロメディアを買収して以降、流れが変わってきたように感じます。 アドビ＋マクロメディア：ウェブモンキーが見る合併の将来 上記記事にもあるように、買収当時の声としては、「競合する会社を買収し独占状態にして利益を出すのではないか」などと言われたりもしていました。 買収から1年ちょっと経った今、Adobeは全く違う方向に動いていると言えます。 その一つが、Photosho
Flashは検索エンジンに引っかからないという思い込み
「Flashで作られたコンテンツは、Flash内のテキストを読み取れないから、検索エンジンに引っかからない」 と、思い込んでいましたが違っていたようです。 そして、Googleの検索方法にswfファイルを直接検索するオプションがあるなんてことも知りませんでした。 教えてもらったのは、「Flex2,ActionScript3.0が優れている9の理由とAjaxとの差のコメント」の「始」さんから。 「Googleがswfのファイル読んでるんじゃね？」という記事を教えてもらい、いろいろ調べてみました。 Googleのファイルタイプ指定検索 わかったことは、Googleにはファイルタイプを指定して検索するオプションがあるということ。 以下の「filetype:」コマンドを使うことによって検索できます。 検索ワード filetype:検索ファイル 指定できるのは、FlashのSWFファイルを含む以下の
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) 検索、フィード、フィッシング対策、スペルチェック 検索バーと
ウェブデザインコンプレックスは克服できるか - GIGAZINE
幽霊の正体見たり枯れ尾花。これが結論である。 デザインセンスや技術力は努力だけで90％まで到達できる。後残りの10パーセントがその人の持って生まれた才能やセンスの問題、後は好み。あるいは、生まれ育った生活環境や諸々のもの。とにかく、努力では変えようのないものが残り10パーセントを占めている。 だが、努力だけで到達可能な90パーセントまで達すれば、一流のプロとして通用するレベルである。今から定年までにこの技術を磨いておけば一つの芸として成立するし、あなたの老後はバラ色だ。そのためには、ほふく前進で努力をすることが必要となる。一体、デザインの現状というものはどのようなものなのか？以下、述べてみよう。そして、ウェブデザインコンプレックスを克服する方法を教えよう。 なんとなく、目に触れる美術環境が戦後の日本は貧しくなっている。大量生産で画一的なデザインがいっぱいになっている。日本の生活風習で「ひと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ohayoutube.com
動画 » 虎の子供達をからかう猿
URLに「kiss」と入れるだけでYouTube映像が取得できる『KissYouTube』 | 100SHIKI.COM
pppBLOG レビュー MOONGIFT
Firefox 拡張機能コレクション | Diaspar Journal
