ウェブデザイナー的ホームページ制作最適化 » WEB素材 http://www.web-nouhau.com 現役WEBデザイナーによるCMSやSEOなどホームページ制作業務で使うことの情報整理 Sun, 05 Feb 2012 15:32:03 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 WEB上で情報を入力するだけでボタンやバナーを作成 http://www.web-nouhau.com/archives/191 http://www.web-nouhau.com/archives/191#comments Wed, 01 Feb 2012 15:49:56 +0000 admin http://www.web-nouhau.com/?p=191 ウェブ上で情報を入力するだけでボタンやバナーを作成するツールです。
作成したいボタンの情報（サイズ、背景、枠線、背景ライン、テキスト１、テキスト２、丸い角・・・）を入力して、青色ボタンの「create」を押すだけでボタンが作れますサービスです。
日本語にも対応しているので、「お問い合わせボタン」なども簡単に作成することが可能です。

http://box.aflat.com/buttonmaker/

]]> http://www.web-nouhau.com/archives/191/feed 0 WEB2.0風のロゴをウェブ上で作成できるサイト http://www.web-nouhau.com/archives/187 http://www.web-nouhau.com/archives/187#comments Tue, 17 Jan 2012 12:48:26 +0000 admin http://www.web-nouhau.com/?p=187 インターネット上で簡単に、WEB2.0風のログをウェブ上で作成できるサイトです。

Logo Text: 内に下記を入力して、ボタンをカチッと押すだけ！！
[col=0099FF]WEB[/col][col=FF9900]nouhau[/col]

→　http://creatr.cc/creatr/

]]> http://www.web-nouhau.com/archives/187/feed 0 CSSで画像を一部だけしか表示させない！！ http://www.web-nouhau.com/archives/94 http://www.web-nouhau.com/archives/94#comments Sun, 08 Jan 2012 01:59:10 +0000 admin http://www.web-nouhau.com/?p=94 CSSで画像の一部だけを表示させるには、CSSのclipプロパティを使います。何も指定が無ければ画像全体が表示されますが、CSSのclipプロパティを使うと、指定した部分を切り抜いて表示させることができます。

「rect(auto 50px 50px auto)」は、「rect(画像上端からの距離 画像右端からの距離 画像下端からの距離 画像左端からの距離)」って感じです。

<img style="position:absolute;clip:rect(auto 50px 50px auto);" src="http://www.web-nouhau.com/wp-content/uploads/2012/01/ajax-loader-300x195.gif">

▼切り抜き表示



▼指定なし表示

]]> http://www.web-nouhau.com/archives/94/feed 0 ローディング時のGIFアニメーションをWEB上で作成 http://www.web-nouhau.com/archives/77 http://www.web-nouhau.com/archives/77#comments Sun, 08 Jan 2012 01:43:24 +0000 admin http://www.web-nouhau.com/?p=77







こんな感じのGIFアニメーションって一度は、見たことがあると思います。
これをWEB上で自動的に作成するツールです。
色やアニメーションの形なども設定可能です。

→ http://www.ajaxload.info/

]]> http://www.web-nouhau.com/archives/77/feed 1 ブラウザ上でRSSボタンで良く使われている小アイコンボタンを作成 http://www.web-nouhau.com/archives/42 http://www.web-nouhau.com/archives/42#comments Fri, 06 Jan 2012 15:39:51 +0000 admin http://www.web-nouhau.com/?p=42 ホームページ素材を作るときに、Photoshopなどのソフトを使わなくてもブラウザ上で簡単にハイセンスなボタンを作成することができるWEBサービスです。

こんな感じのアイコンです。


http://kalsey.com/tools/buttonmaker/

左のボックスと右のボックスにテキストを入力して送信するだけ！！
超簡単ですね！！

]]> http://www.web-nouhau.com/archives/42/feed 0