font-size:large;とfont-size:larger;はどっちが大きいの?

吉と小吉どっちがいいの?
みたいな感じで、
font-size:large;とfont-size:larger;はどっちが大きいの?
あえてここまで細かく使い分ける必要なんて、ないとは思うんですが。

http://px.otogawa.com/sample/font-size/

大枠が100%以下↓の場合と、100%以上↑の場合で、
largeとlaeger、
smallとsmallerの解釈って、逆転するんですよ。
はぁー!?

このうえブラウザ同士で解釈が異なったら、訴えてやるっ!(`・ω・´)
って思ってIEで見たところ、FirefoxもIEも解釈は同じでした^^;ほ。

早くCSS3をフル活用したいもんですね。

▼記事元 もう画像は要らない!CSS3で作る申し込みボタン

「申し込みボタン」や「キャンセルボタン」などのボタンは、Webのユーザーインターフェイスの中でも重要な要素の1つだ。テキストや他の要素に埋もれてユーザーが操作に迷わないように、画像を使って凝ったデザインにすることが多い。

css3_button.jpg

CSS3を使えばテキストだけでも画像に引けを取らないボタンを手軽に作成できる。 画像を用意する手間が減るうえに、CSSプロパティやHTMLを変更するだけで色を変えたり文字を書き換えたりできるので、修正や流用も画像編集ソフトを使うより効率的だ。

Internet Explorerへの対応

日本でのブラウザシェア
日本でのブラウザシェア

CSS3を実際に使用するときに気になるのは、サポートが遅れているInternet Explorer(IE)、特にIE6への対応だろう。米StatCounterのデータによると、IE6の利用シェアは6%以下(日本国内、2011年1月現在)となっており、対応コストを考えるとIE6への対応はそろそろあきらめざるを得ない状況になりつつある。

一方、IE7/IE8についても、Safari/Opera/Firefox/Chromeとまったく同じデザインにこだわる必要はない。
必要なのは、IE7/IE8でも破綻しないデザインを提供することだ。
IE7/IE8向けには、特定のバージョンのIEにだけCSSを適用できる「コンディショナルコメント」を利用して別のデザインを提供することも検討しよう。

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->


<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="ie8.css" />
<![endif]-->

確かに。
どんどんwebって制作のみでは単価下がってる。
こういう、画像作成などの手間が省ける技術が出てきたからこそ、単価の下がる道理があると思う。

そこを、「えー!IEでも同じようにシャドウつけて!出ないならキレイに画像で作ってよ!」っていうんやったら、正規価格よね。
ページ、サイトにとって、一番大事なところに力を入れてれば、ちゃんと役目果たすんだし、
IE7と8では、機能さえすれば簡易なデザインでいいですよ、ていう流れになってほしいなぁ。

グラデとかカドマルとかシャドウとか。
「えー!昔ってそんなんいちいち画像にしてたんですか??」って学生がビビるような時代になってほしいですね^^

ただ、<!--[if IE 7]>とか<!--[if IE 8]>って、DWでコメント扱いされてcssの階層を理解してくれないから、
テンプレート管理しようとすると、作りにくいよね(・ε・`)
CS5とかになったら、これってちゃんと認識してくれるの?
はぁ、やっぱりソフトは最新よね!adobeもブラウザも!w

トリミングtrim_to (単独)

以前にもtrim_toの記事は書きましたが、
エントリーナビではなく、単独に記事タイトルをトリミング表示したいとき用に。

<mtEntryTitle strip_tags="1" count_characters="1" setvar="countbody">
<mtif name="countbody" gt="20">
<mtEntryTitle  strip_tags="1" trim_to="20">...
<mtelse><mtEntryTitle  strip_tags="1"></mtif>

ロリポップにまたまた新しいプラン登場



私が個人レベルで愛してやまない、ロリポップですが、
新しいプランがまた登場したそうです。
これで計3つのプランになるんですね。

コロリポプラン(2GB)月額105円

ロリポプラン(13GB)月額263円~

チカッパプラン(30GB)月額525円~

しかも、昔ながらのロリポプランも、月263円のままどんどん容量UPしていってくれます。

キャンペーンしているそうなので、これはお得ですね。

他社から乗り換えキャンペーン: 通常1,575円の初期費用が、なんと【半額の787円】に! 3月1日(火)お昼12時まで!

MTを復元したらプラグインの設定画面でエラーが出た

MT5でウェブサイト(子供ブログも含んで)をバックアップ→復元で本番機に移しました。
しかし、プラグインの各設定を編集しようとしたら、データベースエラーらしき画面に(ノ△・。)

Can't use an undefined value as a HASH reference

こんな感じの。

原因は・・・
テスト機で、別のウェブサイト用に使っているプラグインの内容が、
バックアップで吸い上げたウェブサイトデータに入り込み、
本番機で復元した際、使っていないプラグイン情報まで含まれ、でも/mt/plugins/には入れてないため、
後から/mt/plugins/に入れると、多重インストールみたいになったんですね。
↑なんと日本語になっていない説明・・・やっぱり理解できてない・・・(汗)

解決法・・・
プラグインを再インストールすべき。

しかし、/mt/plugins/上から削除したからといって、データベースレベルでは消えません。
つまり、phpMyAdminに入って、失敗したプラグインの内容を、データベースから消してやらなければなりません。

mt_plugindata.gif


なるほどー。
phpMyAdminに入って、恐る恐る「mt_plugindata」の中の「plugindata_id」の中にある、
プラグインリストから、失敗したと見られる(もしくは、インストールした心当たりのない)プラグイン名の行を、消してあげました。

すると、すんなりプラグインメニューに入っても、エラーが出なくなりましたよー。
めでたしめでたし。

※拙過ぎる解説でほんとスミマセン。
自己満足な私の覚書なので・・・。


ジオラマ風

tiltshift_after.jpg

この写真と、↓の写真、印象違いません?上はなんか、模型っぽく見えません?

tiltshift_before.jpg

ユニクロのブログパーツでおなじみのこの写真の味。
http://www.uniqlo.com/calendar/
これって、「ジオラマ風」って呼ばれている表現方法なんですね。

写真でこの表現をした代表的な人が、写真家・本城直季さん。
small planetという写真集も出されているそうです。

動画では、ユニクロが有名ですよね↓こういうの。


私が試したのは、
オンラインで加工できる「tiltshiftmaker」です。

tiltshiftmaker.com

見下ろしてて遠いものを撮ってないと合わないので、
使える写真もなかなか選びますが、
仕上がりの面白さはちょっとやみつきになりますね。


Forever peopleに掲載していただきました

v-sign.jpg

去る8月の土曜日、SX-70 FOREVERさん企画のワークショップに参加しました。
sx70の新しいフィルム、PXシリーズを体験させてもらいました。
場所は、京都造形芸術大学。
なかなか校内は絵になる風景が多く、暑かったけど楽しかったです♪

そのときの、MY BESTをForever people12/21に、掲載していただきました。


その日、デジカメで撮った写真は、私の写真ブログにも載せています。

ポラロイド風

twitter.jpg

ポラツイ
Twitterの背景に好きな写真をポラロイド風に貼付けよう。

ツイッターの背景ってなんか迷うんですよね。
でかいモニタで見てみると、なんか間が抜けてたり。
わざわざ画像作るのもうまくいかんかったり。

探せば結構あるんですねー。

自分の写真をポラを並べた風にアレンジして、
背景設定までやってくれちゃう、超おせっかい者w

-------------------------------

ほかにも、こんなんも紹介。

Poladroid project
Poladroid project
普通に撮った写真をポラロイド風に加工してくれる、フリーのソフトです。
ポラロイドカメラを持ってなくても、
かなりリアルにポラ撮影を体感できます。(持ってるからむしろ悔しーw)

ジーガーといって写真が出てきて、
時間がたつと褪せ度がクッキリしてきたりして、
好きな色味でキャプチャできて。

楽しいです。

解像度も400くらいあるので、そのままイラレに貼って印刷屋へもっていけば入稿もできました。

あのプチが初期費用無料キャンペーン



あの先輩が、あの写真家さんが愛用している、
プチですが、キャンペーンしてます。

【 キャンペーン内容 】
新規に12ヶ月契約をされた方の初期費用( 1,050円 )無料

【 キャンペーン期間 】
2010年12月27日(月) 正午 まで

そろそろフッターリンクも、ソースシンプルにいけそう

IE6を無視しても怒られない時代がすぐそこまで来ているみたいですね。

footerlink_simple.gif

こういうフッターリンクも、超シンプルに組めそう。
他サイトからプリセット引っ張ってこなくても、そらで書けるかも。

<ul class="footerlink">
<li><a href="#">トップ</a></li>
<li><a href="#">物件情報</a></li>
<li><a href="#">事業内容</a></li>
<li><a href="#">企業情報</a></li>
<li><a href="#">Q&amp;A</a></li>
<li><a href="#">プライバイーポリシー</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>

.footerlink li {
    display:inline;
}
.footerlink li:after {content: " | ";
}
.footerlink li.last-child:after {content: "";
}


勿論last-childはjqueryで処理してね。
footerlinkそのものは、右寄せでも左寄せでも中央ぞろえでも全然平気っぽい。



前の10件 1  2  3  4  5  6  7  8  9  10  11