html / javascript / cssの最近のブログ記事

valodator_safari.jpg

Safari が 5.0.1 にアップデータされた、ということでごそごそしてたら、Validator なるエクステンションを発見して即インストール。URL 入力フォームの左に、上図のように各 validator ボタンが増設されます。

Firefox が、3.6.8 にして以来ウィンドウ右肩の検索フォームが google とアクセスできなかったり、アドオンの Total Validator が使えなくなったりと、どうにもその存在価値がないくらいに成り下がっていたので、この safari 用 Validator はありがたいです。
以前からあったのかな? そもそも、Safari のエクステンションにはあまり積極的じゃなかったので知りませんでした。

validator_safari_install.jpg

Safari Extensions Gallery もよく出来ていますね。install Now ボタンを押したときの挙動とか、iPhone のそれともなんとなく統一感を出しています。

CSSによる文字組み

| | comments(0) | truckbacks(0)

shimaihudousan.jpg

いつまでもこの街にいたいから|株式会社島井不動産

2009年も数多の素晴らしいWebサイトが出現して、それらを見るたびに、自分もまだまだ目指す頂は遠く、頑張らねばならないことだらけだ、と戒めるわけですが、Flash によるテクニックや、jQuery の目新しい活用法などはさておき、個人的に一番グッときたのが、冒頭のキャプチャにある株式会社島井不動産さんのサイトです( by 5ive さん)。

最初は、すっきりしてきれいなデザインだなぁ~、と思いながら拝見してたんですが、文字組みの整然さに気づき、ソースを覗かせてもらって、目から鱗でした。

10年ほど前の、世の中の猛者たちが群雄割拠して、まだまだ技術的なセオリーや定番化したテクニック、みたいなものが固まりきっていなかった頃は、『 なるほどそう来たか! 』という感動がそこかしこにありました。

久しく感じていなかった感動が、このサイトの文字組みにありました(大袈裟 !?w)。

CSS の達者な人たちにとっては、すでに定番な組み方なんでしょうか。不勉強だった僕にとってはまさに『 なるほど! 』でした。

 

******* 追記 *******

このエントリを書くにあたって、再度しっかりと(拝見した当時は激務で荒い見方してました)隅々まで拝見しましたが、感動した文字組部分には、jQuery のプラグインが活用されていたんですね!

なんだか結局 jQuery プラグインが感動した、て話にすり替わったようなエントリになってしまってますが決してそんな意図はないことを付け加えておきます。島井不動産さんのサイトが気づかせてくれたことは大切なことだったし、きっちりそういうプラグインの存在も熟知しつつデザインに取り入れているところなど、見習うところの多いサイトだ、という認識はまったく変わってません。
(なんか言い訳がましくなって泣けてきた(反省))

IE8 と CSS

| | comments(0) | truckbacks(0)
なんの調査結果でもなく
なんの症状報告でもなく
ただの愚痴というか毒吐きですすいません。

IE6 で正常にレンダリングしてるのに IE8 で崩れるってどないやねん。

てかこんなの Twitter 向きなつぶやきなんですが、またダウンしてるみたいで。例のサイバー攻撃なんたらかんたらがまだ続いてて対応に追われてるんでしょうか。

あー IE うざ。

jQueryで作る Ajaxアプリケーション

今まではググりたおしでやってましたが、知りたい内容がサクっとヒットすることなんてそうそう無いので、パッと手にとれる本、ということで探してて辿り着いた本。個人的にはちょうどいい感じです。

内容は、入門とリファレンスの中間、て感じ。
基礎的なJavaScriptの説明などはあんまりなくて、「こういう仕組みなのでこう書いたらこうなる」という説明が淡々とまとめられてる感じ。ところどころ、説明の順番が悪いというか、すこし読み進めてから「あ、さっきのはそういうことか」と思うところもあったりで、いわゆる良書、とは言い切れないかも。

ま、この本を手に取る人、つまり css や JavaScript もある程度習得している人にとっては jQuery のとっかかりとしてはちょうどいい本なんじゃないでしょうか。


SyntaxHighlighter が、『個別ページになると反映されない』とブーたれてた件、解消されました。結局、やっぱり<body>タグで設定されていた onload とコンフリクト起こしてたみたい。

<head>タグ内で展開した onload に含めてやったらあっさりうまく行きました。やれやれ。


設置当時、あやしいと思ってたクセになんで今までほったらかしてたのかと。

ぼつぼつ、このブログもがっつりデザインしようと時間を見つけてはゴニョゴニョしてます。

CSSでもまぁ<table>は使うことはたまにあって
思い起こせばその都度ハマってる気がするのでメモ。

table#hoge
{
  border-collapse: collapse;
}

*SyntaxHighlighter

| | comments(0) | truckbacks(0)

SyntaxHighlighter

適用テスト

まったく意味がわからん...。indexブラウズ時は適用されるのに、個別記事ブラウズだと適用されない...。

どうやら、ブログのテンプレを設定した場合にタグに挿入される"onload"が原因くさい。SyntaxHighlighterの"onload"とコンフリクトとか??

*UTF-8&YUI on IE

| | comments(0) | truckbacks(0)
YUI使ってるのにIE6でフォントサイズが指定パーセンテージ通りにならず、なんでなんだーさすがIE、とイラつきつつ若干放置してましたが、改めて調査巡回してたら対策がそこかしこにあったのでメモ。


font-family に MS Pゴシック を指定すること。


Shift_JISEUC-JP なら問題はそもそも発生しない。
でも周知の通りxhtmlだとUTFにしないとxml宣言のウダウダがあるんで、結局font-family指定するしかないってか。まったくうんこ呼ばわりし過ぎてうんこに申し訳ないくらいうんこなブラウザだぜIE。

*引っ越し完了

| | comments(0) | truckbacks(0)
サーバをhetemlに移行して、ついでにMTも4にUG。

普段ftpクライアントにはNetFinder(http://www.bridge1.com/netfinder.html)を使用してるんですが、今回MT4のパッケージをアップロードするにあたって、結果的にOS10.4.9 + NetFinder の組み合わせでは正常にアップロード&インストールすることができませんでした。

何度アップロードしなおしても「Internal Server Error」が出る。
原因がわからず、試しにWinからFFFTPでアップロードしたら、それまでの苦労はなんだったのかというくらい、難なくインストールが成功しました。ftpの接続設定に間違いはなかったはずなんだけどなぁ、なんででしょ。

あんまりMT4のインストールがうまくいかないもんだから途中、WordPressならどやねん、とインストールを試みたら、こちらはNetFinder経由でもあっさりインストール成功。ま、もう必要ないのでいずれデリートしよう。


MT3.01にて更新を続けていたこれまでのブログから、エクスポート・インポート機能を利用して記事の移動を試みましたが、これすごいね。画像データとかいつのまにインポートしたんだろう。MT3.01からエクスポートしたのはtxtファイルひとつだったってのに。
なんてことはない、絶対パスが通っていて前のホストから引っ張ってきてるだけでした。現在時間を見つけてはheteml側に書き換えチュウ。ふぅ。


そんなこんなで引っ越し完了。
もうちょっとデザインやら記事の質、方向性とかちゃんと考えながら運営していこうと思ってます。

Adobe Fireworks CS4 betaがリリースされました。
他にDwもSbもリリースされましたが、とりあえずどーでもいいです。ここはひとまずFwに着目。Fwユーザーの大半がストレスに感じている、テキスト周りの処理は向上したのか?をチェックしてみた。

*MyMiniCity

| | comments(0)

myminicity.jpg
なんだか流行ってるらしいのでつくってみた

なんやねんこれ、という話はここが詳しいです。

yunomi.jpg

行ってきた。

*ブログバトラー

| | comments(0)

はじめてみた

*Web Developer

| | comments(0)

Web Developer
すげい。というか今まで知らなくて鬱。
ここまで簡単に丸裸にできるのか。

色々なサイトを回って挙動を確認してみたけど、これは面白い。で、自分がつくったサイトを色々確認してちょいとヘコむ。

*Don't Touch!

| | comments(0)

MovableTypeの3.1日本語版がリリースされた。
一応アップグレードプログラムはダウンロードしたけど、今片手間にアップグレードしたら確実に全データを吹っ飛ばしてしまう自信があるので今はまだ触らない。

それにしても、まったくつまらないblogになっているなぁ…。cssもほとんど触っていないし、近々変更しようと思っているのは単なるヘッダ部分のビジュアルだったりするし。だいたい、コンセプトなんてものありゃしないし、そんなの設定するつもりもないし、必要性も感じないし。でもここに来てくれている人の検索キーワードを見るたびに、中途半端なアウトプットしかしてないなぁ、とちょっぴり反省。まぁそこになんの義務もないのは自明なんだけど、ネット上の情報に対して今までお世話になった義理は感じるので、存在意義として少しくらいは有用であってもいいのでは、と思うマジメ人間なつもり。ちょっとだけ。

とは言え、この先も「忙しい〜」とだけほざく非建設的なblogとして成長していくんだろうな。文章考えてタイプしてるとなぜかストレスが発散できている気がして意外に更新は頻繁だけど、あくまで凡百の一つを謳歌していくぜ、と。

徒然

| | comments(4) | truckbacks(0)

一瞬の隙を見計らって、以前購入していた「スタイルシートスタイルブック」を今頃になって熟読中。文中の随所に「ドキッ」「グサッ」「なるほど」がちりばめられていてヤヴァイ。丁寧に、明快な論理でcssデザインに移行しましょう、と啓蒙してくださっていて、もうすっかりその気になってます。

でも仕事で主軸としている媒体が、それほどcssの使用に親和的でないのがひっかかる。制作する案件のほとんどがコンテンツものなので、大元のハコがcss定義をしていて(←どうってことはない、font周りの指定だけなんだが)、そこでの指定と重複してはならないのでclass名をどうこうしなさい、とか指示書まで通達されていて、どうしたもんかと。(cssの外部リンクファイル参照パスが独立ディレクトリ内なのに重複なんかするか?)

入稿したデータは東京のセンターでチェックが入るわけなんですが、過去に何度か規定違反をやらかしている身。標準語で注意されて「ごめんなさいもうしません」、という流れにはもういい加減辟易しているので避けたいが(100%自分が悪いんですけど)、いかんせん元ハコが大所帯なので、技術面で遅れをとりがち。でもそんなのに迎合していたら新しいことできないじゃないか、とパンクな姿勢でいたいワケです。

っていうかW3Cに従おうとしているだけでパンクでもなんでもないんだが。

それにしてもこんなにインターネットが普及しているのに、いつまでブラウザに悩まされないといかんのかね。僕のように過去のNNでのcss表示に愕然とし、IEでの傲慢な解釈に打ちのめされトラウマになっている人は多いですよね、実際。一時、MacromediaあたりがNetscapeもMicrosoftのブラウザ部門も買収してブラウザを統合しろ、と同業の先輩とグチりまくったのを思い出す。

*BGM:「Take That」 Larry & Lee / Lee Ritenour & Larry Carlton

*css

| | comments(0) | truckbacks(0)

仕事で関わっている媒体の規定上、安易には使えない技術だが、決して無視はできない技術。
W3Cの勧告においてはむしろそちらに目を向けるべきだもんなぁ。

でも携わるページのほとんどは寿命が短いし
ターゲット層も、まず視覚ブラウザで閲覧していることが前提。
それに仕事が軌道に乗りだした頃は、悪名高きNN4.xのシェアが高く、
クロスブラウザを念頭に置いているとどうにも自分の思い通りの表示結果が得られなくて
半分トラウマのようになってしまって、避けていた部分もある。

でも最近では、大手サイトも続々とcssデザインに移行している。

mezzoblue § css Zen Gardenを見て、久々に学習意欲を駆り立てられた。

これもまた、「今頃になって」なんだろうなぁ…。
淘汰されないように、緊張感を持ってなくちゃいけない。

*Macromedia MX2004

| | comments(0) | truckbacks(0)

Fireworks、重すぎる。なんとかならんか。
リリース直後に出たアップデータが最後か!?

Flashは、もうすぐアップデータ(日本語版)がでるとか。
Dreamweaverはちょっと前に出て、幾分かマシになったらしい。
(↑ほとんど使わないので体感できず)

カスタマーサポートセンターには何度か要望を出したのに…。
同様に、重いと感じているユーザーの声を聞くが、
それってオイラの周りだけ??

うーむ。なんともならんか。

*Swift 3DV4

| | comments(0) | truckbacks(0)

Swift 3Dのバージョン4、日本語対応版のアップデータがもうすぐリリースされるらしい。
V4では、ポリゴンモデラーとパスアニメーションが、新機能として搭載されている。
なかなか、使えそうだ。

でもQuickSilverでは動作が重い…。
G5、買っちゃおうかな…、でも車検が…

ウェブページ

Powered by Movable Type 4.1

このアーカイブについて

このページには、過去に書かれたブログ記事のうちhtml / javascript / cssカテゴリに属しているものが含まれています。

前のカテゴリはGolf4 GT '04です。

次のカテゴリはInspirationです。

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