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

Welcome To 楽してプロっぽいデザイン|Forty-N-Five Blog

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

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

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


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


続きを読む

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

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

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

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

続きを読む

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

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

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

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

続きを読む

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

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

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

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

続きを読む

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

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

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

続きを読む

Photoshop(フォトショップ)でテキストをネオンぽくする方法

Potoshop(フォトショップ)でテキストをネオンぽくする方法

海外のサイトを参考にテキストをネオンぽくしてみました。その方法をメモしておきます。


参考にしたのはこちらのサイトhttp://www.abduzeedo.com/shining-neon-text-effect-photoshop多少やり方が異なるかもしれません。悪しからず…


続きを読む

target="_blank"では次々に別ウィンドが開いてしまうが、target="_package"だと…

target=_packageとは

意外と知られていないtarget="_package"。通常aタグで別ウィンドウで表示させたいときは、target="_blank"だと思いますが、target="_blank"ばかりだと別ウィンドウばかり開いてイライラするということがあります。そんな悩みはtarget="_package"で解決。target="_package"だと最初は別ウィンドウで開きますが、別のリンク先をクリックすると、最初に開いた別ウィンドウ内でページが入れ替わります。言葉で説明すると難しいですが、実際に操作してみれば簡単な話です。

寄藤文平さんの絵ってなんだか癒されますね。「ウンココロ しあわせウンコ生活のススメ」読みました。

続きを読む

矢印素材をillustrator (イラストレーター)で無料配布します

矢印素材イラストレーターで無料配布します

矢印素材を配布しているは、数多くありますが、なかなかお目当てのサイト(ベクター形式)に辿り付けずにいました。jpgデータだったり、サイズが16×16ぐらいだったり…そこでいっそのことイラストレーターで自分で作ってしまおうということで作ってみました。これぐらいあれば、あとは少し加工すればいろいろ使えるかなぁと思っています。イラストレーターのファイルを添付しておきますので、どうぞ自由に使って下さい。(イラストレーター(win) バージョン8 で保存しています。)

続きを読む

Excel(csv)データを一瞬にして大量のhtmlに変換する方法

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

ドロップシッピングなんかで商品データベースをCSVにて配布いているサイトがたまにあったりします。このように大量の商品データがある中で、個々のページをそれぞれ作りたい!そんな要望に応えてくれるフリーのソフトがあります。要はExccel(CSV)の内容をhtmlに簡単にもってくることが出来ます。

続きを読む

上場企業のサイト充実度ランキングベスト10

上場企業のサイト充実度ランキングベスト10

上場企業のサイトで見やすさや使いやすさ等を基準に、そのランキング発表されていました。ユーザビリティ・アクセスビリティなど学ぶことが多いかも…


以前にも、大学サイトでのランキングともう一度訪問したい企業ホームーページでのランキングを掲載してました。こちらから確認できます。http://forty-n-five.boy.jp/blog/2008/09/ie8firefox3google.php



続きを読む

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

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

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

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

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

元気をくれた本

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

Copyright Forty - N - Five. All rights reserved.