◇ 相互リンク募集!
◇ ハムにメールを送る時はここから
ハムからみんなへお願い&お知らせ
03月20日(Thu)
引越し先、構築完了!
少し前からブログのお引越しを宣言していましたが、
ようやく次のブログの引越し先が完成しました!
次の新しいブログは、
古巣でもあるSeesaaブログを使わせてもらうことにしました!
あたらしいブログは
『THE HAM MEDIA』
タイトル、すごく悩みました。
ここのブログと同じタイトルにするか、
それとも別に新しいブログのタイトルをつけるか、
はたまた、昔のブログのタイトルを使うか・・・
結局、今回は新しいタイトルをつけることにしました!
THE HAM MEDIA
特に意味はないのですし、
引越し先は、SEOのことはを考えていません。
もう大学生でもないですしね。
ただ、札幌ってのではいつかは引っかかってくれないかなと
ひそかに思いはしますが。。。
しばらくはないでしょうね。
一応、タイトル直下には簡単な紹介は入れたんですけどね。
さらに、そこでは僕のお勉強ブログへのリンクもつけています。
JavaScriptを勉強しているのですが、
勉強したときは、なるべくそこを使って書くようにしています。
専門的な内容なので、日記のハムを読みたいって人にとっては、
ぜんぜん無関係な場所になってしまっていますが、
IT関連中心の、僕のソーシャルブックマークを公開しているので、
今注目すべき記事は何か!?
というのを、そこでぜひ見てください。
ここの『札幌社会人のブログ「大学生に戻りたい!」』のブログは
削除することはしません。そのまま残しておこうとおもいます!
だって、せっかく書いたのを削除するなんて、
もったいないじゃないですか(笑)
いろんな告知したいことが出てきたときは、
こちらも使うかもしれないので、残しておこうと思います。
ということで、今後はもう一つの方のブログでお会いしましょう。
僕のここのブログをリンクされている方、
よければリンクを次の新しいブログのところに変更していただけますか?
よろしくお願いします。
ようやく次のブログの引越し先が完成しました!
ハムの新しいブログ
次の新しいブログは、
古巣でもあるSeesaaブログを使わせてもらうことにしました!
あたらしいブログは
『THE HAM MEDIA』
タイトル、すごく悩みました。
ここのブログと同じタイトルにするか、
それとも別に新しいブログのタイトルをつけるか、
はたまた、昔のブログのタイトルを使うか・・・
結局、今回は新しいタイトルをつけることにしました!
THE HAM MEDIA
特に意味はないのですし、
引越し先は、SEOのことはを考えていません。
もう大学生でもないですしね。
ただ、札幌ってのではいつかは引っかかってくれないかなと
ひそかに思いはしますが。。。
しばらくはないでしょうね。
一応、タイトル直下には簡単な紹介は入れたんですけどね。
さらに、そこでは僕のお勉強ブログへのリンクもつけています。
JavaScriptを勉強しているのですが、
勉強したときは、なるべくそこを使って書くようにしています。
専門的な内容なので、日記のハムを読みたいって人にとっては、
ぜんぜん無関係な場所になってしまっていますが、
IT関連中心の、僕のソーシャルブックマークを公開しているので、
今注目すべき記事は何か!?
というのを、そこでぜひ見てください。
ここのブログは?
ここの『札幌社会人のブログ「大学生に戻りたい!」』のブログは
削除することはしません。そのまま残しておこうとおもいます!
だって、せっかく書いたのを削除するなんて、
もったいないじゃないですか(笑)
いろんな告知したいことが出てきたときは、
こちらも使うかもしれないので、残しておこうと思います。
ということで、今後はもう一つの方のブログでお会いしましょう。
最後にお願い
僕のここのブログをリンクされている方、
よければリンクを次の新しいブログのところに変更していただけますか?
よろしくお願いします。
JUGEMテーマ:日記・一般
- 2008.03.20 Thursday
- つぶやき
- 14:44
- comments(11)
- trackbacks(0)
- by ハム
03月17日(Mon)
引越し準備中
眠たい。。。
現在の時刻、午前4時。
なぜか作業途中で寝てしまったようで、
電気もなにもかもつけっぱなしだったために、
さっき気づき起きた。
夜に作業なんてするもんじゃないですね。
先日お伝えしたように、
現在ブログを意向しようと引越し準備中です。
ここのブログの記事をすべて移行しようと思ったのですが、
移行させる意味がそんなに見つけることができなかったので、
次のブログでは次の中身を書いていこうかなって計画中。
引越しするなら、ここのブログは用なしになります。
ですが、中身を移行させるわけではないので、
ここのブログはこのまま残したいと思います。
引越しさきのURLはしばらく伏せておきます。
まだ準備中ですので(笑)
完成してしばらくしたら、載せようと思います!
・・・眠い。
そろそろ限界がきたので、寝ます。
おやすみなさい ( ̄q ̄)zzz
現在の時刻、午前4時。
なぜか作業途中で寝てしまったようで、
電気もなにもかもつけっぱなしだったために、
さっき気づき起きた。
夜に作業なんてするもんじゃないですね。
引越し準備中
先日お伝えしたように、
現在ブログを意向しようと引越し準備中です。
ここのブログの記事をすべて移行しようと思ったのですが、
移行させる意味がそんなに見つけることができなかったので、
次のブログでは次の中身を書いていこうかなって計画中。
ここのブログはどうするか
引越しするなら、ここのブログは用なしになります。
ですが、中身を移行させるわけではないので、
ここのブログはこのまま残したいと思います。
引越しさきのURLはしばらく伏せておきます。
まだ準備中ですので(笑)
完成してしばらくしたら、載せようと思います!
・・・眠い。
そろそろ限界がきたので、寝ます。
おやすみなさい ( ̄q ̄)zzz
JUGEMテーマ:日記・一般
- 2008.03.17 Monday
- 日記
- 04:16
- comments(0)
- trackbacks(0)
- by ハム
03月12日(Wed)
クロスブラウザとfont-sizeの問題
久々にこっちに記述
Webを制作している上で、毎回ぶちあたる問題の一つに
font-size指定がある。
僕の場合、デザイナーにもらったデザインをもとに、
それ通りにコーディングしていくのが仕事だけど、
OSとブラウザの違いによってfont-sizeの大きさがバラバラになる。
だからなんとか統一しようと思うけど、うまくいかない。
いろんなサイトを参考にしてみた。
・TRANS - 英語圏から学ぶ、body要素に対するfont-size指定方法のまとめ
・RedLine Magazine : font-size:82% って何?
この他にもいろいろあったけど、
結局のところ、ブラウザによって、そろえる最前の方法がない。
一応あるにはあっても、必ずどこかでほころびが見つかる。
サイズをそろえたとしても、font-familyによる違いとかね。
font-familyの違いはかなり顕著に現れて、
同じ文字サイズだとしても、
MS ゴシックとMacのヒラギノとかの文字間隔が違うから、
どうしても横幅がかわってくる。
これはもうどこかで妥協するしかないか。。。
そんな中でも僕が採用しているCSSは以下のようになっている。
なぜこのような指定なのかと言うのは、
こちらを参照してもらいたい。
・RedLine Magazine : bodyにfont-size:62.5%を指定すると・・・
簡単に言えば、感覚的にピクセル指定ができるようになるからだ。
CSSハックを用いて、IE以外のブラウザのデフォルトを
10pxに統一している方法の一つで、
このような方法を採用した。
なぜこのようなハックを使用したのかというと、
ブラウザのFirefoxは、
Windowsだとデフォルトのフォントが16pxに対して、
Macだとデフォルトのフォントが14pxになっているからだ。
なので、%でサイズを指定してしまうだけだと、
どうしてもMacのFirefoxだけサイズが小さくなってしまう。
この一つの違いはかなり厄介だ。。。
なぜ最初から10pxでフォントを指定しないのかというと、
IEでは、pxでフォントサイズを指定すると、
文字の拡大に対応しなくなってしまうからだ。
大きさを固定して動かなくするのであれば、
pxで指定していてもいいのだが、
ユーザビリティの観点から考えて、
文字の拡大縮小に対応していないのは、良くないと言える。
FirefoxやOpera、Safariなどのブラウザは
pxでサイズ指定をしていても、問題なく拡大できるが、
IEだけはできない。
なぜなんだーーーーー!!!
だから正直言うと、なるべくハックは使いたくないのだが、
ここは仕方なく使っている。
ハックだらけのサイト構築よりは、多少の妥協でおわるので、
それはそれでしかたないと思うしかないのである。
途中でも書いたのだけど、これだけでは問題解決はしなくて、
使われているfontが違うために、文字間隔によってずれが生じる。
IEとその他のブラウザで、横幅の位置がずれてきてしまうのだ。
これもいろいろ実験してはみたものの、
うまい解決策がうかばずに、
結局これだけはあきらめて妥協している。
サイズさえ同じならばそれでいっか。
デザインと違ってくるのは、
何となくコーダーとして嫌なのだが、しかたが無いようだ。
JavaScriptとかで解決しないかな・・・
いまだ模索中である。。。
コーダーが悩むポイントの一つ
Webを制作している上で、毎回ぶちあたる問題の一つに
font-size指定がある。
僕の場合、デザイナーにもらったデザインをもとに、
それ通りにコーディングしていくのが仕事だけど、
OSとブラウザの違いによってfont-sizeの大きさがバラバラになる。
だからなんとか統一しようと思うけど、うまくいかない。
解説しているサイト(参考のために)
いろんなサイトを参考にしてみた。
・TRANS - 英語圏から学ぶ、body要素に対するfont-size指定方法のまとめ
・RedLine Magazine : font-size:82% って何?
この他にもいろいろあったけど、
結局のところ、ブラウザによって、そろえる最前の方法がない。
一応あるにはあっても、必ずどこかでほころびが見つかる。
サイズをそろえたとしても、font-familyによる違いとかね。
font-familyの違いはかなり顕著に現れて、
同じ文字サイズだとしても、
MS ゴシックとMacのヒラギノとかの文字間隔が違うから、
どうしても横幅がかわってくる。
これはもうどこかで妥協するしかないか。。。
僕が採用している方法
そんな中でも僕が採用しているCSSは以下のようになっている。
body { font-size : 62.5%; }
html>body { font-size : 10px; }
なぜこのような指定なのかと言うのは、
こちらを参照してもらいたい。
・RedLine Magazine : bodyにfont-size:62.5%を指定すると・・・
簡単に言えば、感覚的にピクセル指定ができるようになるからだ。
CSSハックを使う理由
html>body { font-size : 10px; }
CSSハックを用いて、IE以外のブラウザのデフォルトを
10pxに統一している方法の一つで、
このような方法を採用した。
なぜこのようなハックを使用したのかというと、
ブラウザのFirefoxは、
Windowsだとデフォルトのフォントが16pxに対して、
Macだとデフォルトのフォントが14pxになっているからだ。
なので、%でサイズを指定してしまうだけだと、
どうしてもMacのFirefoxだけサイズが小さくなってしまう。
この一つの違いはかなり厄介だ。。。
なぜすべて10pxと指定しないか
なぜ最初から10pxでフォントを指定しないのかというと、
IEでは、pxでフォントサイズを指定すると、
文字の拡大に対応しなくなってしまうからだ。
大きさを固定して動かなくするのであれば、
pxで指定していてもいいのだが、
ユーザビリティの観点から考えて、
文字の拡大縮小に対応していないのは、良くないと言える。
FirefoxやOpera、Safariなどのブラウザは
pxでサイズ指定をしていても、問題なく拡大できるが、
IEだけはできない。
なぜなんだーーーーー!!!
だから正直言うと、なるべくハックは使いたくないのだが、
ここは仕方なく使っている。
ハックだらけのサイト構築よりは、多少の妥協でおわるので、
それはそれでしかたないと思うしかないのである。
それでも問題はある
途中でも書いたのだけど、これだけでは問題解決はしなくて、
使われているfontが違うために、文字間隔によってずれが生じる。
IEとその他のブラウザで、横幅の位置がずれてきてしまうのだ。
これもいろいろ実験してはみたものの、
うまい解決策がうかばずに、
結局これだけはあきらめて妥協している。
サイズさえ同じならばそれでいっか。
デザインと違ってくるのは、
何となくコーダーとして嫌なのだが、しかたが無いようだ。
JavaScriptとかで解決しないかな・・・
いまだ模索中である。。。
JUGEMテーマ:日記・一般
- 2008.03.12 Wednesday
- Webデザイン
- 16:02
- comments(0)
- trackbacks(0)
- by ハム
02月02日(Sat)
コーディングがうまくなるポイント
今回はお仕事の専門的なお話。
「STOPM' LISTEN」のブログで
『最低限これだけ守っていればコーディングがうまくなるポイント』
というエントリーがあった。
ふむふむ、コーダーとしてなかなか勉強になります。
一応だいたいのポイントはおさえられているのですが、
[2.id及びclass名に見た目に関わる名前をつけない]
というので、結構つかっていたりします...
clearfixなんてもろに…
ちなみに現時点で、なんで悪い見本なのかというのがわかっていなかったります。
今後おぼえていかなければですね。
class名やid名はそんなに注意してつけていなかったので、
今後は考えながらつけていこうと思います。
[3.インデントは行わない方が無難]
これに関してだけ、僕はインデントしていたほうがいい派かな。
自分だけで作るのであれば、インデントなくてもいいのだけど、
そうでない場合が多いので、なるべくすぐに見分けられるように
インデント構造にして作っています。
確かに無難なのはわかるのですけどね。
空要素で作らないとかタグ自体で調整しないというのは
自分の中ではなんとかクリアしている項目なんですけど、
角丸の背景にしたいなんてときは
いつもかなり悩みながら作っていたりします。
今後はJavaScriptに移行していくか、
もしくはうまくCSSでつくっていけるように
これまたステップアップしていかねば!
最近はよりシンプルに、なるべく入れ子構造にしないのを念頭に
サイトの作成をしているためか、今ではStrictで作るようになりました。
今後はHTML5が出てきたり、CSS3も覚えなくてはならなかったりと、
結構覚えることがまだまだ出現してきているので、
今年も勉強ばかりの日々になるな〜なんて思うこのごろ。。。
参考:
タグ:コーディング、HTML、CSS
「STOPM' LISTEN」のブログで
『最低限これだけ守っていればコーディングがうまくなるポイント』
というエントリーがあった。
ふむふむ、コーダーとしてなかなか勉強になります。
一応だいたいのポイントはおさえられているのですが、
[2.id及びclass名に見た目に関わる名前をつけない]
というので、結構つかっていたりします...
clearfixなんてもろに…
ちなみに現時点で、なんで悪い見本なのかというのがわかっていなかったります。
今後おぼえていかなければですね。
class名やid名はそんなに注意してつけていなかったので、
今後は考えながらつけていこうと思います。
[3.インデントは行わない方が無難]
これに関してだけ、僕はインデントしていたほうがいい派かな。
自分だけで作るのであれば、インデントなくてもいいのだけど、
そうでない場合が多いので、なるべくすぐに見分けられるように
インデント構造にして作っています。
確かに無難なのはわかるのですけどね。
空要素で作らないとかタグ自体で調整しないというのは
自分の中ではなんとかクリアしている項目なんですけど、
角丸の背景にしたいなんてときは
いつもかなり悩みながら作っていたりします。
今後はJavaScriptに移行していくか、
もしくはうまくCSSでつくっていけるように
これまたステップアップしていかねば!
最近はよりシンプルに、なるべく入れ子構造にしないのを念頭に
サイトの作成をしているためか、今ではStrictで作るようになりました。
今後はHTML5が出てきたり、CSS3も覚えなくてはならなかったりと、
結構覚えることがまだまだ出現してきているので、
今年も勉強ばかりの日々になるな〜なんて思うこのごろ。。。
参考:
タグ:コーディング、HTML、CSS
JUGEMテーマ:日記・一般
- 2008.02.02 Saturday
- Webデザイン
- 18:58
- comments(0)
- trackbacks(0)
- by ハム
01月31日(Thu)
span要素とCSS
昨日のこと、とあるサイトを作成していて、
CSSの指定で一部表示が変になっていることに気がついた。
FireFoxだけどうしてもうまく表示されない。
<span>○○○</span>
このspanという要素。
これにwidthの指定をしたのだけど、適応されない。
標準準拠モードだと適応されないのである。
後方互換モードであるとなぜか適応されるという、
なんとも不思議な現象も・・・
う〜ん、まだまだ勉強不足のようだ。。。
参考:非置換インライン要素とwidth、heightプロパティ
CSSの指定で一部表示が変になっていることに気がついた。
FireFoxだけどうしてもうまく表示されない。
<span>○○○</span>
このspanという要素。
これにwidthの指定をしたのだけど、適応されない。
標準準拠モードだと適応されないのである。
後方互換モードであるとなぜか適応されるという、
なんとも不思議な現象も・・・
う〜ん、まだまだ勉強不足のようだ。。。
参考:非置換インライン要素とwidth、heightプロパティ
JUGEMテーマ:日記・一般
- 2008.01.31 Thursday
- Webデザイン
- 14:43
- comments(0)
- trackbacks(0)
- by ハム
| 1/28PAGES | >>
- categories
- archives
-
- March 2008 (3)
- February 2008 (1)
- January 2008 (8)
- December 2007 (18)
- November 2007 (33)
- October 2007 (31)
- September 2007 (30)
- August 2007 (12)
- July 2007 (4)
- recent comment
-
- 札幌バレーボールチーム
⇒ ウチアゲ』運用事務局 (03/09) - 引越し先、構築完了!
⇒ AtoZ (08/26) - 引越し先、構築完了!
⇒ ふにゃバット (06/03) - 引越し先、構築完了!
⇒ 粒あん (04/21) - jQueryでフォントサイズを変更する方法
⇒ たくや (03/25) - 引越し先、構築完了!
⇒ とろろいも (01/17) - 引越し先、構築完了!
⇒ カドルト (01/11) - 引越し先、構築完了!
⇒ へっぽこなめ太郎 (10/03) - 引越し先、構築完了!
⇒ チュパカブラ (07/03) - 引越し先、構築完了!
⇒ なんぞコレぇぇえぇ!!!! (02/11)
- 札幌バレーボールチーム
- recent trackback
-
- 36STICKS
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (11/28) - H姫とプールデート
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (11/28) - 大学生時代の仲間と飲み会〜サプライズ企画〜
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (11/28) - おでんとなべ
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (11/28) - 女子バレー部(?)札幌市民体育大会ブロック優勝
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (11/19) - CSS nite Sapporoに参加
⇒ CSS Nite公式ブログ (11/14) - 「3年B組金八先生」第8シリーズ 出演生徒一覧
⇒ 金八先生に関する情報です (11/04) - 札幌の大学生とSEO
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (11/02) - 研修最後でした
⇒ 札幌社会人のブログ「大学生に戻りたい!」 (10/31) - ローソンとっておき宣言とリラックマ
⇒ みっちーの日記 (10/16)
- 36STICKS
- friend links
- link list
-
- search this site.
- tag cloud search
-
- sponsored links