July 20181 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

デザイン | コーディング作業

JUGEMテーマ:写真


【WEBデザイン】

本家サイトの方のコーディング作業を少し進めました。
(まだ途中です)

CSSを組み込んでいくとあら不思議。
あっという間にデザインが変わっていきます。

CSSとは、HTMLを飾っていってくれるもので
欠かせないものとなっています。

CSSの存在を知らなくても、
いつの間にかお世話になっている方も多いです。

文字の色が変わっていたり、文字の大きさが変わっていたり。
背景色や背景画像の指定などもCSSで行っています。

そんなこんなで最初にお世話になるのが
「リセット」を指示するファイルです。

見出しをつけようとして、とんでもない大きな文字になったり。
上にぴったりと合わせたいのに、無駄な余白が出たり。

プラウザによって持っているクセ(?)を一度リセットしてしまう
魔法の言葉なのですが、使うコーダーさんと使わないコーダーさんに
分かれるのではないでしょうか。

私は以前は使わない派だったのですが
正直使うと、楽ちん…時間の短縮になるので
ずっと使用しています。

さらには、今回はHTML5も使用する関係上、
やっぱり欲しいと思ってリセットしました。
参考にするのはyahooのYUIですが
正直これだけでは足らない&使いにくく自分用に直しました。
サイトごとにResetをしたいものが変わっていくので
やみくもにResetするのも好きでは無かったり。

さらに色々なCSSを一気に読み込むimport.cssというのが
ありますが、最近では見直しをされて使わない方が
いいとも言われて、記事を拝見したらもっともだなあ〜と
深く納得してからは出来るだけ使わないようにしています。

【参考記事】
Screw-Axis

難しい話はさておき…
CSSで組む際にかなり便利なアイテム。
「FireBug」というFirefoxのアドオンがあります。
(chromeの拡張機能にもありますが使い勝手が微妙です)

これは、HTMの部分が何のCSSが影響されているか
一目でわかるすぐれものです!
しかもCSSの編集などが出来て、効果もすぐに見る事が
できて、WEBサイト制作者にはかなり重宝するアイテムです。

見た目がどう見てもゴキさん(笑

使えるのにどうしてもゴキさんと呼んでしまう私を
お許しください。

HTML5にした影響もあって、IE6がかなりヒートアップして
困らしてくれました(遠い目
またそれについては後日…

**********

記事内にも書きましたが
私の主要プラウザはFirefoxです。
IEも仕事柄切っても切れないものなのですが
Firefoxにすんなり移行してしまいました。

ゴキさんも含めてアドオンがかなり充実していて
マウスジェスチャー、ページキャプション
携帯やスマフォなどの疑似プラウザなど
言い出したらキリが無いほど好きなものが多くて…
Xmarksも職場、iPhone、iPadすべてで
共有でブックマーク管理を行っています。

基本的に、ディスクトップとブックマークと
ノートの管理が出来ない人は仕事もできないと
よく言われているので、この3つについては
ものすごい徹底っぷりです(汗

最近はノート=evernoteになったので
余計に管理をしまくっています。
いつでも時間のあるときに少しでも勉強ができるように
始めたevernoteですが、仕事に趣味にすごく
役立ってくれていて、なんでも頼りっきりになっています。
困ったときは、ネットで調べるよりも
evernoteで調べるほどになりつつあるので
これからも自分の辞書と思いながら作成していこうと思います。

**********

現在本家サイトリニューアル中↓


■micchi
静岡在住のwebデザイナー。
他にAtelier*Spoonにて写真教室など
しております。
コーギーのアフロと幸せな
毎日を送っております。
■好きな物
・お菓子作り
・写真撮影
・STUDIO M'の食器
・MATEUSの食器

selected entries

categories

archives

recent comment

link

search this site.

others