PROFILE
Template
【WEB】 CSS Niteについて思う事
最近、日記しか書いてません。
試行錯誤しながら、コーディングコンテストの課題やってますけども、やっていくにつれて自分の無知さ加減が分かってきて、しょんぼりしてます。
CSS Niteも参加しようかと意気込んでましたけど、行かない方がいいのかもしれないと思い始めてきました。
と、いうのも、CSS界隈でしっかりやってらっしゃる方からしたら、自分は初心者も甚だしい存在だし、なんか行ったら行ったで、「は?そんなことも知らないの?」と嫌な顔されそうだし。
つかね、ぶっちゃけ皆さん怖いです。
WEB標準は知ってて当たり前。間違ってる人には非難の嵐。
見ていて、MEやCSS関連で仕事してる人たちは怖い人たちばかりなんだろうなぁ、と思ってしまうわけですよ。
怖いのは厳しいから、というのは分かる。
でもそれが全面に出てしまうのを見ていると、MEやCSSを今後頑張ってみよう!とか、思っている私なんかは、怖いから嫌だなぁ、と萎えてしまうわけです。
昔、HTMLに初めて触れようと思った頃、WEB系の知識がすごく閉鎖的に見えたのは、このせいなのかなーと漠然と思いました。
専門職だから閉鎖的なのは当たり前だと思う(やる気がないやつは帰れ的な)。
だけど、それじゃあその先に繋いでいく人たちって生まれるのかしら?
「まともなマークアップも出来ないくせに何言ってんの?」と言われそうだけど。
オープンな感じがしないのですよ。「初心者は来るな」と言われてるようで。
そんなわけで、参加が微妙になってきました。怖いよぅ。行ってみたいけど怖いよぅ。
あ、そう言えば、最近流行のTwitter始めてみました。
MacIEでは文字化けするので、外部サービスのモバトゥイッターを利用させてもらおうかなと。
そんなわけで、こんなヤツが日ごろ何してるか気になるなら、どうぞお友達にw
【日常の吐息】 どうにもこうにも
orz
ふと、4月の記事を見てみたら、これ合わせて8個しか書いてない!
mixiも通常の半分くらいしか日記書いてない。
誰か1日を48時間くらいにしてください。
お気付きのかたもいらっしゃるかと思いますが、サイトタイトルの下に「Information」なるものを付けてみました。(大分前にw)
やりたいことメモ、みたいな感じ。
忙しくなると、「あれ?何したかったんだっけ?」と頭が回らなくなるのです。
色々なスケジュール管理を結構頭の中でしてしまうタイプ(メモも頭の中)なので、忙しい時期は必要なのですよ。
infoにあるとおり、今ちまこらタグクラウドのタグ付けをしてます。
仕事の昼休みとかに少しずつやってるので、いつ終わるかしら?って感じですが、記事数も少ないし、まぁなんとかなるかなと。
なんでタグを付けようと思ったか。
調べものしてる時、すごく便利だなぁと思ったのですよ。
カテゴリ以外の分類で捜せる。
まぁ、たいした記事は書いてないですけど、どうゆう思考・嗜好か分かりやすくなる。
以前使っていたSeeSaaにだいぶ前からタグ機能付いてたんですけど、その時はどの辺りが便利なのかさっぱり分かりませんでした。
タグの素晴らしさを語ってる記事には「書いてる人間がどういうものが好きか分かる」とあって、ホント「???」でした。
でも今なら分かるなぁ。
好きな事ほど熱く語ってしまいがちですよね?それを表示させるのがタグなわけです。
まだ色々書きたい事はあるんですけど、コーディングコンテスト終わるまでわわわ。
コーディング苦手なんで、遅いんです。orz
【日常の吐息】 まったりやろう。うん。
本業がつまってきてて、うわぁぁあ、です。
まぁ「参加することに意義がある」精神でやってるので、5月の締め切りまでに納得のいくまでやろうと思います。
それが終わったら、今回の作成で気付いた、MacIEを含む各ブラウザのクセをまとめてみようと思います。
これを機にCSS Niteも参加しようと思ってるので、コンテストの作りながらマークアップの基礎的な部分の復習もしてます。
まったく知識の無かった頃に比べると、新たな発見もあっていいですね。
すごく面白い機会だなーと思います。
画像の使用を極力控えてかっこいいCSSデザインをやってみよう大会も楽しそうなので、やってみたいな。
こっちは締め切りが無いから、時間出来たらやってみよう。
さー仕事仕事。
【WEB】 ちょっと挫折しそう。。。
なんか、データをみた方は分かるでしょうが、結構いやらしいデザインですね、コレ。
(デザインに文句言ってるわけではないんだ。組む側からしたら、の話)
スライスの時点でちょっと泣きそうになりました。
1pxズレてるし!!(ズレは直しても良いそうですが、コレが意図的なのか否かに悩みます)
ちなみに私の自宅PCにはPhotoShop7.0とJeditというエディタしかWebコーディングに使えるものがございません。
あはーは。
いや、頑張りますけどね?
でも、なんか新鮮です。
普段はデザインもコーディングも自分でヤルから、デザインする時点でどうやって組むか決めてるので、他人のデザインをスライスから考えて組むのってあまり経験無いのですよ。
期日までに間に合う&自分でも納得出来るものが出来た、ら参戦の方向で。笑
そう言えば昨日は会社PCにブラウザをごちゃりごちゃり入れてみました。
上書きされちゃうのが嫌で、IE7とかfx2.0とか入れてなかったんですけど、いい加減他人様のPCに頼るのもやめようかな、と思いまして。
IE6とIE7、fx1.5とfx2.0をそれぞれ簡単に共存させる方法があったので、試してみました。
以下の記事を参考にさせていただきました。
小粋空間:Firefox 1.5 と Firefox 2.0 を共存させる
小粋空間:Internet Explorer 6 と Internet Explorer 7 を共存させる
これで仕事もコーディングコンテストもばっちりですよ。(多分)
…ちゃんと仕事はしますよ?(確認だけ仕事場でします。win持ってないし)
【日常の吐息】 気合いを入れてタッチ&ゴー
通勤にもSuicaを使いたかったのですが、住んでる場所が私鉄沿線だったので(会社はJR線沿線でしたけど)ずっと磁気定期券でした。
しかし、この春から私鉄や地下鉄でもSuicaが使えるようになり、手持ちの定期券が昨日までで、昨日ようやくSuicaの定期券にしてきました。
今日から毎日タッチ&ゴーです。
Suicaペンギンです。謎(浮かれています。気にしないでください)
昨日一昨日と、ルームメイトと色々遊び回っています。
買い物とかー、食事とかー。あと少しだけ手芸も。
(彼女の誕生日が近かったんだから、何か買ってあげればよかったなぁと今思いました)
しばらく会っていなかった可愛い子ちゃんにも偶然会えたし、目的の買い物も出来たので、なかなか嬉しい、充実した休日でした。
しかし、お陰でコーディングコンテストの課題の作業ができてません。
参戦は…多分しませんが、組むだけ組んでみようかなと。
やはりこういうのは、参加してなんぼかなと。
対応ブラウザにMacIE抜けてますが、自分はいつも使ってるMacIEでも見れるように頑張るつもりです。
SeeSaaでテンプレ作りをやってたころはCSSのみでMacIEでも見れる3カラムとかもやってたし、その辺りのソース引っぱりだして研究してみようと思います。
幸いな事に、今週の仕事はゆるいので(笑)定時で上がって帰ってコーディング……。
…なんか、変態的ですね。orz
<ぼやき>
会社の人に「テンプレ作りとかしてるんですよ」と話したら、
「仕事であんだけやってるのによくできるね」と言われました。
…おかしいかしら?
楽しいんだけどなぁ
</ぼやき>
そいえば、CarteがUTFの新着からそっこーで流されたのを、Refugium peccatorumの深玖さんがすごく悔しがってくれていました。笑
せっかくですし、自分用テンプレの構想も考えているので、それができるまでしばらくCarteを使ってアピールしてみる事にします。笑
【日常の吐息】 平穏な日々は、、、
orz
さて、3週間ぶりぐらいにテンプレ出しましたが。
(それを考えると、いままでかなりのハイペースで出してますよね)
あれは実はLe Cielよりも前にデザインが出来ていて、フォームまわりとか、色とかに行き詰まって放置してたものです。
ちょっと前に「豪奢なシンプルってどんなだろう」と考えていた時に思いついたヤツですね。
でもやはりシンプルだなぁ。(当たり前)
「豪奢なシンプル」はまだまだ研究価値がありそうです。
で、色なんですが。
pngとかCSSを上手く使って、ユーザーの好きに色を変えられるようにしたいなー、とか思ったんですよ。
CSSをちょっと弄っただけでOK!みたいな。
それもやろうとしてたら、上手くいかなくて困ったわけで。
もう少し、綺麗なCSSをかけるようにしたいな。
代わりに、色んなカラーのCSSを用意したんで勘弁してください。
個人的には、UTFにアップしてる「桜」と追記で紹介した「黒曜石」、あとまだアップ出来てない「真珠」と「翡翠」もお気に入りです。
「Carte」の一番困る所は、記事表示が確認しづらいところですね。笑
何かいい方法はないだろうか。
ちらっとアクセス解析を見たら、サンプルから飛んできてる人が多いようなので、しばらく「Carte」を使っていようかと思います。
それにしても、時間が足りません。
作りたいテンプレのネタはいっぱいあるのにぃ〜!と地団駄してます。
今日の夜は飲み会で、その次の日は買い物、その次の日は手芸の先生もとい手芸屋さん的な作業。
うーん。なんて充実した毎日。苦笑
【テンプレ】 Carte
久々なテンプレ配布です。「Carte」
カルテと読みますが、意味はカード。
記事内容表示時とプロフィール表示時以外はストンとした一枚カードのようになります。
タイトルをクリックしたら、もう一枚カードが出てきて内容を表示する。
イメージはそんな感じ。
サンプルを表示しただけじゃ内容のイメージが分かりにくいので、サンプル画像も用意しました。
■Carte DATA
・全体の幅:300px(一覧時) or 600px(記事表示時)
・一覧時と記事表示時で雰囲気が変わります。
・1カラム
→CarteのDL Sample
大きいサンプルは↓
一覧時 記事表示
大分前に出来てたんですが、色が決まらなくて。
結局(需要無さそうですが)複数作りました。
CSSを変えるだけでガラっと色を変えられます。ちなみにUTFに公開してるものは「桜」
追記にて他の色をご紹介。
【WEB】 WEB制作の現場から
■ホームページビルダーは曲者
仕事では主に中小企業サイトを作っています(雇われデサイナーです)。
中小企業サイトは更新作業をホームページビルダーでやってらっしゃるところが多いのですが、このホームページビルダーが曲者。
バリバリにCSSを使ったページをきちんと読み込みません。
先日も「ビルダーで見れない」と言われ、実際に見てみるとひどかった。
とんでもない所にテキストがうじゃーと重なっていたり、横スクロール出ちゃったり。
なんじゃこりゃ。
ビルダーのクセを見つけるのに苦労しながら修正しました。
結局ほぼテーブルタグを使ったんですが、切なかったなぁ。
<ビルダーの悪い所>
・テーブル以外のタグが視覚的に分かりにくい
・「clear」が効かない
・「margin:auto」が効かない
・「display:inline」が効かない
下二つはいいんだけど、「clear」が効かない時点で「float」を使ったレイアウトが出来ないよね。
私が見たのはビルダーver9ですが、「clear」が効かないのはお約束のようです。
■DreamWeaverも曲者
「clear」繋がりな話なんですが、一時期web系なブログで話題になってた「clearfix」
afterを使ってclearさせる、みたいな(コチラの記事が分かりやすかったです)。
便利じゃないか!と思って使ってみたのですが、DreamWeaverのデザインビューでは反映されませんでした。
分かってる人が見るぶんにはいいんですが、会社的に他の人が触る可能性もあるわけで。
その人がコレを知らなかったら、たぶん混乱しちゃいますよね。
そんなわけで、相変わらず「br」にお世話になってます。
「br」だとしっかり1行分の高さは出るものの、クリアはされるので。
見えなくなるのがいいか、少し長くなるのがいいか…個人的には後者なのです。
■一番の困ったちゃんはIE
「br」でclearさせるにもコツがあって、「br」分の高さを消すためにheightやらfont-sizeを0にするとIEでは認識しないので困ったもんです。
なので
.clear {といった感じで、「zoom」を足してやるとよろしい。
height:0px;
clear:both;
display: hidden;
line-height:0;
font-size:0px;
zoom:1;
}
このIE独自のプロパティ「zoom」が意外と使える。
たまにfloatでboxを横に並べていたりすると親要素の高さがIEでだけうまく認識されない時があるんですよね。
ちゃんと「br」でclearしてても!
なので親要素に「zoom:1;」をつけてあげるとうまくいく。
これは「clearfix」を使うときと同じようなことですね。
さて続くはMacな話
【日常の吐息】 春は忙しいねぇ
お休み欲しい。。。
作りたいテンプレが増える一方、時間は無情にも過ぎております。
春っぽい和風のテンプレを考えていたのですが、やーコレは無理そうだ。
季節物を一個出して、季節ごとにCSSを作ったりとかしたいなーと思っているので、まぁ来年までお預けですね。
先に初夏を出そう。それまでに時間が出来るか不明だけど。
それで、JUGEMで作ってると困るのが、アドレスの置換。
ちょーめんどい。
だったらサーバー借りて、そこから読み出しとかしようかなーとか。
負荷を考えたら画像をDLしてもらうのが一番なんだが…これも大変だしね。
CSSだけの配布も考えたら、どこかしら借りないとダメだろうし。
infoseekで一個同盟を運営してるのですが(現在完全放置状態w)かなり人が参加していて、読み出しファイルを置くのもはばかられる(無料鯖だし)
借りるのならロリポ鯖ですかねー?同じとこだし。
倉庫として使える&無料&安定してるはそうそうなさそうだしなぁ。
XREAも良さげですが、あれは倉庫として使っていいのでしょうか?(ヘルプとか見てみたけど見つけられず)
そんなことを考えています。
今日は誕生日なので、仕事の後ルームメイトと食事してきます。
しかし、早く帰れるか微妙。
(そんな状況をしってる彼女は待っててくれるらしい。ありがたや)
NEW ENTRYS
- 生存報告とか色々なお知らせ (12/28)
- 生存報告とお知らせと宣伝と (08/21)
- CSS Naked Day だそうです。 (04/09)
- gift (03/28)
- エントリが1ヶ月おきな件について (03/24)
COMMENTS
TRACKBACK
- JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ buggy_trekkerの学習帳 (10/24) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ Memoのメモ (08/23) - (追記:2007.8.29)IE7でbodyの背景が拡大/縮小されない!【IE7対策】
⇒ SOHOカアチャン通信 (06/09) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ WEB制作会社のメモ帳in徳島(ホームページ作成Tips) (11/18) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ btmup Blog [tech] (11/04) - JavaScriptメモ(3):しんぷるロールオーバー(追記:2007.6.29)
⇒ Bowz::Notebook (03/12) - Twitterな話。
⇒ COLORFULLIFE (05/16)
ARCHIVES
- December 2010 (1)
- August 2009 (1)
- April 2008 (1)
- March 2008 (2)
- February 2008 (1)
- December 2007 (1)
- November 2007 (1)
- October 2007 (1)
- August 2007 (1)
- July 2007 (2)
- June 2007 (10)
- May 2007 (4)
- April 2007 (9)
- March 2007 (16)
- February 2007 (17)