2007年5月アーカイブ

1.プラグインファイルのダウンロード
2.プラグインファイルのアップロード
2.1 アーカイブURL/アーカイブ・パスの設定(Movable Type 3.2-ja 以降の場合)
3.アーカイブファイル名の変更
3.1 Movable Type 3.2-ja 以降の場合
4.ページ分割の設定
追記.XML宣言の修正
5.サイトの再構築


小枠空間より


カテゴリーアーカイブや月別アーカイブはすぐにエントリーが埋もれてくるので、分割プラグンは必須ですね。

yamadaさん
このまとめはすばらしいですね。

タイトルの通りのネタ帳です。
これだけまとめ上げるのは凄い!


まとめpart2はコチラ

Icons, Buttons and Templates | Smashing Magazine

ホームページネタ帳さんのアイコンまとめ!
yamadaさんすばらしいアイコン集ありがとうございます。

CSS Dock Menu

user-pic
0

070531_macdock.jpg
マックのドックのような動きをするインターフェイスタブ。
これは凄い!!

JavaScriptとCSSだけでMac同様のインターフェイスを実現できる!
早くつかいたーい。

掲載サイト

WebOS Goodiesさんの記事を引用


・手続きの概要
・手続きの前に決めておくべきこと
・青色申告について
・税務署への届け出
・個人事業の開廃業届出書
・所得税の青色申告承認申請書
・都道府県税事務所への届け出


特に届け出をするつもりはないが、知らないより知ってる方が良さそうってことでメモ。
以外と簡単に手続きできるみたい。

確定申告が必要な副業
会社経営者の方で、例えば個人的にネットオークションなどをしている方もいるでしょう。
また、これから起業予定の方で副業収入がある方もいるでしょう。
さらには、週末起業という方もいるでしょう。

ネットオークションや原稿執筆料、ホームページ作成料など、副業で報酬を受け取った場合。

その方の副業などを合算した総所得(給与・退職以外)が20万円を超えると確定申告しなければなりません。

言い換えると、給与・退職以外の所得が20万円を超える方は、これを給与所得と合算して申告する義務があるのです。

赤字であれば申告すると税金が戻る可能性もあります。
また、20万円以下でも申告すると税金が戻る可能性もあります。

070529_Aptana.png
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。

特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。 JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。

Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。


Aptana: The Web IDE
http://www.aptana.com/

実際に使っている様子のムービーは以下から。
aptana.tv
http://www.aptana.tv/

ストライプ画像を作れるジェネレータ。
背景画像を作る時はコレを使った方が楽。


Stripe Generator

制作予定の小唄・三味線サイトのロゴデザインの参考にメモ。

070529_kasuga.jpg
http://www.pelanidea.com/index.php

自分が所属してる草野球チーム「アンツ」のサイトデザインの参考にしよう。

070529_antsuDsign.jpg
http://www.antidecaf.com/

フォーム値のチェックをJavaScriptで簡単かつクールに行う「fValidator」。
fValidator を使えば、次のように input エレメントの class 属性に 値を指定するだけで入力チェックの機構を実装できます。


引用サイト

クリエイティブコモンズライセンスにて提供されており、無料で使うことができます。また、16x16、22x22、32x32の3種類のサイズのPNG画像以外にも、SVG形式で提供されているため、好きなサイズに変換して利用することも可能です。

「Tango Icon Library」

自分も利用しているyahooオークションは手軽に持ってるものを販売でき、利用者が多い為ネットショップを開くよりも簡単に物品販売ができる。
しかし、これからはアメリカからやってきたドロップシッピングが主流になると予測している。
在庫を持つ必要のないネットショップが開店できるのでリスクは無し。自分の売りたい商品にキャッチフレースをつけ、デザインを好きに変えることができる。

気になるサービスとしては
もしも と ミセつく

070525_mosimo.jpg 070525_misetsuku.jpg

知名度的にはもしもが優位かな〜と思うが、自分でサイトを用意する必要がある。
それに比べミセつくはサイトを用意してくれるので、初心者にはかなり敷居が低くなる。しかもデザインも女性向けの柔らかい感じでつくられていて購買意欲がわくデザインになっている。

今後は注目して見ていきたい。

070525_wav2007_01.jpg 070525_wav2007_02.jpg

ウェブルート・ソフトウェアは5月24日、実際には存在しないウイルスやスパイウェアが検出されたかのように見せかけてユーザーをだます詐欺的セキュリティソフトの新バージョン「WinAntiVirusPro 2007」の日本語版が発見されたとし、注意を呼び掛けた。


引用サイト

070524_designgarden.jpg

クリエイティブな作品が気軽に販売できるサービスです。
なかなか面白そう

デザインガーデン

070524_rootwaves.jpg

只今、製作中の為トップページのみ公開。
Tシャツ・自作BGMをネットで販売予定。
正式公開が楽しみです。
ミュージック・アート・フォト・ショップ

070524_ajax.jpg
上の画面のように、サイトを訪問したときに、外部サイトを表示させるスクリプトのサンプルです。
広告やお知らせなんかに使えるのではないでしょうか。

Dynamic Drive DHTML Scripts- Interstitial Content Box
訪問するとデモが見れます。


詳細はコチラ

携帯電話の各キャリアが定めるフォーマットに対応したQRコードシンボルを生成するプログラムです。
生成されたシンボルはビットマップ、JPEGファイルとして保存できます。
ファイルや画面上のQRコードシンボルを読み取る機能も備えています。


対応会社
DoCoMo
au
SoftBank


QR Code Editor


ツールを一覧表示

携帯サイト向けの制作手順などが詳しく書かれたサイト。
勉強になります。


携帯電話向けコンテンツの書き方。

携帯電話協調ITSシステムの開発及び検証実験を開始
日産自動車と、NTTドコモがGPS携帯電話を利用した、交通事故防止のシステムの実証実験を開始するようです。
歩行者が持っているGPS携帯電話とカーナビの持っている双方の位置情報を把握し、事故になりそうな状況で警告を発するシステムのようです。

今のGPS携帯電話の測位精度だと、誤差が大きくてなかなか難しいと思うのですが、精度アップで対応するのか、現行の精度のままで違ったアイデアがあるのか気になる所です。
また、歩行者と車のどういった位置関係を危険と判断するのか、危険と判断された場合にどうやって通知するのか、通知は間に合うのかなど興味のある点は色々とありますが、実現できれば凄いことだと思います。

Acrobat 4.0以降では、HTML文書で次のように設定すると、指定ページにリンクできます。


<a href="http://www.keiyu.com/test.pdf#page=3">3ページ目を表示


* ローカルのハードディスまたはネットワークサーバのHTMLではこの機能は無効のようです。
* Internet Explorer 6でこの機能が動作せず、1ページ目が表示される場合があるようですが、再現性が分かりません。同じOSのバージョン、Acrobatのバージョンでも動作が異なるようです。私が試した限りでは、IE 7、Firefox、Operaでは指定ページが表示されています。

・家計簿はもちろん、給与計算や請求書など、家庭やビジネスで便利なエクセルのテンプレート集。
・ビジネスに、プライベートに使えるハガキのテンプレート集。
Word形式のファイルですから、住所や名前などを入力してプリントアウトすれば完成です。
・ホームページやレポート、プレゼン資料、ハガキ、案内状等の作成などに役立つフリーダウンロードのデータ集です。

http://www.printout.jp/

float関連css

user-pic
0

レイアウトには必須のfloatですが、使い方を間違えると思いもよらないレイアウトになることがある。

Tech de Goさんのまとめを参考にメモ

mtのログイン状態を保存していたらパスワードが????忘れてしまった。。

sixapartのサイトでパスの確認メールを送ろうと思い検索してると、パスワードを変更できるプラグインがあるとか...
早速ダウンロードして使ってみた。

英語のプラグインだったので、ちょっと構えてしまったが、なんてことない。
passwordと書いてるとこさえわかれば簡単だった。


1. 下記MT Medicからソースをダウンロード。
MT Medic
2. mt-medic.cgiをテキストエディタで開き、11行目の$ADMIN_PASSWORDに、任意のパスワードを入力します。
3. FTPクライアント(winならFFFTPなど、macはFetchなど)でmt-medic.cgiをmt.cgiと同じディレクトリにアップロードします。パーミッションは755に設定します。
4. mt-medic.cgiにウェブからアクセス。先ほど設定したパスワードでログイン。
5. メニューから"Authors"を選択すると、MTのログイン名別にパスワードを変更が出来る。"Edit"を押してパスワードを変更したら"Save"
6. mt.cgiにアクセス。5.で設定したパスワードでログインします。
7.アップロードしたmt-medic.cgiは削除してOK
これだけ!

これは便利なプラグインです

ブログでは携帯でPCサイトのアドレスを入力すればテキストベースでサイトが閲覧できることが多いいが、自分で構築したサイトも携帯に対応させる為には、cssの調整は必須になる。
media typeで携帯に対応させることによって使い分ける方法をメモ


詳細はコチラ

フリーで使えるいかしたベクター画像集。

「Vecteezy」


色違いのベクター素材

・「仕事ができる人」に少しでも近づきたいと考えているなら「変わろうとすること」。
・成長とは変化すること。小さなアオムシが大きなアオムシになるのは成長とはいえない。なぜなら能力に大差がないから。蝶になり、空が飛べるようになること、それが成長。
・表面的な知識や小手先のノウハウを増やしても、それは大きなアオムシになるのと同じ。大事なのはあなた自身が変化するかどうか。

続きはコチラ

見てるだけで楽しくなる画像集や英語表記のプラグイン集がドッサリ!

掲載サイトはコチラ
www.designwalker.com/2007/05/photoshop.html

070518_skype_header.png

親と子供が雲の隙間から見えるこのデザインはすごく参考になります。
無駄な色をつかわず雲のみで作りやすいし、どんな写真でも対応できそう。

Podcast作成とホームページ貼り付けブログパーツ - Podcastリスティング

http://podcast.ms/

070517titlebg.png

グレーベースなのでどこでも使えそう〜

Flash フリーソフト

user-pic
0

■SWF4及び6~8のFlashファイルが作成でき、Flash MX相当のアクションスクリプトに対応。サウンドのストリーミング再生も可能で、なおかつタイムラインベースによる編集が可能なフリーソフトだそうです。ヘルプファイルも付いてます。
タイムラインベースでFlashを作るフリーソフト「Suzuka」


■タイムラインベースでなく「イベントベース」のFlash作成が可能なフリーソフトとしては、このソフトの元となった「ParaFla」が優秀です。
「ParaFla」


掲載ページ

いつか使いそうなオープンソースがあったので、メモ。
いじったことないシステムだけに大変そうな予感がするが…


GARAGARDOAは、ソフトウェア産業に革命を起こしているオープンソースの形態で、開発が進められている外食産業向け座席予約管理システムです。


GARAGARDOA(ガラガラドア)

携帯観覧用のmtプラグインを利用するとURL/m/〜
となり携帯電話で手入力した場合面倒でしょうがない。

そこで以下のソースをトップページの先頭に追加することで
携帯電話でトップページにアクセスしても携帯サイトにアクセスできる。

ただし、phpのモジュール化していることが前提となる。


<?php
$ua = $_SERVER["HTTP_USER_AGENT"];
if(ereg("DoCoMo|J-PHONE|Vodafone|UP¥.Browser|〜 /^KDDI/|ASTEL|PDXGW" ,$ua)){
header("Location: <$MTBlogURL$>配下のパス");
exit;
}
?>

miはC言語やHTMLのソースを書くのに便利な機能を充実させたエディタです。
ワープロのように文字ごとのフォント指定などはできませんが、キーワードの色付け表示をはじめとした「気の利いた」機能で、ソース書きを支援します。


mi

decocoaicon2.gif 「ぷっちでここ」はビットレートを選んで簡単にMP3ファイルに変換できます。AVI形式の動画から音声だけを取り出すときにこのソフトを使用したりしています。
avi,mpg,音楽CD,DVDなどのメディアファイルから音声部分だけを抽出してwav,mp3,wmaに変換できます。 ビットレートの設定変更も簡単にできます。
※インストール時は、ReadMeファイルをよく読みましょう。解凍後はinstall.batをクリックしてインストールします。


「ぷっちでここ」


もしもmp3以外でしか取り出せない場合は、下記ページのようなソフトで取り込み後にあらためてmp3に変換すればよいです。
WaveConverter


ページの最下部へ配置する「ページの先頭に戻る」ボタン。
普通にリンクさせるだけでもいいが、javascriptを使うことによってちょっとオシャレに移動させることができる。


スクリプトはコチラ

function backToTop() {
var x1 = x2 = x3 = 0;
var y1 = y2 = y3 = 0;
if (document.documentElement) {
x1 = document.documentElement.scrollLeft || 0;
y1 = document.documentElement.scrollTop || 0;
}
if (document.body) {
x2 = document.body.scrollLeft || 0;
y2 = document.body.scrollTop || 0;
}
x3 = window.scrollX || 0;
y3 = window.scrollY || 0;
var x = Math.max(x1, Math.max(x2, x3));
var y = Math.max(y1, Math.max(y2, y3));
window.scrollTo(Math.floor(x / 2), Math.floor(y / 2));
if (x > 0 || y > 0) {
window.setTimeout("backToTop()", 25);
}
}

後はhtmlにコレを書く
<a href="#" onclick="backToTop(); return false">このページの先頭へ</a>

javascriptを外部ファイルとしてリンクさせるには
<script type="text/javascript" src="func.js">

ブログのエントリー/投稿のリストのためのコンテナ・タグです。アトリビュートを使って、どのエントリーを表示するか設定することもできます。そのまま使うと、最近 N 日間に投稿されたエントリーが表示されます。この N 日は、ブログの設定で、それぞれのブログごとに設定することができます。変更するには、以下のアトリビュートを使ってください。


lastn="N"
ブログに投稿された最新の N 個のエントリーを表示します。 N は0より大きい数字にしてください。


offset="M"
上の lastn を使うときに、最新の M 個のエントリーを除外して、そこから、 N 個のエントリーを表示します。たとえば、

<MTEntries lastn="5" offset="5"> ... </MTEntries>


と書いた場合、6番目から10番目の、5個のエントリーが表示されます。
注意: このタグは lastn と一緒に使います

mtタグを覚えよう!


mtタグを見る

UploadDirプラグインは、導入するだけでアップロード先のフォルダを指定するだけでなく、イメージファイルは「images」、動画ファイルは「avi」などとファイルの拡張子別にアップロード先を指定することができます。


1.「エムロジック放課後プロジェクト」のサイトからUploadDirプラグインをダウンロードし、解凍。
http://labs.m-logic.jp/2006/07/movabletypeuploaddir_pluginver.html


2.プラグインのアップロード
「mt-uploaddir.pl」をpluginsにアップロード。


3.プラグインの設定
「システムメニュー」→「プラグイン」の「UploadDir」の「設定を表示」からファイル拡張子別のアップロード先のディレクトリの設定ができる。
デフォルトでは下記のようになっている。

audio:mp3,wma,m4a,midi,wav,aiff videos:mp4,m4v,mpeg,avi,mov,wmv images:bmp,jpg,jpeg,gif,tif,tiff,png text:txt src:pl,c,cc,pas,rb archive:bz2,cab,gz,jar,lzh,rar,tar,taz,zip


設定方法は、
アップロード先のディクレトリ名:拡張子,拡張子,拡張子・・・
というような形式になりますので、個々で設定する。

設定が完了したら「変更を保存」し、実際にファイルのアップロードを行って指定した拡張子のファイルで指定ディクトリが表示されるか確認。




アップロードボタンを押すと、サムネイルを作るなどの設定ページに移るが、毎回「HTMLを表示」と「この画像のサムネイルを作る」をチェックするのが非常にめんどくさいのでこちらもカスタマイズする。

「upload.tmpl」と同じ場所にある「upload_complete.tmpl」をダウンロードして開き、109行目にある

109行目 <label><input type="radio" name="new_entry" value="1" checked="checked" /> 110行目 <label><input type="radio" name="new_entry" value="0">

を以下のように変更する。

109行目 <label><input type="radio" name="new_entry" value="1" /> 110行目 

これで、最初から「HTMLを表示」にチェックが入った状態になる。
次は最初から「この画像のサムネイルを作る」にチェックを入れておく方法。
「upload_complete.tmpl」の117行目を以下のように変える。

<p><label><input type="checkbox" name="thumb" value="1">
<p><abel><input type="checkbox" name="thumb" value="1" checked="checked" />


サムネイルのサイズを固定するのは難しそうなので、とりあえずこれで終了。
これだけでも非常に手間が省けたように思う。

070515_atoiku.jpg

これは素敵なツール。サイトを見ていて「あぁ、このイベント行きたいなぁ」「このカフェいいかも!」と思うときってありますよね。

そうしたときに便利なのが「あとで行く」です。そうしたページからブックマークレットで一発登録。しかもさまざまな付帯情報を自動でつけてくれるのであとで検索が楽々です。


引用サイト

セブンイレブンの「nanaco」が登場!
電子マネーについて調べてみました。
「nanaco」は5/28から使えるのでしばらく待機。そこで頭に浮かんだのは「Edy」です。

ちょっと高めの買い物をするき、最近では価格.comやヤフオクで値段そ下調べしてから購入しています。
そんな時に役に立つ口コミサイト

* 知恵袋
* YAHOO! 知恵袋
* ウイメンズパーク
* ハンゲーム 知識plus
* goo 教えて!goo
* livedoor knowledge
* ケセラStyle
* 関心空間
* はてな 人力検索
* OKWave
* 発言小町
* ちえこむ
* Ameba クチコミ評判検索
* 大学生口コミ.com


引用サイト

町屋ネットの制作を検討しているときに、参考になる記事を発見。

個人サービスの重要な点をいくつかまとめている。
自分でも感じてはいたが、
1週間でつくってしまう。
サイト名を作る
デザインを先につくる
リリースを急ぐ

考えているよりも勢いでつくって早くリリースしてしまえと言うことらしい。
確かに現段階ではほとんどすすんでいないので、この記事は参考になる。


http://www.web-20.net/2007/05/post_54.html

はてなを見ていると気になる記事が!

「Podcastでプログラマーに必要な英語を」

ポッドキャスとユーザーとしては見逃せない情報です。
web系のポッドキャスとって以外とないんですよね。
itmediaとかあるけど、もっと焦点を絞った内容がほしかったので、これから活躍しそうです。


詳細はコチラ

Web2.0風のボタン等がクリック一発で作れるPhotoShop用レイヤースタイル

070510_photos_1
サイトの「Download」ボタンでダウンロードし、.ASLファイルをダブルクリックでインストール完了します。
インストールしたら、「ウィンドウ」メニューから「スタイル」を表示します。
すると次のようにインストールされたスタイルが表示されます。


070510_photos_2
後は、新規レイヤーで文字や、シェイプを書いたあとで、好みのスタイルをダブルクリックしてスタイルを適用できます。


次のようなボタンも一発作成可能!
070510_photos_%EF%BC%93

ダウンロードサイト

ある程度規模が大きくなったサイトなどには必須となるサイト内検索。
使い勝手のよさそうなオープンソースをメモ。


1.Namazuを使ってサイト内検索 〜高機能なフリーウェア〜
Namazuは、フリーウェアであるにも関わらず、多くの商用サイトでの利用実績もあるという日本語全文検索システムです。数十万件ものファイルを検索することを目的として作られているため、その検索スピードにも定評があります。UNIX系の知識がある程度必要なので、設置は若干難しいですが機能面を考慮すれば納得のいくものでしょう。


2.KABAYAKIサイト内検索 〜Namazuよりもカンタンに!〜
Namazuをベースに開発されたフリーウェアの全文検索システムです。インストールも比較的簡単になっており、管理や設定はWebブラウザからGUI上で行えます。
公開されたばかりなので実績は少ないですが、今後のバージョンアップやシェアの拡大も期待できます。


3.msearchでサイト内検索 〜CGIのみで動作するサイト内検索〜
個人または比較的小規模の法人ホームページ内の検索を提供するCGIプログラムです。Perlのみで動作する検索エンジンの中では、インデックスを作成するタイプなので比較的高速です。何十万件もの検索を前提としたNamazu等に比べれば劣る部分が多々ありますが、カスタムCGIを利用できるレンタルサーバーさえあれば動作するというのが大きな魅力です。


4.Googleでサイト内検索 〜HTMLだけで誰でも手軽に!〜
言わずとしれたGoogleをサイト内検索で、借りてしまうする方法です。サイトの中にHTMLタグの記述を入れるだけで設置可能です。メンテナンスなども必要ないので、オリジナル性を求めないのであれば最も手軽な方法と言えます。以下のソースをサイトに貼り付ければ完了です!

<form action="http://www.google.com/search" method="get">
<input type="hidden" name="hl" value="ja">
<input type="hidden" name="as_sitesearch" value="サイトのURL">
<input class="text" type="text" name="q" size="16" value="">
<input class="button" type="submit" value="Googleでサイト内検索">
</form>


引用ページ

SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。

ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。


詳細はコチラ

愛読しているネットマニアさんのサイトでまたまた面白い記事を派発見しました。


クリプテイナ(Cryptainer)+USB


070508_sdcard.jpg

ちょうど携帯のSDカードを買い替えようと思っていたので、参考になりました。

最近買い替えた携帯はipodのように音楽ファイルを保存し指をまわして選曲などができるタイプのものです。

そこに動画を保存したいなとおもってました。

今持っているipodは音楽再生のみで動画が見れないタイプなので、家にたまっている動画を通勤中にみれないかなーと思ってました。

前回の記事では動画ファイルの携帯用動画に変換できるサイトの紹介などをしているので、まずはパソコンの動画を携帯ように変換して携帯に転送する。

これができるようになるとちょっと楽しみが増えそうな予感がします。

クライアントの要望で動画をホームページにアップしたい!という意見があったので、ただ単に動画を流すと容量も大きいのでflashに変換できないかなぁと思いコレを発見。


Movie Flash Converter

cowscorpion

コチラのサイトでオープンソース特集としていたので、引用させてもらいました。


3_eccube.gif

ECcube
ECサイトを構築するオープンソースWebアプリケーション。
ECとはインターネットを利用することによって、電子的な手段で、契約や決済など商取引を行う形態の事です。
手軽にネットショップを持つ事が出来るほか、ネットショップを提供する為にも優れたソースです。
>>サンプルデモ
>>管理画面デモ
管理者画面のIDとパスワード
ID:admin
パスワード:password


3_openpne.gif

OpenPNE
SNSを構築するオープンソース。
30分くらい導入をがんばって見たがうまく動作しなかったので後回しになっていたのですが、ネットで見つけた下の書籍があればインストールは簡単に出来ました。
>>OpenPNEではじめる自作SNS入門
内容は初心者向け。カスタマイズの話となると、すさまじく薄い内容となるので、インストールをする為のもの。


もう少し濃い内容の物を求めるなら
>>OpenPNEでつくる!最強のSNSサイト
こちらはインストールでつまずく方には向かないし、SNSって何ですか?という方にも向かない。むしろSNSミクシィを既に知っていてイメージを持っている人に最適。
何より、携帯電話からの使い方の解説は、現在販売されている書籍の中ではこれくらいしかない。

ちなみに友人が見せてくれた書籍で
>>OpenPNEによるSNSサイトの構築 オープンソース徹底活用
と言うのも見たことがありますが、上の2冊に比べると半分以下の情報量の為あまりお勧めできません。
参考サイト
>>http://openx.xrea.jp/
参考記事
>>社内SNS、相当いーですよ


rktSNS
純粋な国産SNS構築オープンソース。
インストールはこちらの方がわかりやすいと言われています。
ただ、ライブラリにSmartyが必要だとかprototype.jsが必要だと言われても、ある程度意味がわかる方でなければ難しいかもしれない。


3_frontpage.gif

Zen Cart
日本語対応サイトまであるショッピングサイト構築オープンソース。
>>インストールガイド
書籍
残念ながら書籍に関してはインストールガイド的なものを購入してしまい、個人的には全く役に立たなかったのが現状です。
おそらくインストールは公式サイトの通り行えば出来るかと。
ちなみに私が買った本は
>>オープンソース Zen Cartで作る本格インターネットショップ—無料で使えるXOOPSでさらに便利に!


zenphoto.gif

WEBアルバム構築システム zenPhoto
PHPとJavaScriptで描かれたオープンソースのWEBアルバム構築システム。
データベースにはMySQLが使われている。WEB上から画像がアップロードできる他、FTPでまるごとアップした画像が、自動的にサムネイルされるなど、アルバムらしい機能に特化している。
>>設置方法
>>稼動設置デモ

がっちりマンデー

user-pic
0

本田宗一郎
彼の口癖は、「どこがよそと違うんだ?」、「それはどこが新しいんだ?」だったという。お金を儲けることよりも、他の誰もやっていない新しいことに挑戦したい。

CSSハック

user-pic
0

IE 7ハック
Windows IE 7のみにスタイルを適用するハック。適用したいセレクタの前に「*:first-child+html」を付ける。CSS Validatorに通る。
*:first-child+html p { color:#FF0000; }


スターハック
4〜6, Mac 4〜5
Windows IE 4〜6、Mac IE 4〜5のみにスタイルを適用する場合に用いる。スターつまり*を利用することからこのネーミングになったものと思われる。利用法としては、適用したいセレクタの前に「* html」を付ける。CSSの書式上は正しくないが、CSS Validatorには通る。
* html p { color:#FF0000; }


スターハック
ie5.5〜6, Mac 5
Windows IE 5.5〜6、Mac IE 5、Safariのみにスタイルを適用する。適用したいセレクタの前に「html*」を付けるのだが、空白を含めないように注意したい。書式としては不正で、CSS Validatorに通らない。
html*p { color:#FF0000; }


Hollyハック
Mac 5
Mac IE 5のみにスタイルを適用、あるいはMac IE 5のみ除外したい場合に用いる。適用したいスタイルを、それぞれ以下のコメント形式で囲めばよい。CSS Validatorに通る。

なお、Hollyハックは別名バックスラッシュ(\)ハックとも言われている。文字コードがShift JISのときにはバックスラッシュの代わりに「¥」を利用すればよい。
Mac IE 5のみにスタイルを適用

/* これ以降Mac IE 5のみに適用される \*//*/
p { color:#FF0000; }
/* これ以降Mac IE 5以外にも適用される */

Mac IE 5のみスタイルを除外

/* これ以降Mac IE 5には適用されない \*/
p { color:#FF0000; }
/* これ以降Mac IE 5にも適用される */


ハッシュハック
4〜6, Mac 5 opera7
Windows IE 4〜6、Mac IE 5、Firefox、Opera 7のみにスタイルを適用する場合に用いる。適用したいプロパティの前に「#」を付けて使う。CSSの書式としては不正で、CSS Validatorに通らない。

p { #color:#FF0000; }


アンダースコアハック
ie4〜6
Windows IE 4〜6のみにスタイルを適用する場合に用いる。適用したいプロパティの前に「_(アンダースコア)」を付けるだけだが、CSSの書式としては不正で、CSS Validatorに通らない。
p { _color:#FF0000; }
もし同様の処理をCSS Validatorに通るかたちで実現したいのなら、スターハックとHollyハックを用いて
/* hide from Mac IE \*/
* html p { color:#FF0000; }
/* */

とすればいい。


引用サイト

このアーカイブについて

このページには、2007年5月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2007年4月です。

次のアーカイブは2007年6月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。