696graphicの備考録
YUI Fonts CSS でフォントサイズを相対指定する
フォントの指定って未だに悩ましいです。
こちらで紹介されているYUI Fonts CSS、便利ですねー。これはじっくり見ておきたいのでメモ。
あとフォントサイズ関連でこちらの記事もメモ。
CSS 基準文字サイズ（px）ごとの相対フォントサイズまとめ
記憶が新鮮なうちに。
3/20-3/22まで東京都内をフラフラスキップ（by.cali≠gari）してきました。
そういえば、便利だったけどfirefoxをアップグレードして使えなくなってたGoogleノートブックのアドオン。
こちらの方法で使えるようになりました。すばらしい！
ちょっとメモを残すのにとても便利なんですよねー。
MR Tech Toolkit をインストールして、メニューよりツール > アドオン > 機能拡張 で、Google ノートブックの上で右クリック→「互換と見なす」を選択
ドキュメントも便利なんだけど、ノートブックの使いやすさが好きだなあ。
クリックするとフォーム内の字が消えるJavascript
検索フォームなどに使えます。これも覚えておきたい。
以下引用です。
|
1 2 3 4 |
<form> <input type="text" value="ご記入下さい" onFocus="cText(this)" onBlur="sText(this)" style="color:#999"> </form> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script type="text/javascript"><!-- function cText(obj){ if(obj.value==obj.defaultValue){ obj.value=""; obj.style.color="#000"; } } function sText(obj){ if(obj.value==""){ obj.value=obj.defaultValue; obj.style.color="#999"; } } //--> </script> |
検索フォームをCSSでデザインするサンプル集
検索フォームをデザインする時の参考メモ。サンプルデータのダウンロードも。素敵すぎる。参考にします。
photoshopで開かないJPEG画像を開く方法
こんなことが最近発生したのでメモ。
拡張子をpngにすると開く事が出来るのか…。
以下引用
受け取った画像がJPEGなのに、「要求された操作を完了できません。不明又は無効なJPFGマーカーが見つかりました。」というアラートが出て開かないことが、たまにあります。Winユーザーの方がHighMAT方式で焼いてしまったCD-Rが典型的です。GraphicConverterやwebブラウザだと開くのに、加工ができない！大変困りますね。もう一回送り直してもらうのが一番いいですが、時間的に間に合わないこともあります。
こんなときは、拡張子を「.jpg」から「.png」に変えてみます。HighMAT方式では、実は画像はJPEGではなく、PNGなんだそうです。詳細は以下サイトに↓
http://jinen.exblog.jp/7660485/
拡張子を変えたらphotoshopで開き、開いたら別名で保存しなおします。これでとりあえず解決。
写真の印象を一気に激変させて美しくするPhotoshopのお役立ちアクション61種類
これはお便利！写真の加工が楽に出来ます。あと、これだけあると楽しいですね。
CSSで実装するパンくずリスト
パンくずリストのメモ。サンプルもダウンロード出来る。ありがたやありがたや。
sprinkle.jsでファイルをインクルードする
外部htmlをインクルードする場合のメモ。ジオシティーズでjquery.jsなど試してみたけど、ずっと読み込み続けていて使えなかったため。
ただSEO的によろしくない、とのことですが、どうなんでしょうね。
footer下の隙間をどうにかする方法ということで、
CSS Sticky Footerを参考にしました。
cssメモですね。これは使えるので是非覚えておきたい。
以下引用です。
“footer下の隙間をCSSでどうにかする方法” の続きを読む