下記のタグクラウドをアメブロに設置しましたので設置の仕方を紹介します。 amabaブログのサイドバーへの「タグクラウド」設置方法 「キーワード ブログ検索」のサイトとamabaブログの「フリープラグイン」を使って設置します。 １　「キーワード ブログ検索」のサイトhttp://tag.kutsulog.net/で新規ユーザー登録をします。 ユーザーID メールアドレス を入れ、「ユーザー登録」ボタンを押すと、メールアドレスに方登録用のメールが届き、そこから本登録を行います。私の場合、gmailだったので、迷惑メールに入っていて分かりませんでした。気をつけてください。本登録で URL http://ameblo.jp/kazushi2011/ RSS http://feedblog.ameba.jp/rss/ameblo/kazushi2011/rss20.xml 等の設定をします。 登録後

最近アメブロのカスタマイズぐるっぽや、無料でCSSテンプレートを配布している方からの【無断使用】や、使用するに当たってのルールを守らない人が出てきているようです。 具体的には ・著作権表記を消去して使用 ・再配布・改変禁止のテンプレートの改造・再配布 ・画像ファイルの直リンク・・・など等 完全な盗用を防ぐことは出来ませんが、ある程度の無断改変やクレジット消去などの対策になると思いますので、ご参考までに。 jsとcssの圧縮・難読化java scriptの圧縮・難読化 java scriptの難読化には、盗用を防ぐ他に、圧縮してファイルサイズを軽くする効果もあります。 ひとつのファイルにまとめてやる事で、HTTPリクエストの回数が少なくなり転送量が削減されるので、いくつものjava scriptファイルを分けて読み込ませるより、1つにまとめて圧縮した方が、ページ表示速度の向上になります。 ｊ

WebWait - Benchmark Your Website サイト運営者などは自分のサイトの表示速度が気になりますよね！？しかし、サイトの表示速度を計るためにストップウォッチを使うのはあほらしいですね。そこで今回紹介するのはサイトの表示速度を測ることができるサイトです。 このWebWaitというはサイトのURLを入れるだけで、そのサイトの画像を含めてすべて読み込みが完了するまでのタイムを計ってくれます。いわゆるウェブサイトの表示速度のベンチマークサイトですね。 WebWaitの使い方！ １、表示速度を測りたいサイトのURLを入力し「Time It!」を押すと計測を開始します。 Multiple Call Optionsから計測のオプションを決めることができます。 # Calls (0=forever):何回計測するか Call Interval (secs):何秒おきに計測するか デ

朝焼けが好きなひとはきっと何か物を作るのが好きなひとだと思う。 何を思ったかよくわからないがなんとなく思い立ってやってみた。 <script type="text/javascript"> <!-- rex = RegExp("([^\(]+)[^0-9]+([0-9]+)"); var list = document.getElementById("theme_list").getElementsByTagName("li"); var hrefList = new Array(list.length); var themeList = new Array(list.length); var sizeList = new Array(list.length); var totalSize = 0; for(var i = 0, len = list.length; i < len; i+

◆随時追加予定です◆ 【必読記事】 後日加工の続きをしたい場合の保存方法です！ ⇒画像加工ツールPixlrの使い方　後日引き続き加工する場合の保存法 ⇒Pixlr　最初にする事～1枚目の画像アップまで ⇒この２つを覚えておけば作業性が格段によくなる ⇒画像加工ツールPixlrの使い方　レイヤーの意味 ⇒画像加工ツールPixlrの使い方　レイヤーの位置を変える（上下） ⇒画像加工ツールPixlrの使い方　出来あがった画像の保存 ⇒画像加工ツールPixlrの使い方　保存した画像の開き方 ⇒画像加工ツールPixlrの使い方　ヘッダーの台紙を作る ⇒画像加工ツールPixlrの使い方　画像の合成 ⇒画像加工ツールPixlrの使い方　画像に枠線、ライン ⇒画像加工ツールPixlrの使い方　透過処理されたアイコン画像を綺麗に縮小する ⇒画像加工ツールPixlrの使い方　消しゴムツール ⇒画像加工ツールP

移転前に書いた【アメブロで禁止タグを本文中に使う方法】の詳しい解説記事です。 ■アメブロの本文中で禁止タグを使う方法 ※追記あり この方法を使えば、記事1つずつをカスタマイズしてブログをＨＰみたいに使えちゃいます。 (ブログをＨＰとして使う際に、使えばいいと思う。) またメッセージボードにも設置出来るので、色んなカスタマイズをやってみては如何でしょうか？ 禁止タグの使い方1、フリープラグインに以下のscriptを貼り付ける。 <script type="text/javascript">(function() {var codes = document.body.innerHTML.match(/<pre [\w\s:;"=]*class="?eval"?[\w\s:;"=]*>((.|\n)*?)<\/pre>/gi);if (codes == null) return;for (var

ez-HTML（作者：Web Frontier様） - フリーウェア（Win） こんにちは、さち です！ 最近 HTML, CSS（スタイルシート） の勉強を本格的に始めたので そっち系のネタが多くなっています。 今までも結構ネタが時期によって偏ってたと思うので私生活がバレバレかもしれないですね(^^;> まだまだ分からないことも多くて苦労しているのですが 目標はこのブログデザインを自分ですることです！（まだまだ先になりそうですが…） 今日は ez-HTML を紹介します。 ez-HTML は HTMLタグ打ち支援ソフトです。 ez-HTMLの特徴は 1. 便利なタグ入力支援 タグを打っていくと自動的に打とうとしているタグを予想して候補を表示してくれます。 Enter を押すと候補からタグが自動的に入力されます。 主にタグを打ってホームページを作成せいている私としてはとっても便利な機能です

STYLE NOTE（作者：Niimi Rikiya様） - フリーソフト（Win） こんにちは、さち です！ 気を取り直して… 今日は STYLE NOTE を紹介します。 STYLE NOTE は CSS（スタイルシート） と HTML を編集するソフトです。 このソフトの特徴は 1. プロパティの一覧が表示される プロパティの一覧が表示されるので そこから必要なものを選ぶだけでCSSの記述が可能です。 プロパティの綴りや名前を完璧に覚えていなくてもいいので 初心者にはとっても優しい機能です。 値も選択式のものなのでこちらも覚える必要がありません。 2. セレクタの一覧を表示 左の画像のように CSS で使用しているセレクタの一覧を表示できます。 CSS はウェブサイトを作っていると だんだんと大量のセレクタを扱うことになってくるので 結構重宝する機能です。 また、セレクタの一覧から選