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

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

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

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

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

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

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

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

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

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

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