「今よりコーディングのスピードを上げる17の方法」とかってタイトルにしたら、いかにもそれっぽい感じがするなぁ(笑) さて、仕事をする上でもっとも重要な要素の一つに、作業スピードって有ると思うけど、正直最近の自分が以前に比べて早くなっている気がしない今日この頃。 一応、現状の作業スピードでも期間内に納品は出来てるから最低限の作業スピードは確保されてると思うんだけど、コレが1.5倍くらい早くなったら、空いた時間に勉強したり、もっとガンガン組んでいけるから、速さを極める事はとても重要だよなーと。 なので、自分がやろーとしてる思いついた方法をメモ。 コーディングのスピードが上がりそうな事 無理やり出した感も有るけど、取り合えず思いついた方法を。 1)基本的なタイピング速度を上げる。 タイピングソフトとかを活用して、基本となるタイピング速度を上げれば少しはコーディングのスピードも速くなるかもって思っ
文字コードがUTF-8の時、IEでだけ10px前後のフォントサイズが12px相当の大きさに表示されてしまうと言うバグ(?)に長年頭を悩ませてきました。 MTとかWordpressとかのCMSっぽいものって大体UTF-8だし、コーディングする時もUTF-8にしているので、何とかならないかと思って調べているうちに、ついに!解決方法を見つけたので、その解決方法と、CSSについてをまとめておきたいと思います。 基準を10pxに YUIでは13pxを基準にしてそこから相対的なサイズ指定をしていましたが、分かりにくいのでCSS: 10px を基準にしてフォントサイズを指定するという記事を参考に10pxを基準にしたCSSを作ってみました。 body { font-size: 62.5%; /* IE */ } html>/**/body { font-size: 10px; /* Except IE *
IEで指定どおりのfont-sizeにならない 2008-05-18 0 0 XHTML/CSS CSS, font-size IE との兼ね合いで,font-size は%で指定しておくのが,いちばん無難だと思うのですが,IE6, 7 にちょっと痛いバグがありました。 小さなサイズの文字が指定どおりの大きさにならないのです。 11px以下のフォントが指定より大きくなる まず,font-size のページを IE6 または IE7 でご覧ください。 順にフォントサイズが小さくなっていくはずなのですが,74%から72%あたりの日本語のフォントサイズが一旦大きくなっています。その後71%から 60%のところまで,日本語フォントはサイズが変わっていません。 FIrefox の場合と比べると,よく分かるかもしれません。 %で指定された font-size は,最終的にpxに変換され,端数処理して整
EmChart | Aloe Studios Blog Using a relative unit such as EM is a great way to maintain the vertical rhythm of a web page when a user resizes text in their browser.CSSのem指定のサイズが一発でわかっちゃう「EmChart」 基本のサイズが24ピクセルで、9px にしたい場合、0.375emにすればよい、というのが簡単に分かるようになっています。 これはなかなか便利そうですね。チャートのダウンロードも可能です。 関連エントリ サイト上でCSSによるフォントスタイルを確認できる便利ツール サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」
z-indexプロパティは、ボックスの重なりの順序を指定する際に使用します。 z-indexプロパティは、positionプロパティでstatic以外の値が指定されている要素に適用されます。 ■値 整数値で指定 重なりの順序を整数で指定します。0を基準として、値が大きいものほど上になります。 auto 親要素と同じ階層になります。これが初期値です。 スタイルシート部分は外部ファイル(sample.css)に記述。 p.sample { color: #000000; background-color: #99cc00; position: relative; top: 50px; z-index: 2; } img.sample { position: relative; top: -50px; z-index: 1; } HTMLソース <html> <head> <link rel="
概要 IE 5, 5.5, 6 の環境で、全ての要素に対して CSS の E:hover と E:active を有効にする JavaScript ライブラリです。 例えば、 p:hover { baclground : #ccc; } のように CSS を記述すれば、これが動作します。 ただし、E:active にはすこしおかしい部分があるので、E:hover のみでの利用が無難かと思います。 動作確認用の demo ダウンロード 使用方法 ie6csshover.htc を JavaScript として読み込むだけで使用することができます。 例えば、以下のようなソースコードを HTML の head 要素内になどに追記します。 <script type="text/javascript" src="js/ie6csshover.htc"></script> この JavaScript
メモ: CSS の互換性を最大化するため、以下の接頭辞付きのものではなく、接頭辞なしの標準プロパティを使用してください。これらは、標準化されて接頭辞なしの形式が対応され次第、接頭辞付きのバージョンは順次破棄されます。 A -moz-animation [接頭辞付きも許容] -moz-animation-delay [接頭辞付きも許容] -moz-animation-direction [接頭辞付きも許容] -moz-animation-duration [接頭辞付きも許容] -moz-animation-fill-mode [接頭辞付きも許容] -moz-animation-iteration-count [接頭辞付きも許容] -moz-animation-name [接頭辞付きも許容] -moz-animation-play-state [接頭辞付きも許容] -moz-a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く