新米Web担当者もこれで安心！8つのステップで始める実践アクセス解析（前半） | Web担当者Forum
この記事で解説しているステップ 健康診断：サイト全体の状況をおおざっぱにつかむ来訪理由チェック：来訪元をつかんで集客のヒントを得る入り口チェック：最初に見られるページから改善のヒントを得る離脱率の改善：訪問者を逃がしているページを動線から見つける次回の記事で解説するステップ コンバージョンの測定：サイトの役割を金額に換算して考えるダッシュボード機能の活用：毎日見るレポートを楽に管理するエクセルでレポート：上司への報告書をテンプレートでつくるさらに詳しい解析：アクセス解析コンサルティングを受ける ステップ1 健康診断： サイト全体の状況をおおざっぱにつかむアクセス解析で毎日見るのはサイトの状況を知るため。健康診断でいうと毎朝の血圧チェックのようなもの。毎日のチェックは簡単にすませよう。サイトの全体的な状況をおおざっぱにつかめばそれでいい。このための指標は次のたった2つだ。 総ページビュー数
Webデザイナー/開発者が覚えておくとよい２５のテクニック:phpspot開発日誌
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者が覚えておくとよい２５のテクニックが紹介されていました。 知っておいてサイトに組み込めば、一歩レベルが上のサイトを構築できるはずです。 CSSを使うものだけでなく、JavaScript や PHP も絡んでくるものもありますが、サンプルを改変することで設置をすることも出来るはずです。 バブルツー
注目！Flashを応用してHTML＆CSSだけでは通常作れない画像効果を得る「swfIR」:phpspot開発日誌
注目！Flashを応用してHTML＆CSSだけでは通常作れない画像効果を得る「swfIR」 2007年02月27日- swfIR: swf Image Replacement When you start to use swfIR, you’ll need the ability to style it, the same way that you can do with regular images. Flashを応用してHTML＆CSSだけでは通常作れない画像効果を得る「swfIR」。 こういった仕組みで、久しぶりに感動させられました。 Ajaxにこだわらず、Flashも応用することでこんなことも出来るんだ、と思わせられたものでした。 なんと、<img src="〜"> な画像タグがあったとして、この画像に、動的に角丸やシャドウ効果、回転効果やボーダーを直接かけることが出来ます。 次の
CSSと一枚の画像だけで透明感のある角丸パーツをつくる方法 | S i M P L E * S i M P L E
※ 下記の記事に誤りがありました。謝罪＆修正記事はこちらへ。 あいかわらず流行っている角丸系パーツですが、新しいテクニックが紹介されていたのでエントリー。 » Even More Rounded Corners With CSS – Schillmania.com 一つの透過処理されたPNG画像とCSSだけで下のようなパーツを作れてしまいます。 PNG画像を縮小したりしているみたいですね。もちょっと複雑なデモページはこちら。スクリプトのダウンロードもできます。 » Even More Rounded Corners (Fluid, Alpha-transparent, Single Image Approach) Using CSS 透過処理もされていてなかなかきれいですが、一長一短があるアプローチなので用途に合わせてお使いください。
CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN' LISTEN::::::to the silence:::::::
お探しのページは「すでに削除されている」、「アクセスしたアドレスが異なっている」などの理由で見つかりませんでした。以下でキーワードやカテゴリーから記事を探すことができます。
勝手ながら『Web 2.1のデザインパターン』を考えてみた | S i M P L E * S i M P L E
さてデザイナーでもなんでもないのでかなり個人的な主張ですが、「Web 2.0っぽいデザイン」の次を考えてみました。 名づけて『Web 2.1のデザインパターン』ｗ。 個人的には「角丸の次って何よ？」と常々思っていたので、最近新しく出てきたサイトに共通するいくつかの特徴をまとめてみました。 かな～り主観なので「そうかぁ？」と思われる方もいらっしゃるとは思いますが・・・間違いを恐れずにメモ書き程度にエントリーです。 では早速。僕が感じている「次っぽいデザイン」の特徴は4つ。 【1】 極太ストライプ（Bold Stripe） ストライプはWeb 2.0っぽいデザインでも流行っていますが、それをもちょっと太くしたやつを最近よく見ます。 ↑ タイトルと背景が太いストライプに。 ↑ 細いストライプはWeb 2.0っぽかったですが、最近はちょっと太めが流行りかな。 【2】 極太枠線（Bold Borde
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
第28回 Webデザインをマーケティングに役立てるヒント
この連載では，ユーザビリティ系の使いやすさをテーマにしていますが，今回はそれをマーケティング活動につなげていくことについて書いてみます。 古典的商品絞り込み機能 まずは，RIA（Rich Internet Application）の歴史でもはや古典的な名サイトを紹介しましょう。visokio（旧iokio）の「CameraFinder」です。リンクを張っておきますので，ぜひともご自分で操作して，「体験」してください。 操作はいたって簡単です。デジタル・カメラ屋さんの店頭で実際に見るように，最初は様々なデジカメが並んでいます。しかし，右側にある「スライダーバー（青い部分）」を操作することで，その条件にマッチしたデジカメだけが絞り込まれていく（画面に残っていく）という仕掛けです。 仕組みも単純です。各商品に属性として，それぞれの「スライダーバー」に対応する情報が埋め込まれていて，指定された条件
CSS: Double Lists - Mike’s Experiments
Mike’s Experiments - CSS: Double Lists This experiment uses some simple mark-up and a small amount of CSS to cleverly create a single, semantically proper, unordered list appearing in two columns. This is normally done with a table structure which really falls short if the items should be listed. Get the XHTML, CSS, source. Go to back to the Mike’s Experiments index. A single styled list presente
miniturbo::Blog ネガティブマージンによるレイアウト
「マイナスマージン」や「ネガティブマージン」で組み立てるレイアウトです。 てんぽさんの記事にあるように、floatにより発生するカラム落ちは、親のボックスが内包するこのボックスのwidthに原因があるのではなく、そのマージン辺に原因があります。 とりあえず、以下をご覧ください。 たとえば固定幅の2カラムの段組を作るときは、 <div id="content"> <div id="main"> <p>メイン的なやつ</p> </div> <div id="utilities"> <p>サブ的なやつ</p> </div> </div> こんな感じの構造になります。 これに当てこむスタイルは div#content { width: 700px; margin: 0 auto; } div#content div#main { float: left; width: 100%; } div#co
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウインドウの横に隠れるサイドナビゲーションJavaScript （side-bar.js） - youmos
ウェブデザインに使える16のジェネレーターツール - DesignWalker
HTMLの外部ファイル化