2010
Apr
19

Jimdo(ジンドゥー)の独自レイアウトでCSSカスタマイズする場合の簡単な解説

Jimdoの独自レイアウトでCSSカスタマイズする場合の簡単な解説
Jimdo(ジンドゥー)


最近Jimdo(ジンドゥー)のCSSカスタマイズで検索してくる人が結構いたので、Jimdoの独自タグとその中身にあるCSSについて、簡単な解説を少ししたいと思います。
続きを読む
タグ:Jimdo Web制作
posted by トネリコ at 15:36 | Comment(0) | TrackBack(0) |
カテゴリ:Web制作のツール・ソフト | このブログの読者になる | 更新情報をチェックする

2010
Apr
07

ワンクリックで拡張子の表示を切り替えれるフリーソフト - 拡張子切り替え君

拡張子(.jpgとか.gifとか)の表示の有無。
拡張子切り替え 拡張子切り替え君
ウェブでの画像制作をやっていると名前だけをささっと変えたいのに
拡張子を表示したままだと拡張子まで選択されてしまっていちいちその都度マウスでファイル名だけを選択しなおすなんてことが多々あります。

そこでおすすめなソフトがあります。
その名も「拡張子切替くん」!!
このソフトほんとに最高に便利です。
拡張子切替くん
拡張子切替くん


Windows XP を使っている方なら入れておいても損はないかと思います。

ロジクール ワイヤレスマウス M505 ブラック M505BK
ロジクール ワイヤレスマウス M505 ブラック M505BK
おすすめ平均
stars重心が高く、安定しない
starsコストパーフォーマンスに優れるマウス
stars調子良いですよ、。
stars軽くて思い通りに動くマウスです
stars小型で使い易い

Amazonで詳しく見る



posted by トネリコ at 13:23 | Comment(0) | TrackBack(0) |
カテゴリ:Web制作のツール・ソフト | このブログの読者になる | 更新情報をチェックする

2010
Apr
06

キャプチャしたい場所を選べる便利なキャプチャソフト - Cropper

プレゼン資料を作るときやその他にもいろいろな場面でキャプチャってやりますよね。
自分は普段キャプチャする時、キーボードのPrintScreenとかfirefoxのPageSaverというアドオンでキャプチャしてるんですが、今回それとは違った便利なフリーのキャプチャソフトを見つけましたのでご紹介します。

Cropper
Cropper

↓ページの右側の「Download」からダウンロードできます。
Cropperダウンロード

ダウンロードが完了したら解凍して「SetUp.exe」でインストールが始まります。そのまま画面の指示に従っていけばインストールが完了します。
Cropperインストール1

インストールが完了したら次は「Cropper」を起動しましょう。ウィンドウズの場合は

マイコンピューター → ローカルディスク(C:) → Program Files → Fusion8Design → Cropper

の場所にあります。
Cropperの場所

Cropperの場所・起動
右クリックでショートカットを作成しておくと次から楽ですね。

さて「Cropper」を起動するとシステムトレイ(モニタの右下)にさりげなくCropperが起動してます。(一見起動してないようにみえますがちゃんといます。)
Cropper起動完了

立ち上がったCropperのウィンドウを

右クリック→Output→Clipboard

で保存方法を選択します。
あとはCropperのウィンドウをキャプチャしたい場所に持っていって
ダブルクリックするだけです。(これでクリップボードに画像が保存されます。)

キャプチャをクリップボードでなく画像ファイルとして保存したい場合は

右クリック→Output→Png(or Bmp,Jpeg)

として

右クリック→Options→Outputタブ

Output Location の Save screenshots to this folder

で画像を保存したい場所を選んでおくだけです。
Cropper 画像 保存場所

以上です。
他にも機能があるみたいなのでいろいろやってみてください。

プレゼンテーション Zen
プレゼンテーション Zen熊谷 小百合

おすすめ平均
starsプレゼンは、技巧(HowTo)よりも思想(Zen)だ
starsプレゼンで大事なのはパワポの使い方ではないということに気づかされた
starsプレゼン革命を自分の中に起こしてくれる本
starsダメなプレゼンを山ほどやってきて
stars意外に実用的

Amazonで詳しく見る
by G-Tools

posted by トネリコ at 04:35 | Comment(0) | TrackBack(0) |
カテゴリ:Web制作のツール・ソフト | このブログの読者になる | 更新情報をチェックする

黄金比を簡単に割り出せるフリーソフト - 金卓

サイト制作のみならずあらゆるデザインに用いられる比率。

   黄金比。

例えば名刺、タバコのサイズなども黄金比が使われています。

しかしその比率は 1:1.61803 と、はっきり言ってかなり計算が面倒なんです。
そこで役立つのが「金卓」です
金卓

ちなみにこのブログのサムネイル画像も金卓使って計算しました。
かなり便利なツールなのでクイック起動などにも入れていつでもすぐ使えるようにしてます。

ピクセル定規と合わせてどうぞ。
ここ何ピクセル?Web制作やブログ制作時に役立つ - ピクセル定規

CANON 卓上電卓千万単位シリーズ 12桁 HS-1210TU
CANON 卓上電卓千万単位シリーズ 12桁 HS-1210TU
おすすめ平均
starsお金出して買っただけの価値はある!
starsこれは、他のと違います
starsカタカタいわない
stars簿記用に購入しました。
starsキータッチは抜群!。

Amazonで詳しく見る
posted by トネリコ at 03:02 | Comment(0) | TrackBack(0) |
カテゴリ:Web制作のツール・ソフト | このブログの読者になる | 更新情報をチェックする

2010
Apr
05

ここ何ピクセル?Web制作やブログ制作時に役立つ - ピクセル定規

Web制作時やブログ制作時に、他のサイトとかブログを参考にしてて
「ここの幅何ピクセルだろ?」って思うことないですか?
モニタに直接定規当てて計りたいみたいな。

そんな時に役立つフリーソフトがあるのです。
その名も「ピクセル定規」
ピクセル定規
win、mac 両方とも対応してるのもありがたいですね。


Webデザイナーのための「ピクセル定規」Windows版


Webデザイナーのための「ピクセル定規」Mac版

使い方も簡単なのでとりあえずインストールしとくといいと思います。
金卓と合わせてどうぞ。
黄金比を簡単に割り出せるフリーソフト - 金卓

CANON 卓上電卓千万単位シリーズ 12桁 HS-1210TU
CANON 卓上電卓千万単位シリーズ 12桁 HS-1210TU
おすすめ平均
starsお金出して買っただけの価値はある!
starsこれは、他のと違います
starsカタカタいわない
stars簿記用に購入しました。
starsキータッチは抜群!。

Amazonで詳しく見る
posted by トネリコ at 21:51 | Comment(0) | TrackBack(0) |
カテゴリ:Web制作のツール・ソフト | このブログの読者になる | 更新情報をチェックする

2010
Apr
01

Jimdo - 直感的にホームページ・ブログが作成できるWebサービス!

jimdo
http://jp.jimdo.com/
やたら熱いWebサービスを発見してしまいました。
その名も「jimdo



簡単に説明しますと。ホームページやブログを極めて直感的に作成・更新できるというもの。
HTMLやCSSの知識が無くても簡単に作成できます。
ブログの知識も無くても大丈夫です。
もちろんアフィリエイトにも対応しています。
簡単すぎて困るほど。
おそらくホームページ制作業者泣かせのサービスですね・・・(爆死。僕は制作会社で働いry)
何よりも見た目が結構イケテルというのもいいところ。

この場所に画像入れたいなぁとか、ここに見出しを入れたいとか、新しいページを追加したいなどのあらゆる作業がJimdoなら管理画面上での煩わしい作業がいらずそのままページ上の入れたいところに挿入できるのです。

もちろんCSSやHTMLのカスタマイズも可能です。
Jimdo - フリーでもここまで出来る。
↑フリーのプランでもここまで出来てしまいます。
他にもjimdoのページでたくさん紹介されています。

プランは無料と有料の二つのプランがあり。
無料は500MB、有料は5GBの容量があります。
他にも有料は独自ドメインが可能とかMETAタグがいじれるとかです。
ですが無料でも十分戦えます。

追記:Jimdoの独自レイアウトについて新たに記事を書きました。

Jimdo(ジンドゥー)の独自レイアウトでCSSカスタマイズする場合の簡単な解説
posted by トネリコ at 00:53 | Comment(0) | TrackBack(0) |
カテゴリ:Web制作のツール・ソフト | このブログの読者になる | 更新情報をチェックする

2010
Mar
31

iPhone用のモックアップを作成できるWebサービス

Webサイトを作る時にまずはじめにサイトの下書き(モックアップ)を作るんですが、iPhone用のモックアップがWeb上で簡単に作れるWebサービスを発見しましたので紹介したいと思います。

iPhone Mockup
iPhone Mockup

早速軽く使い方解説

使い方は左側の「Drag&Drop」がステンシル(矢印とかパーツ)で
それぞれ置きたいところにドラッグ&ドロップするだけです(まんま)。

「textfield」とか「label」とか書かれている部分はダブルクリックでテキストを変更したり追加できたり何かと便利です。

右下がゴミ箱でいらなくなったステンシルはここにポイ。

右上の「style」は綺麗な線か手書き風かの切り替えが可能。

左下は一番ホットな機能でPNG形式の画像(500px x 500px)
をアップロードして使用出来る。
ただアップロード後に画像のサイズを変更できないので
上げる前にある程度調整しておくのをおすすめします。
ちなみにモニタ部分のサイズは大体 横 320px x 縦 480px くらいでした。
これで計りました↓
Webデザイナーのための「ピクセル定規」Windows版

作成が終わったらURLをコピーして保存しておきましょう。
PDFとかPNGでのダウンロードの機能はないので注意です。

キーボードのPrtScr(プリントスクリーン)でキャプチャを取ってPCやEvernoteなどに保存するのも良いかと思います。

一度試されてはいかがでしょうか。

SANWA SUPPLY iPod、iPhone対応 デスクトップスタンド ブラック PDA-STN2BK
SANWA SUPPLY  iPod、iPhone対応 デスクトップスタンド ブラック PDA-STN2BK
おすすめ平均
stars速買い
starsお買い得
stars使い心地いいです。
stars使いやすい
starsiphoneの坐りが良く満足

Amazonで詳しく見る


posted by トネリコ at 21:47 | Comment(0) | TrackBack(0) |
カテゴリ:Web制作のツール・ソフト | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。