むずむずサイト製作:凝ったきれいなブログのコツ

ホームページ、ブログの作成について。PHP、CSS、JavaScripoなどを用いた設定。またホームページ作りに便利なフリーソフトなども紹介。

スポンサーサイト

一定期間更新がないため広告を表示しています

| - | - | - | TOP↑ | このエントリーを含むはてなブックマーク はてなブックマーク - スポンサーサイト
便利サイト:DOM用のJavaScriptコードを作るDOMTool

JavaScript で DOM を使っている人にとっては、

とても便利なサイトです。

 

html タグなどを入れると、

そのタグのAttribute なども設定するスクリプトを

吐き出してくれます。

こちらのサイトで、作成可能です。

 

DOM Tool | Version 1.1

  

使うと、例えば次のようになります。

 

次のタグをセット
<div id="hoge">
ほげ
<h2>ほげ</h2>
</div>
 
生成されたJavaScript
var div1=document.createElement('div');
div1.setAttribute('id','hoge');
div1.setAttribute('contentEditable','inherit');
var txt1=document.createTextNode('ほげ');
div1.appendChild(txt1);
var h21=document.createElement('h2');
h21.setAttribute('contentEditable','inherit');
div1.appendChild(h21);
var txt2=document.createTextNode('ほげ');
h21.appendChild(txt2);

 

これは便利!

と思いきや、style の設定には対応してないようでした。

style を設定すると、 

次のようになります。

 

次のタグをセット
<div style="margin:10px:">
</div>
 
生成されたJavaScript
var div1=document.createElement('div');
div1.setAttribute('contentEditable','inherit');

 

style は自力で、がんばります・・・。

次のサイトを参考にさせていただきました。

 

DOM生成用のJavaScriptコードを吐くツール【DOM Tool】

| comments(0) | trackbacks(0) | 便利サイト:いろいろ | TOP↑ | このエントリーを含むはてなブックマーク はてなブックマーク - 便利サイト:DOM用のJavaScriptコードを作るDOMTool
便利サイト:読み込み用の仮gif を作れる Ajaxload

Ajax などで非同期に読み込んだりするときに使える、

仮の軽いgif 画像を作れる海外のサイトです。

次のリンクよりサイトへ行けます。

 

Ajaxload - Ajax loading gif generator

 

次のような特徴があります。

  

・40種類近くのパターンから選択
・背景色、前景色を選べる
・背景色を透過するかも選べる
・サイズは16px × 16px
| comments(0) | trackbacks(0) | 便利サイト:いろいろ | TOP↑ | このエントリーを含むはてなブックマーク はてなブックマーク - 便利サイト:読み込み用の仮gif を作れる Ajaxload
便利サイト:アイラブメーカーでロゴを作る

アイラブメーカー(I Love Maker)というサイトで、

簡単にかわいいポップなロゴを作ることができるようです。

 

アイラブメーカー

 

次のような特徴があります。

 

・背景色、文字色が選べる。
・英数字のみ
・前の言葉と、後の言葉の間に、赤い絵のロゴを挿入。
・ロゴの種類は30種類から選択
・サイズは最大240×200(携帯の待ちうけサイズ)
・開発元はロケットスタートという会社の矢野さとるさん

 

サイトのロゴに使うには少し小さめですが、

目を引くデザインなので、使い道は広そうです。

 

ざっとサイトを見たところ、

「個人サービス」という以外、

特にリンクを張らなければならないなどの

使用制限もなさそうです。

| comments(0) | trackbacks(0) | 便利サイト:いろいろ | TOP↑ | このエントリーを含むはてなブックマーク はてなブックマーク - 便利サイト:アイラブメーカーでロゴを作る