Netowl（SSLボックス）で無料で使えるSSLを取得し、さくらインターネットで利用する方法
有効期間は3ヶ月と短いですが、更新さえ忘れなければ無料で使えるSSLをさくらインターネットで利用する方法をご紹介します。 そんな頻繁な更新なんてめんどうくさい、という方向けに有料プランもあるので、最初は無料版で試してから…
CSSを自動で整形してくれる無料サービス「ProCSSor」読みやすさ重視の設定
ProCSSorは、無料で使用できるCSSの整形ツールです。 入力欄にCSSコードを入力してボタンをクリックするだけで、CSSが読みやすいコードに整形されます。 そしてこのProCSSorの嬉しいところは、整形の設定を自…
比率を計算できるWebサービス「Get Ratio」
比率を計算できるWebサービス「Get Ratio」を紹介します。 「黄金比」や「白銀比」をデザイン・レイアウトに取り入れたいとき、自分で計算するのは少し面倒。 そんな時に、自動で比率を計算してくれる便利なWebサービス…
メールアドレスをメールアドレス収集ロボットに拾われにくくする方法
サイトにメールアドレスをそのまま公開していると、大量のスパムメールや迷惑メールが届いてしまう可能性が高まります。インターネット上を巡回している「メールアドレス収集ロボット」にメールアドレスが簡単に収集されてしまうようです…
CSS3グラデーションボタンジェネレーター「Grad3」
CSS3のグラデーションを利用したボタンを作成する場合、手動で記述するのは少し面倒。そんな場合に便利なのがグラデーション部分のコードを生成してくれるジェネレーターです。今回紹介する「Grad3」は、グラデーション部分だけ…
Illustratorで英字がくっつくのを解消する方法
Illustratorで「fix」と入力。 よく見ると、fとiがくっついているではありませんか。
Illustratorで文字に合わせてサイズの変わる枠をつける
Illustratorを使って文字を四角や円で囲む場合、一般的には矩形ツールや楕円ツールを使用します。でも、これだと文字数が増えた場合に、その都度修正しないといけないのが面倒なんですよね。
デザインの基本 視線の流れ
友人から借りた本に書いてあったことを忘れないようにまとめてみます。 参考になったしおもしろかったので、もしよろしければどうぞ。 『デザインを科学する』 ポーポープロダクション 視線の流れは「左上から右下へ」 『横書きの文…
jQueryでhtmlをロードしたらappend
というリファラがあって、検索したんですが、検索には表示されないみたいですね・・・。 自分でもどんなことなんだろうか！という葛藤が生まれたので、勝手に一人談話してみました。
jQueryでテーブルの行を1行おきに色分けする方法
テーブルでもリストでも、1行おきに色分けされていると見やすいですよね？ 特に行数が多いときなんかは、特に見やすいです。 テーブルの行を1行おきに色分けする方法には、行一つ一つに class を付加していくという方法があり…
フッターを常に下に表示する方法
備忘録として。 説明文章を書くのが面倒でやった。今は反省している。不親切で申し訳ない。
Javascriptを使ってリスト形式でバナーをクロスフェードさせる
スペースはないけど伝えたい情報はいっぱいあるという場合、バナーをFlashにしちゃって、それぞれクロスフェードで画像とリンク先を変えるっていうのは有効な手段だと思います。が。やっぱテキスト情報のほうがいいよなぁと思うわけ…
CSSでタブリーダーを実現する [ table版・ul版 ]
タブリーダーっていうのは、Wordの目次あたりでおなじみのこういうやつです。 これをCSSで実現する方法です。 一応 table版と ul版を作成しましたが、どちらがいいというわけでもなく…。まぁ、好みでしょう。 個人的…
opacityプロパティを使い、透明度を変えて画像をロールオーバーさせる
覚書として。 細かい装飾はできないけど、ロールオーバー用画像をつくらなくてもいいのは楽チン。 画像は若干暗めにつくっておくと、ロールオーバーがキレイ。 opacityはCSS3で勧告予定のプロパティだが、IEを除くモダン…
[cssフレームワーク]BluePrintの紹介
cssもフレームワーク化されてるとレイアウトがすごく楽になりますね。 そんなcssのフレームワークである、BluePrintのご紹介！
FireFoxでモバイルサイトをシミュレートする
さっきいろいろ徘徊してたら見つけたので、紹介させていただきます。 これは本当に目からうろこ！
WordPressで記事の投稿者の名前を出力する
ということをやってみたので、以下に例をば。
3カラムで中央可変（リキッド）なレイアウト
ショッピングサイトなんか作る場合は、3カラムで中央可変っていうのもいいかもしれないですね。最近は画面幅広がってきてますし。 参考にさせていただいたのはこちら 3カラムレイアウトで、中央を可変にする（リキッドレイアウト） …
テキストと画像の縦揃えCSS
画像をそのままタグで入れて、それに続けてテキストを入れた場合、通常は以下の図のように表示されます。 これはこれでありだと思いますが、例えばこれを縦方向で中央揃えしたいとします。 その場合は、CS…
テーブルの行にマウスが乗ったときに背景色を変える
つまり、こういうことです。 普通にテーブルがあって、マウスが乗っかった行の背景色が変わります。 今どこ見てるのかっていうのがわかりやすくていいです。 んで、こういう動作的なものは、ajaxとかjavascriptとかそう…