当ブログで配布中の Seesaa ブログテンプレートの3カラムレイアウトを切り返るカスタマイズです。 ご質問を頂きましたので本エントリーにて紹介致します。 １．デフォルトの3カラムレイアウト デフォルトの3カラムレイアウトのCSSは次のようになっています。赤色の部分が左サイドバー表示用タグです。次項でこの部分を移動します。 ...前略... <div id="banner"> <% content_header %> </div> <% if:have_content_left -%> <!-- 左カラム開始 --> <div id="links-left-box"> <div id="links-left"> <% content_left %> </div><!-- /links-left --> </div><!-- /links-left-box --> <!-- 左カラム終了 -

ブログにちょっと画像がほしいなぁというときに便利なジェネレーターを集めてみました。 専用ソフトがなくても、簡単にあっという間にできちゃうのがいいですね。 ImageChef（日本語対応になりました） こちらは ボムガール | ブログに使えそうなジェネレーター で紹介されていたのですが、なんと75種類あります。 mixi のプロフィールにも使えそうですね。 関連 テキストでハート型などの画像が作れるジェネレーター Web2.0 Logo Creator by Alex P Web2.0 っぽいロゴ E-Zombie.com ゾンビがロゴを作ってくれる Vinyl Record Generator 誰でもレコードが作れるジェネレータ。音楽好きの方はぜひ。 Create Fake Magazine's covers 海外の新聞・雑誌風 どうぞご利用ください。

Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ

良い記事なら自然とアクセスアップするというのは、「良いモノを作れば自然と売れる」といって、営業も広報も行わないことに似ています。そこでSEO＆アクセスアップのツール・サービス・TIPSをまとめました。 SEO入門・応用 SEO対策の施策とSEO対策ツールの紹介 / SEO対策 Yahoo Google - 晴練雨読 MarkeZine：SEO/SEM GoogleAnalytics Google Analytics Googleのアクセス解析サービス「Google Analytics」を使ってみました - GIGAZINE Google Analytics入門 第1回 ログインしてレポートを表示しよう | Web担当者Forum cyano: Google Analyticsで高度なトラッキングをする方法 ほかGoogle記事 初代Googleのアルゴリズム解説 - GIGAZINE Go

ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基本的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF

Web デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。そのお手本を真似ながら、たくさん 練習することが上達するための何よりの方法だと思います。 そんなお手本にしたいきれいな Web デザイン（CSS）ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。 01 CSS Mania CSS デザインといえば、まずここ 02 Most Inspired クールな CSS デザインを一括チェックできます。 03 CSS Impress ブログデザインの参考に 04 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards タグで分類されていて目的にあわせて選びやすい 05 CSSclip |

プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ

このブログは百式管理人の編集後にお送りしておりますが、いつも直されるのがタイトルです（orz）。 そこで「タイトルどうすればいいですかねぇ・・・」と聞いたところ、「これ、読んでみて」と渡されたのが次の記事です。 » 10 Sure-Fire Headline Formulas That Work | Copyblogger » 7 More Sure-Fire Headline Templates That Work | Copyblogger Copybloggerという「ブロガーのためのコピーを考えるブログ」の記事です。全部で17の「人を惹きつけるタイトルの書き方」が紹介されています。 タイトルだけでなくて内容もがんばって書いておりますが、タイトルはやはり大事です。これを見ながら日々勉強しております・・・。今回は勉強も兼ねてこの記事をご紹介したいと思います。 なお、百式管理人いわく「内