Webデザイン ABC

よくwebデザイナーさんやクリエイターさん、プログラマーさんたちの書いてるwebサイトを見たら、ソースコードを、 <body> <div id="SyntaxHighlighter"> <a href="#&quo…

フォント選びって結構大変ですよね。使用するフォントによって、そのサイトなりデザインの印象が変わってくるので、色選びもそうですが、フォント選びはふぉんと大変。…やば。。昔、というかこのサイトを知るまでは、こんなものを作って、これを参考に選んだりしてました。でも邪魔くさいというか、使…

前回のonMouseOver,onMouseOutで簡単に画像を切り替える！の続き、応用編です。実はこちらサイトのそれぞれの記事の下にある、『☆ 続きを読む』って部分を、マウスオーバーした時に、文字を変えてちょっと変わった感じにしてみたくなったんですね。でもそんなこと今までした事なかったので…

今までマウスオーバー等で画像を切り替える時は、jQueryを使ったり、cssで画像を重ねてopacityで画像を透過させたりしてました。反対に言えば、このやり方しか知りませんでした。恥ずかしながら。。でもある時どうしても上記の方法ではうまくいかない事があり、onMouseOver、onM…

コピペ用、ショートハンドのまとめです。まずはややこしい【background】プロパティから。【background】〜color・image・repeat・position（x/y）/ size〜 #WebDesign-ABC{ background: #ABCABC u…

ABCから始めよう！と言いつつ、ちょっとABCからの内容ではないかもしれませんが、今まで貯めてた "？" の解決法で、今パッとでてきたのがこれだったので、最初の投稿はこれにしました。さてさて。そんな訳で、html,cssの勉強をして、最初のうちはこんな書き方を気にできる程余裕がなかったのでス…

Webデザインに関する"？"の解決法を、忘れないようにメモした備忘録