ソースコードを見る上で、JavaDocやPHPDocument、RDocのように説明文がきちんと書かれていると見やすくて便利だ。しかし、書くのは良くとも後でHTMLを生成するために都度コマンドを実行するのは面倒に感じていた。 チュートリアルの構造化表示 そこでソースからそのまま読めるようになっていると便利そうだ。その目的に使えそうなのがこのソフトウェアだ。 今回紹介するオー...
自分用のメモです。font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px～16pxのときに10px～26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で...
先月、公開されたばかりのNETTUTS。 NETTUTSでは、HTML、CSS、JavaScript、CMSなどのサンプルを、丁寧な説明と、コードを公開してくれる、とってもありがたいウェブデザイナーの為のチュートリアル・サイト。 毎回、ハイクオリティなPhotoshopのチュートリアルをアップされているPSDTUTSの姉妹サイトなので、サイト自体もとっても見やすくて、これからどんどん追加されていくチュートリ...
『 http://coliss.com/articles/build-websites/operation/design/1090.html 』
[Think IT] 第1回：そろそろ本気で学びませんか？ (1/3) これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあ...
Script タブを選択し、ドロップダウンメニューからどれか１つのサイトを選択してください。サイトインフォメーション・ウィンドウのサイト URL の下にある黒い行をクリックしてください。図7のように画面が更新されます。ここでは同僚の実験サイトを選択していますが、どのようなサイトを選んでもかまいません。 図7：Opera Dragonfly で Javascript ファイルを検査します 行番号をク...
フリーのビューティフルなCSSテンプレート沢山「Css 4 Free」サムネイルクリックでLightBoxでサンプルを確...
『 Operaでうまく見れない 』
スタイルシートで font-family: "メイリオ"; と指定しているサイトをちょくちょく見かけるが これは今の時点ではやめておいた方がいいんじゃないかと思う。 確かに Windows XP にもメイリオを入れられるようになったが、 こないだ書いたように Windows XPでメイリオを使う方法まとめ - 頭ん中 メイリオをダウンロードして XP に入れるだけでは 綺麗な縁で表示されない。 から。 ブラウザ...
『 フッターのデザインだけ集めるサイト。最近はフッターに情報を集めるのが多い。 』
WordPressのテーマをデザインからすべて自分で作るのはなかなか大変ですよね。 無料で使えるWordPressのテーマは、なかなかクオリティの高いものがたくさん配布されているので、デザインやコーディングが苦手な方は、無料のテーマを使ってはいかがでしょうか。 ダウンロードしたテーマをそのまま使ってもよし、すこし自分で手を加えてもよし。デザインやコーディングの参考に...
