待望のツールがでてきました。
IE5.5, IE6, IE7, IE8beta1 を同時に使用できるアプリケーションです。Webサービスじゃありませんよ。アプリケーションです(大事なことなのd)。
ツールはタブ形式で、新しいタブを開く時にバージョンを選択する。
タブにはバージョンが表示されるので分かりやすい。
タブを画面にドラッグ&ドロップする事で並べて表示できる。が、3つ以上並べるにはまだ使い勝手が悪いです。
Vista環境だとIEのエミュレータが動かないので、WebサービスのSSを使うか、XPとの併用という面倒なやり方をしなければならなかったので、非常にありがたいです。
文字サイズが変更できなかったり、Back, Nextボタンが動作しない等のバグがあるようですが、その辺りは今後のバージョンアップを待つことにして、とりあえず実用的なツールだと思います。
↓↓↓ここから弁解↓↓↓
最近はコーディングばっかりやってる（やらされてる）わけだけど、コーディングはできるからやってるわけであって、特に”もーまじコーディングやりたい！三度の飯や夜のSEXよりCSSが好き！”ってわけじゃない。
まだ知ることはたくさんあるし、よくわからん部分もあるのは確かだけど、別に10まで知る必要はない。
↑↑↑ここまで弁解↑↑↑
まあ、そろそろプログラミングにでも手を出してみようかなって思ったわけで。事の発端は仕事でのやりとり。
PGに検索システムの制作をお願いしていて、今もやってもらっているのだが、どういう仕組みにしたいの？みたいな事を聞いてくる。
表面の事（ああいう検索がしたくて、こーいう結果が出てきたらいいとか）ではなくて、内部的な処理の方法を聞いてくる。
プログラムのｐの字も知らないおれにそこを聞かれても困るっていうか。
PGから「こういう方法とああいう方法があるけど、どっちがいい？」っていう提案ならまだわかるんだけど。
っていうのは、今までの自分への甘えだと思った。（36%）
あとは何かプログラミングのこととか書いてるブログみて。（64%）
だからおれはphpべんきょしるよ！！
もうプログラマにでかい顔させね！！！！！！！！！！！！！
「見出しタグとPタグにそれぞれmarginを設定してるのになんか上手く反映されてない」
コーディングしてると、こんなことがたまにある。
これはタグの種類に限らず発生することである。
どんな現象か実際に組んでみよう。百聞は一見にしかずという。
<html>
<head>
<link href=”style.css” rel=”stylesheet” type=”text/css” />
</head>
<body>
<h1>みだしたぐ</h1>
<p>ぴーたぐ</p>
</body>
</html>
Read the rest of this entry »
昨日デザインをしているときにいろんなサイトを巡って少し知恵がついた気がしたので書き留めておく。
■ファッション系ショップサイト
しかし、もっとも重要なのは写真である。
■無料のPhotoshop用のグラデーション ファイル集 / コリス
http://coliss.com/articles/build-websites/operation/design/625.html
グラデ処理が苦手な人でもスグにWeb2.0的なグラデが作れちゃう！
自分も重宝してます。
今日衝動買いした本その1。（Photoshop TipsっていうよりはIllustrator Tips）
最近デザインで詰まることが多く、フォントのセレクトはいつも頭がパーンなので購入に至る。
すでに半分ぐらい知っていることが書いてあったので、自分的にはちょい高いと思ったけど、常に手元にあるTipsって考えれば、まあとんとんってところで。
しかしWebデザインというよりはDTP向け。まあ+DESINING出版だしな。。
肝心の内容は、文字に関する基礎知識（各書体の特徴）、目的に基づいた書体選択、文字組みテクニック、あとはIllustrator用の文字加工テクニック集が半分くらい。
イラレは下手っぴなので、これを機に積極的に触ってみようかな。
今日衝動買いした本その2。
まあシリーズ物なわけで。まだデザイナー初心者ゆえに、自分の思い描くイメージ＝色に結びつけるのが難しい。
想像力が乏しいといわれるとそれまでだが、まあこんな本で少しは補えるかと思い、上記と併せて購入。
したんだけど、これもやっぱりDTP関連に特化した書籍で、Webに役立つ面は少ないかな…という感想。
内容は色に関する基礎知識（トーンとか彩度とか）、目的に基づいたカラー選択、配色パターン集、文字に使えるカラー集、あとはPhotoshop用のTipsが半分ぐらい載ってる感じ。
後半のTipsは使えるかもしれないな。
もうちょっとコンパクトなバナーないのかな。
SH905iに携帯かえた。
予想以上にスピーカ音が小さいとか（朝起きられない）
なんか機能が多すぎて把握できてないとか
まあなんかいろいろあるけど
気にしないで使うことにします。
ドナルドの使ってる着信音をメールの音にしてみた。テレッテッテッテー
某Gyaoのキャンペーンページデザインをしてたら、なぜかクライアントからラフがあがってきて吹いた。
しかもそっちのが断然いい。
まじｗｗｗｗｗｗｗｗｗｗｗｗｗありえｗｗｗｗｗｗｗｗｗｗねｗｗｗｗｗｗ
とりあえず最初の記事。
CSSを在る程度かじってる人ならもう知ってると思いますが、IEやFxなどのブラウザは、それぞれにデフォルトのCSSが定義されているので表示結果が異なります。なので、CSSデザインを始める前に、それぞれに定義されているデフォルトのCSSをリセットしておく事が重要です。
CSSリセットにはユニバーサルセレクタを使う方法が手っ取り早いのですが、余計な要素にまでリセットがかかってしまったりして、後のデザインがやりにくくなってしまいます。レンダリングにも負荷がかかって遅くなるそうです。
ユニバーサルセレクタによるリセット例
* {
margin: 0px;
padding: 0px;
}
リセット方法について調べてみると、実に様々な方法があり、どれが正しいとも言えません。中には見事な出来と思えるものもありますし、ひたすら細かく調整しているコードもあります。
そんな中で、これはなかなか良いんじゃないかと思ったのがYahooが発表したCSSリセットコード。
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html {
color: #000;
background: #FFF;
}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td {
margin: 0;
padding: 0;
}table {
border-collapse: collapse;
border-spacing: 0;
}fieldset,img {
border: 0;
}address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight:normal;
}li {
list-style: none;
}caption,th {
text-align: left;
}h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}q:before,q:after {
content:”;
}abbr,acronym {
border: 0;
font-variant: normal;
}/* to preserve line-height and selector appearance */
sup {
vertical-align: text-top;
}sub {
vertical-align: text-bottom;
}input,textarea,select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}/*because legend doesn’t inherit in IE */
legend {
color: #000;
}
コードは(自分が)見やすい形にしました。
ぶっちゃけ実際に使ったわけでもないので、次のコーディングの機会に試してみようと思います。
そのうち自分のクセに合ったやり方が分かってくるのでしょうけど。
Recent Comments