<< May 2017 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>

ハムからみんなへお願い&お知らせ

相互リンク募集!
ハムにメールを送る時はここから
07月05日(Sat)

スポンサーサイト

一定期間更新がないため広告を表示しています

人気blogランキング  にほんブログ村 サラリーマン日記ブログへ

  • 2014.07.05 Saturday
  • -
  • -
  • -
  • by スポンサードリンク

03月20日(Thu)

引越し先、構築完了!

少し前からブログのお引越しを宣言していましたが、
ようやく次のブログの引越し先が完成しました!

ハムの新しいブログ


次の新しいブログは、
古巣でもあるSeesaaブログを使わせてもらうことにしました!

あたらしいブログは

THE HAM MEDIA

タイトル、すごく悩みました。
ここのブログと同じタイトルにするか、
それとも別に新しいブログのタイトルをつけるか、
はたまた、昔のブログのタイトルを使うか・・・

結局、今回は新しいタイトルをつけることにしました!

THE HAM MEDIA

特に意味はないのですし、
引越し先は、SEOのことはを考えていません。
もう大学生でもないですしね。

ただ、札幌ってのではいつかは引っかかってくれないかなと
ひそかに思いはしますが。。。
しばらくはないでしょうね。
一応、タイトル直下には簡単な紹介は入れたんですけどね。

さらに、そこでは僕のお勉強ブログへのリンクもつけています。
JavaScriptを勉強しているのですが、
勉強したときは、なるべくそこを使って書くようにしています。

専門的な内容なので、日記のハムを読みたいって人にとっては、
ぜんぜん無関係な場所になってしまっていますが、
IT関連中心の、僕のソーシャルブックマークを公開しているので、
今注目すべき記事は何か!?
というのを、そこでぜひ見てください。

ここのブログは?


ここの『札幌社会人のブログ「大学生に戻りたい!」』のブログは
削除することはしません。そのまま残しておこうとおもいます!
だって、せっかく書いたのを削除するなんて、
もったいないじゃないですか(笑)

いろんな告知したいことが出てきたときは、
こちらも使うかもしれないので、残しておこうと思います。

ということで、今後はもう一つの方のブログでお会いしましょう。

最後にお願い


僕のここのブログをリンクされている方、
よければリンクを次の新しいブログのところに変更していただけますか?
よろしくお願いします。

JUGEMテーマ:日記・一般

人気blogランキング  にほんブログ村 サラリーマン日記ブログへ


03月17日(Mon)

引越し準備中

眠たい。。。
現在の時刻、午前4時。

なぜか作業途中で寝てしまったようで、
電気もなにもかもつけっぱなしだったために、
さっき気づき起きた。

夜に作業なんてするもんじゃないですね。

引越し準備中


先日お伝えしたように、
現在ブログを意向しようと引越し準備中です。
ここのブログの記事をすべて移行しようと思ったのですが、
移行させる意味がそんなに見つけることができなかったので、
次のブログでは次の中身を書いていこうかなって計画中。

ここのブログはどうするか


引越しするなら、ここのブログは用なしになります。
ですが、中身を移行させるわけではないので、
ここのブログはこのまま残したいと思います。

引越しさきのURLはしばらく伏せておきます。
まだ準備中ですので(笑)
完成してしばらくしたら、載せようと思います!


・・・眠い。
そろそろ限界がきたので、寝ます。

おやすみなさい ( ̄q ̄)zzz

JUGEMテーマ:日記・一般

人気blogランキング  にほんブログ村 サラリーマン日記ブログへ


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は以下のようになっている。

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テーマ:日記・一般

人気blogランキング  にほんブログ村 サラリーマン日記ブログへ


02月02日(Sat)

コーディングがうまくなるポイント

今回はお仕事の専門的なお話。

STOPM' LISTEN」のブログで
最低限これだけ守っていればコーディングがうまくなるポイント
というエントリーがあった。

ふむふむ、コーダーとしてなかなか勉強になります。
一応だいたいのポイントはおさえられているのですが、
[2.id及びclass名に見た目に関わる名前をつけない]
というので、結構つかっていたりします...
clearfixなんてもろに…
ちなみに現時点で、なんで悪い見本なのかというのがわかっていなかったります。
今後おぼえていかなければですね。
class名やid名はそんなに注意してつけていなかったので、
今後は考えながらつけていこうと思います。

[3.インデントは行わない方が無難]
これに関してだけ、僕はインデントしていたほうがいい派かな。
自分だけで作るのであれば、インデントなくてもいいのだけど、
そうでない場合が多いので、なるべくすぐに見分けられるように
インデント構造にして作っています。

確かに無難なのはわかるのですけどね。

空要素で作らないとかタグ自体で調整しないというのは
自分の中ではなんとかクリアしている項目なんですけど、
角丸の背景にしたいなんてときは
いつもかなり悩みながら作っていたりします。
今後はJavaScriptに移行していくか、
もしくはうまくCSSでつくっていけるように
これまたステップアップしていかねば!

最近はよりシンプルに、なるべく入れ子構造にしないのを念頭に
サイトの作成をしているためか、今ではStrictで作るようになりました。

今後はHTML5が出てきたり、CSS3も覚えなくてはならなかったりと、
結構覚えることがまだまだ出現してきているので、
今年も勉強ばかりの日々になるな〜なんて思うこのごろ。。。

参考:

タグ:
JUGEMテーマ:日記・一般

人気blogランキング  にほんブログ村 サラリーマン日記ブログへ


01月31日(Thu)

span要素とCSS

昨日のこと、とあるサイトを作成していて、
CSSの指定で一部表示が変になっていることに気がついた。

FireFoxだけどうしてもうまく表示されない。

<span>○○○</span>

このspanという要素。

これにwidthの指定をしたのだけど、適応されない。
標準準拠モードだと適応されないのである。
後方互換モードであるとなぜか適応されるという、
なんとも不思議な現象も・・・

う〜ん、まだまだ勉強不足のようだ。。。

参考:非置換インライン要素とwidth、heightプロパティ

JUGEMテーマ:日記・一般

人気blogランキング  にほんブログ村 サラリーマン日記ブログへ


categories
archives
recent comment
recent trackback
friend links
link list
あわせて読みたい
search this site.
tag cloud search
others
  • RSS1.0
  • Atom0.3
powered
みんなのブログポータル JUGEM
sponsored links