Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

2008年12月

ブログ上にソースを記述する際、美しく表示する方法

ブログ上にソースを記述する際、綺麗に表示してくれる無料のフォーマット

最近多くのweb系のブログで見られるようになった上記のようなソースを綺麗に表示してくれるフォーマット。その導入方法をご紹介します。これまで、ブログでソースを紹介しようにも<>を特殊文字で表したり、どこからどこまでがソースなのか分かりにくい部分もありましたが、これを導入することで、美しくユーザビリティにも配慮したソースを紹介することができます。うーんまさにプロっぽい。

続きを読む

CSSでサイトを画面の中央にもってくる方法

CSSでサイトを画面の中央にもってくる方法

例えば800×600ぐらいのサイトを作った時、1024×768の画面サイズでみるとほぼほぼ中央に位置し、見やすいですが、1280×1024の画面サイズで見ると上に詰まったような形になり、折角のサイトがこじんまりしてしまいます。ポートフォリオサイトhttp://forty-n-five.boy.jp/として私も1000×600のサイトがありますが、当初はこのような感じでした。が…、CSSを少し追加するだけで、どんな画面の大きさでも中央に配置することができ、随分見やすくなりました。ソースをご紹介します。

先日歯医者で歯石を取ってもらいました。かなり、がりがりやられて多少痛くて血も出ましたが、終わったら意外とすっきり。歯石は自分では取れないみたいなので定期的に行ったほうががいいみたいです。

続きを読む

MTPaginate部分のページナビゲーションをCSSでカスタマイズする方法

MTPaginate部分のページナビゲーションをCSSでカスタマイズする方法

MovableTypeのページ分割においてMTPaginateをプラグインされている場合が多いと思いますが、そのまま使用するとページナビゲーションがいまいち美しくありません。多くのブログやメジャーサイトで使用されているのはボックス形式のナビゲーション。かくいう私もこれまで味気のないナビゲーションでしたが、ようやくカスタマイズしました。CSSで装飾するだけでちょっとはプロっぽい感じのナビゲーションに仕上げることが出来ます。

今回ページナビゲーションのカスタマイズにあたり参考にしたのはこちらのサイト。http://deviant-art.org/deviant-art-css-24-web-20-navigation.html/このサイトでは、メジャーサイトで使用されているナビゲーションのhtmlとCSSをダウンロードすることが出来ます。

続きを読む

ピクセル数から印刷物に必要な解像度を知る方法

ピクセル数から印刷物に必要な解像度を知る方法

web制作上では解像度を気にすることはあまりありませんが、印刷物となるとそうはいきません。印刷物でデータを入稿したりする際に、この画像は、印刷物ではどれくらいの大きさになるんだろうかと思うことがありました。そこでピクセル数から印刷物に必要な解像度を知る方法ということで 今更感はありますが解像度について少しメモっておきたいと思います。

実際にイラストレーターで入稿データを作成する際は、画像はEPSで保存し、画像をリンクさせるなど入稿時の注意事項はいくつかありますので注意が必要です。

続きを読む

写真に光線を入れてちょつとプロっぽい感じにする方法

写真に光線を入れてちょつとプロっぽい感じにする方法

写真にちょっとした効果を付けて少しプロっぽくみせる方法です。太陽光線を写真に入れてみます。


今回参考にしたサイトはこちらhttp://forums.dpreview.com/forums/read.asp?forum=1006&message=24825869自作したものは微妙な感じになりましたが、こちらのサイトのTipsは非常に綺麗な仕上がりです。


続きを読む

Excel(csv)から一瞬にして大量のhtmlを作成する方法.vol2

Excel(csv)から一瞬にして大量のhtmlを作成する方法.vol2

先日もご紹介しましたexcelからhtmlの変換ソフトですが、またまた便利なフリーソフトがありましたので紹介したいと思います。作業としては前にご紹介したこととほぼ同じです。テンプレートとなるhtmlを作成し、excelの1行目にタイトルを挿入したい位置に記入して、あとはフリーソフトを使って1発変換すれば、一瞬にして大量のhtmlを作成することができます。もしもドロップシッピングの商品CSVを利用して実施に作業した内容をメモしておきます。

ExcelデータをMoableTypeに直接流し込んで、一瞬に大量の記事を作成する方法も別途ありますので、後日改めてご紹介したいと思います。(注:今回のフリーソフトの話ではありません。)

続きを読む

Copyright(コピーライト)の年号を自動で更新させるJavascript

コピーライトの年号を自動で更新させるJavascript

Copyright(コピーライト)に年号を入れている場合、例えば今年だったら年越しの際、2009に変更したりしますか?もしくは、2002などでほったらかしになっているサイトをよく見かけます。100ページぐらいあるサイトであれば、2009にいちいち修正するのも面倒くさい。そんな時、年号部分を自動で更新するようにしてしまえば、このような煩わしさから開放されます。そんなJavascriptの導入方法をご紹介します。(但し、このJavascriptが活躍するのは年に1回だけですが…今の時期調度良いのではないでしょうか(笑))

続きを読む

Flash画面をIEで見たときにワンクリックしなくても済むjavascript

Flash画面をIEで見たときにワンクリックしなくても済むjavascript

FlashをHTMLに埋め込むとき、ドリムウィーバーを使用していると、「挿入」「メディア」「Flash」からswfファイルを選択して埋め込んでいる方もいるかと思います。この場合object タグやembedタグが自動的に入力され便利なのですが、如何せんIEで開くと、「ActiveXをインストールしますか?」というダイアログが表示されたり、一度Flash画面をクリックしてからでないとFlash内での操作ができなかったりと、ユーザーにとっては何とも面倒くさい作業です。そこで、objectタグやembedタグを使わずに、SWFObject(javascript)を使用することで、ユーザーがわざわざクリックする必要もなくなります。(SWFObject、ネタとしては古いですので、知っている方はなんだそれ、知らない方は目から鱗だと思います。)

今日で仕事納め。今年から始めたブログですが、なんとか続いております。見てくれている方がいるっていうのがやはり何よりも続けていける要因だと思います。来年もどうぞ宜しくお願いします。

続きを読む

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

ポートフォリオサイト|Forty-N-Five

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

健康美人30代から始める美と健康は、MovableTypeを使用して制作した通販サイトです。

健康美人30代から始める美と健康 もてもてSHOP NOLOOKS 和彩

元気をくれた本

「夢をかなえるゾウ」この本に出会えて良かったとホントに良かった思います。Webには関係ないですが、これからの人生を楽しくしてくれる本です。ガネーシャどうもありがとう(笑)

Copyright Forty - N - Five. All rights reserved.