johny-keiのブックマーク (299)

  • アクセス解析を使ってサイトの課題を発見する12のステップ - Real Analytics (リアルアナリティクス)

    アクセス解析ツールを導入して数カ月。いまいち使いこなせていないあなたへ。私が初めてサイトを分析する時に行う12のSTEPを紹介いたします。GoogleAnalyticsで全て対応出来るレポートです。ここで紹介するのはアクセス解析業界(?)における標準でもなんでもなく、私なりの分析手法ですので、他にも様々な方法やバリエーションがあります。 ※アクセス解析用語の基的な知識と、GoogleAnalyticsを使ったことがある(出来ればアドバンスドセグメントを使ったことがある)人向けの方法になります。 2つの事前準備 分析に入る前に、以下の二つの事前準備を行いましょう。 A.サイト全体をじっくり見る サイトマップや主要の導線をたどってみたり、実際にコンバージョンしてみたり。自分なりにサイトの良いところと悪いところを見つけて箇条書きにしておきましょう。また、それが数字にどう反映されるか?を想像して

    アクセス解析を使ってサイトの課題を発見する12のステップ - Real Analytics (リアルアナリティクス)
    johny-kei
    johny-kei 2010/01/12
    アクセス解析を使ってサイトの課題を発見する12のステップ
  • CSS3で立体的な3Dリボンを作成するチュートリアル:phpspot開発日誌

    How To Create Depth And Nice 3D Ribbons Only Using CSS3 | PV.M Garage CSS3で立体的な3Dリボンを作成するチュートリアルです。次のような立体的な帯を実装することができます 各ブラウザによるレンダリング結果も掲載されていて、CSS3対応ブラウザによって若干レンダリング結果が違うようですが崩れず表示されるみたいです。 次世代のために覚えておくと良いテクニックかもしれませんね。 関連エントリ 便利なCSSテクニック30選 CSSリストに関する5つのテクニック集 これは楽しい!どんな画像もCDのアルバム風にできるCSSテクニック

    johny-kei
    johny-kei 2010/01/12
    CSS3で立体的な3Dリボンを作成するチュートリアル
  • http://flash-scope.com/?p=751

    johny-kei
    johny-kei 2010/01/12
    wonderflではじめるプログラミング
  • The 60+ Best Ecommerce Websites - Top Ecommerce Website Designs

    Home » Articles » 25+ Best Ecommerce Website Designs for Inspiration (2024) 25+ Best Ecommerce Website Designs for Inspiration (2024) The list of top 50 ecommerce website designs in 2024 If you subscribe to a service from a link on this page, Reeves and Sons Limited may earn a commission. See our ethics statement. For any business that wants to sell online, having a well-designed website is vitall

    The 60+ Best Ecommerce Websites - Top Ecommerce Website Designs
    johny-kei
    johny-kei 2010/01/11
    35 Premium Photoshop Layout Tutorials for Web | Design Reviver
  • 【デザイナー修行日記】 ウープスデザインの石嶋さんにいろいろ教わった! - IDEA*IDEA 〜 百式管理人のライフハックブログ

    ドットインストール代表のライフハックブログ

    【デザイナー修行日記】 ウープスデザインの石嶋さんにいろいろ教わった! - IDEA*IDEA 〜 百式管理人のライフハックブログ
    johny-kei
    johny-kei 2010/01/11
    ウープスデザインの石嶋さんにいろいろ教わった!
  • 思考を整理する「メタ・ノート」習慣を始めよう! | シゴタノ!

    By: scottjacksonx – CC BY 2.0 あけましておめでとうございます。正月も三日目ですね。新しい年に向けていろいろ計画されている方も多い事でしょう。計画だけではなく実現したい事や、少し考えてみたいアイデアなども思いつかれたかもしれません。 去年に手持ちの情報を整理してさっぱりされた方は、今年一年の自分の思考を整理していくために「メタ・ノート」を作る習慣を設けてみてはいかがでしょうか? メタノートって何? メタ・ノートは『思考の整理学』の中で著者の外山氏が自分の考えを深めるために使われていたノート方式の事です。 » 思考の整理学 (ちくま文庫)[Kindle版] 複数のノートを使い、情報を時間的・文脈的に別の視点から見ることで、深みのあるアイデアを作ることができます。 ファストフード的アイデアと熟成的アイデア 一般的に新しいアイデアは古いアイデアの組み合わせである、とい

    思考を整理する「メタ・ノート」習慣を始めよう! | シゴタノ!
    johny-kei
    johny-kei 2010/01/08
    メタノート習慣を始めよう!
  • 何がわからないのかを発見する3つのテクニック - 絶叫機械+絶望中止

    学校の授業で先生から「わからないところは質問してー」と訊かれて答えに詰まったことがある人、手をあげてー。 何がわからないのか、わからない 学生時代だけでなく、たとえば社会人になってからも「わからないところは質問しろ」という問いかけはあるはず。でも、入社して一ヶ月、研修は受けたけど現場じゃ知らない言葉が飛び交っちゃって、まず何から質問すればいいのかわからない、とりあえずうすら笑っておけ、なんて経験をした人も多いでしょう。 ある分野を学ぶためには、まずその分野について何がわからないかを知らないといけない。でも、何もわからないから、なにがわからないかも、わからない、さて今何回わからないと言ったでしょうか。わかんないですね。とにかく学校の授業でも、仕事でも、遊びですら「わからない」ことはあまりに多すぎてほんと「わかりません」 どうやら最初に知らなければいけないことは、一番はじめに質問すべきことのよ

    何がわからないのかを発見する3つのテクニック - 絶叫機械+絶望中止
    johny-kei
    johny-kei 2010/01/08
    何がわからないのかを発見する3つのテクニック
  • あなたのWebサイトを稼げるサイトに変えるための7つのステップ | 買いたくさせるWEBサイト文章術 | ダイヤモンド・オンライン

    今回から、いよいよ7ステップに分けて、あなたのWebサイトを高反響のサイトに変化させるための具体的なテクニックをお教えする。ぜひ、紙とペン、付箋紙か大きめのカードを用意して、ここから先を読んで頂きたい。 ステップ1 Webサイトを通じて、稼ぎ出したい目標を決める たとえば、あなたがWebマーケティングを駆使して、そのサイトで年商1億円を目標とするならば、それを可能にするビジネスモデルを考えなくてはならない。コピーの書き方だけを覚えても、それだけでは最大の結果を得ることはできない。 例えば、何を、どういうビジネスモデルで売るのか、どういった方法で見込み客を引きつけるのか、彼らにどう商品を紹介していくのか、彼らの何パーセントがどういう商品を買ってくれるのかということを考え、最終的に年商1億円になる明確な目標を立てる必要がある。 ここでのポイントは、ぜひ理想の数字を設定すべきだ。小さな目標は、小

    johny-kei
    johny-kei 2010/01/06
    あなたのWebサイトを稼げるサイトに変えるための7つのステップ
  • public-domain-archive.com

    public-domain-archive.com 2024 著作権. 不許複製 プライバシーポリシー

    johny-kei
    johny-kei 2010/01/06
    パブリックドメイン
  • The Beautiful Art of Japanese Web Design woorkup.com

    You’re a web designer or developer. That means that you know what you’re talking about when it comes to the creation of a business website. That also means you know your way around a content management system. Most notably, you should be familiar with WordPress, the world’s most popular website builder, and CMS platform. You understand the reasons why anyone should want to work with WordPress. You

    The Beautiful Art of Japanese Web Design woorkup.com
    johny-kei
    johny-kei 2010/01/04
    The Beautiful Art of Japanese Web Design
  • デザイナーが知っておくべき背景画像のリソースサイト集:phpspot開発日誌

    36 Must Have Backgrounds and Patterns Resources for all Designers : Speckyboy - Web Design, Web Development and Graphic Design Resources デザイナーが知っておくべき背景画像のリソースサイト集。 背景画像のダウンロードやWEB上で動作するジェネレーターがまとまっていました。 背景画像リソース集 Huge Magazine - Desktop Patterns and Tiles 綺麗orおしゃれな背景画像パターン多数 Barracuda Backgrounds 地味だけど汎用に使えそうな背景画像 HYBRID GENESIS カラフルだけどこちらも汎用性がありそうな背景集 DinPattern ちょっと個性的なパターン集 ジェネレーター Tiled Back

    johny-kei
    johny-kei 2009/12/30
    デザイナーが知っておくべき背景画像のリソースサイト集
  • これは絶対覚えておいた方がよいシルエットの素材集:phpspot開発日誌

    これは絶対覚えておいた方がよいシルエットの素材集。 85サイトのフリーかつハイクオリティなシルエット素材集が物凄い勢いでまとまっています。 覚えておくと色々な場面で使えることは間違いなさそう。 人型だけじゃなくて、動物や昆虫・植物などそろってます。 リンク先は以下のURLから参照してください 85 Free High Quality Silhouette Sets | Graphics

    johny-kei
    johny-kei 2009/12/30
    これは絶対覚えておいた方がよいシルエットの素材集
  • 人がモノを買う3つの理由と、 6つの性格パターンを知っておこう | 買いたくさせるWEBサイト文章術 | ダイヤモンド・オンライン

    あなたはヒトがモノを買う購買心理について、ご存じだろうか。この部分はビジネスを行ううえで非常に重要な要素となってくるので、とくによく理解してもらいたい。 「ヒトがモノを買う3つの理由」 について知っておく そこでまずは大きなポイントとなってくる、「ヒトがモノを買う3つの理由」について、しっかり頭に叩き込んでおこう。この3要素は、Webサイトにおけるセールスコピーライティングを行ううえで、絶対に忘れてはいけないポイントとなる。 1)ヒトは、「痛みから逃れたいがため」にモノを買う たとえば、就寝中の深夜に電話がかかってきて「今から来てくれれば車を抽選で1台プレゼントします」と言われても、疲れているから行かないと断る人が多いはずだ。あくまで抽選なのだし、そんなものに当選するはずもないと。 しかし、「あなたの車が盗まれそうだ」となれば、ほとんどの人が駆けつける。 人は「失うこと」つまり痛みのほうに

    johny-kei
    johny-kei 2009/12/24
    買いたくさせるWEBサイト文章術
  • 2009年の凄いPhotoshopチュートリアル100種:phpspot開発日誌

    2009年の凄いPhotoshopチュートリアルが100種類まとまったエントリのご紹介です。 次のようなすごいチュートリアルが満載です。年末年始に暇な方はこなしてみるのもよいかもしれませんね。かなり力がつきそうです。 以下のエントリを参照してください。 The 100 Most Popular Photoshop Tutorials 2009 関連エントリ プロレベルのPhotoshopチュートリアル集 ボタン作成のPhotoshopチュートリアル集 輝く綺麗なクリスマスツリーを描画するPhotoshopチュートリアル

    johny-kei
    johny-kei 2009/12/24
    2009年の凄いPhotoshopチュートリアル100種
  • 2009年、ウェブデザインに役立つまとめのまとめ

    Web Design Trends For 2009 邦訳:2009年、押さえておきたいウェブデザインの10のトレンド 2009年に流行るであろうとされた10のトレンドです。確かに、これらのものが使用されたサイトは多く見かけました。

    johny-kei
    johny-kei 2009/12/22
    2009年、ウェブデザインに役立つまとめのまとめ | コリス
  • 2009年フリーソフト番付(Mac編) | ライフハッカー・ジャパン

    最新モデルの「Apple Watch Series 9」が過去最安。指のダブルタップ操作が便利すぎる #Amazonセール

    2009年フリーソフト番付(Mac編) | ライフハッカー・ジャパン
    johny-kei
    johny-kei 2009/12/22
    2009年フリーソフト番付(Mac編)
  • モダンブラウザでも使えるCSSハック18選(1/3) - @IT

    有限会社タグパンダ 喜安 亮介 2009/12/16 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック&フィルタTipsをお届けします(編集部) モダンブラウザとMac OS XのIE 5でも使えるCSSハック 前回の「IE 6とIE 7のためのCSSハック16選」では、IE 6とIE 7のためのCSSハックのテクニックを紹介しましたが、今回は、モダンブラウザでも使えるCSSハックのテクニックを下記に分けて紹介します。 IE 6/7/8をハック(IE 6とIE 7、IE 8に効く、もしくはIE 6とIE 7とIE 8に効かないハック) IE 6とIE 7、IE 8に効くハック コンディショナルコメント ユーザーエージェントハック IE 6と

    johny-kei
    johny-kei 2009/12/17
    モダンブラウザでも使えるCSSハック18選
  • jQueryとAjaxで作るスムーズページング (1/3)

    Googleの検索結果のように、長いリスト項目を複数のページに分割して表示することを「ページング」(Paging)と言います。ページング処理では下部にナビゲーションリンクを配置し、クリックされた番号のページを表示しますが、ページ全体をリロードして切り替えるには時間がかかります。そこで今回は、スムーズにページングさせるためにAjaxを利用して更新が必要な部分のみを外部ファイルから読み込んで書き換え、ユーザーのストレスを軽減する方法を紹介しましょう。 データのHTMLを用意する 今回は、数が多い商品情報のリストを複数のページに分割して表示するサンプルを作成します。はじめにAjaxで読み込むコンテンツデータを用意します。Ajaxは、XMLやJSON(JavaScript Object Notation)、テキストなどさまざまデータを扱えますが、今回はもっとも手軽なHTMLを使いましょう。コンテン

    jQueryとAjaxで作るスムーズページング (1/3)
    johny-kei
    johny-kei 2009/12/17
    Web制作の現場で使えるjQuery UIデザイン入門
  • 画像を背景に100%で表示させるJavaScript「fullscreenr」

    twitter facebook hatena google pocket 画面いっぱい背景画像を使いたいことはありませんか? JavaScriptライブラリのjQueryプラグイン「fullscreenr」を使用することで、導入することが可能です。 sponsors 使用方法 fullscreenrからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.fullscreenr.js"></script> <script type="text/javascript"> var FullscreenrOptions = { width: 1024, //元画像の幅 height: 683, //元画

    johny-kei
    johny-kei 2009/12/16
    像を背景に100%で表示させるJavaScript
  • プレゼンテーションに悩むすべての人達のために:プレゼンテーションの世界標準「構造的プレゼンテーション」 - Kazu’s Blog

    国際会議で欧米の人のプレゼンテーションを聞いたとき、こんなことを思ったことはありませんか? 内容的には、それほど大したことないが、彼らはプレゼンテーションがうまい。大したことない話でも、いい話のように聞こえる。その点、日人は下手だよなぁ、と。 実は、欧米の人たちは、子供の頃から、下記に述べる「構造的プレゼンテーション」の教育を受けているのです。下記は口頭プレゼンテーションを前提に述べますが、文章でも、基は同じです。以前、ドイツで、小学校の時からドイツで暮らしている日人の方から伺いましたが、ドイツでは小学校のときから、文章を書くときは構造を意識せよ、ということをしつこく叩き込まれるそうです。 プレゼンテーションの世界は実は非常に奥深く、極論すれば、内容に応じて、内容の数だけ、それにふさわしいプレゼンテーションのスタイルがあります。ですが、まずはプレゼンテーションの基形を身に付けましょ

    プレゼンテーションに悩むすべての人達のために:プレゼンテーションの世界標準「構造的プレゼンテーション」 - Kazu’s Blog
    johny-kei
    johny-kei 2009/12/16
    プレゼンテーションに悩むすべての人達のために:プレゼンテーションまとめ