タグ

2010年11月30日のブックマーク (12件)

  • 「なぜ CSS が巨大になってしまうのか、なにがいけないのか」 - by edvakf in hatena

    Nicole Sullivan さんの素晴らしいプレゼン。 5 Mistakes of Massive CSSView more presentations from Nicole Sullivan. 内容は30分ぐらい。ビデオのほうが分かりやすいのでおすすめ。だいたいスライドの35ページ目まではあんまりおもしろくないので飛ばしてもいいと思う。 スライド中に出てくる衝撃的な統計は、Sullivan さんのブログにもまとめられているのでご一見を。 Top 5 Mistakes of Massive CSS | Stubbornella 要旨 CSS の「ベストプラクティス」は間違っている。 プレゼンでは Facebook の例を挙げているけど、例えばサーバー側のロジックでは、ページヘッダー、右コラム、中央、左コラム、フッター、のようにビューを分けるところだけど、CSS をそのような区分でデザ

    「なぜ CSS が巨大になってしまうのか、なにがいけないのか」 - by edvakf in hatena
  • 現場でプロが培ったGoogle Analyticsの使い方

    Google Analytics(グーグルアナリティクス)とは、米グーグルが提供する無償のWebアクセス解析ツールのこと。「現場でプロが培ったGoogle Analyticsの使い方」は、ASCII.jpの担当者が蓄積してきた「Google Analytics」によるアクセス解析のノウハウを具体的なケースをもとに、Google Analyticsの使い方を学び、指標の意味を深く読み取るための方法を紹介する。 <cj:inc template="792" element_id="498083" />

    現場でプロが培ったGoogle Analyticsの使い方
  • Google AnalyticsでURLとページタイトルを同時に表示させる方法

    今日はGoogle Analyticsのレポート表示に関する便利なTIPSを紹介します。 Google Analyticsで使える「セカンダリディメンション」はなかなか便利な機能なのですが、なかには選択できないディメンションもあります。 たとえば上位のコンテンツではもっとも閲覧数の多い順にページの「URL」が表示されます しかしセカンダリディメンションとして「ページタイトル」を指定することはできません。 でもセカンダリディメンションとしてタイトルを表示させることができるのです。 やり方は簡単です。 “&segkey=request_uri|page_title“、このパラメータをGoogle Analyticsで「上位のコンテンツ」を閲覧しているときのURLに挿入します。 挿入する場所は、”id=XXXXXXX”の後です。 XXXXXXXにはあなたのGoogle Analyticsのプロフ

    Google AnalyticsでURLとページタイトルを同時に表示させる方法
  • Googleをもっと使いこなしたい人に贈るクエリオペレータ一覧 &raquo; SEO Japan

    無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> Googleでキーワード検索する際、単純にキーワードを入力する以上に色々なクエリオペレータがあることを知っている人は多いと思います。とはいえ、インデックス数をチェックする site: 検索や被リンク数をチェックする link: 程度はしっていても、細かいオペレータになると良く知らない、使わない人が意外と多いのではないでしょうか。今回はサーチエンジンランドがそんなクエリオペレータを一覧表にまとめてくれました。これであなたもGoogleサーチマスター? — SEO Japan 私はプレゼンを行うとき、ミーティング中、あるいは、顧客候補と話をする際に、グーグルの強力な検索スキルを自慢するのが大好きだ。

    Googleをもっと使いこなしたい人に贈るクエリオペレータ一覧 &raquo; SEO Japan
  • ある教授の死 - Live Free or Tianbale

    人の死というデリケートなことだから、はてなブログに書こうか書くまいか迷ったが、この世にいなくなったら誰も伝える人がいないと思い、こちらにも書くことにした。 大学である教授が亡くなった。その教授と俺は大した面識があるわけでもなく、2つの授業を受けた程度だった。 最初の授業は1年生後期。受講者が多すぎていつも席に座れるか座れないかという授業だった。その授業は斬新で、教授が壇上に立って教科書を解説するのではなく、「各自、生徒で教科書を読んで来なさい」というものだった。そして教科書の1 章ごとをパワーポイントでまとめた人(志願者)を募集し、授業中にそれを発表させるというものだった。だから授業中は生徒の発表がほとんど。教授はその発表に補足する程度だった。ある時、「教授はサボりではないか?」という意見が出た。それに対して教授は「たしかに私はあまり解説をしていない。だが、生徒が自分で学ぶ自主性を育てたい

  • UX とユーザビリティ のお話 【基礎編】 : LINE Corporation ディレクターブログ

    こんにちは。10月からブロググループのディレクターをしている真田 (さなだ) です。 これまで私はマークアップエンジニアをしていましたが、コンテンツの設計段階から参加できることは多くありませんでした。ディレクターとなったからには、根からHCD (人間中心デザイン) を意識したコンテンツ作りをしていきたいと思っています。 そこで今回はまず、ユーザーエクスペリエンス (以後UX) とユーザビリティの基礎についてまとめてみたいと思います。 UXってなに? なかなか明確に定義することが難しく、さまざまな解釈がなされているUXという言葉。 直訳すると「ユーザー体験」となりますが、国際規格のISO 9241-210の中では、「製品やシステム、サービスを使用、あるいは使用を予想した時の、人の知覚と反応」とされています。 それを利用したときに感じるあらゆる感情、また「使用を予想した時の」とあるように、製

    UX とユーザビリティ のお話 【基礎編】 : LINE Corporation ディレクターブログ
    kyompi
    kyompi 2010/11/30
  • 携帯電話向けコンテンツの書き方 - ウェブの作り方

    ここでは、携帯電話向けコンテンツの書き方について解説します。 基礎知識としてHTML&CSS入門のHTML入門篇及びCSS(カスケーディングスタイルシート)入門篇の内容は最低限把握している事を前提として解説致します。 「携帯電話」という言葉は、特に断わらない限りPHSも含むものとします。但し、スマートフォンは除外します。 フィーチャフォン向けサイトの作り方。 スマートフォン向けサイトの作り方。 携帯電話向けコンテンツでのマルティメディア。 その他のコンテンツ。 保存扱い(obsolete)となっている記事

    携帯電話向けコンテンツの書き方 - ウェブの作り方
    kyompi
    kyompi 2010/11/30
  • HTML5についてのおさらい|Web制作 W3G

    Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF

    HTML5についてのおさらい|Web制作 W3G
    kyompi
    kyompi 2010/11/30
  • HTML5+CSS3用のブラウザのスタイルをリセットするテンプレートファイル -HTML5 Reset

    HTML5+CSS3の環境で汎用的に利用できるHTML・スタイルシート・スクリプトなどのファイルを一式にまとめたテンプレートを紹介します。 ファイル構成:コメント無し版 各ファイルの説明 index.html HTML5の要素を配置した汎用的に利用できるHTMLファイル。各スタイルシートファイルも埋め込まれています。 css/main.css @import用のスタイルシートです。 css/reset.css Eric Meyerの「Reset CSS」です。 css/core.css ベースとなるスタイルが定義されています。 css/_patches 各ブラウザ用のスタイルシートです。 css/_print プリント用のスタイルシートです。 js Modernizrがセットされています。

  • キノトロープ | Web制作会社

    近畿日ツーリストCMS導入により、特集ページの新規立ち上げ・運用・更新にかかるコストを大幅に削減。

    キノトロープ | Web制作会社
    kyompi
    kyompi 2010/11/30
  • スパイシーソフト株式会社 携帯アプリの検索ポータル・雑誌発行・広告宣伝支援

    【大盛りチャリ走DX】Nintendo Switch専用タイトルを配信開始2018.02.05 会社分割による株式会社アプリゲット新設のお知らせ2018.02.02 アプリゲットとアルテマ、レビュー記事利用で提携2017.10.02 飛躍を狙うYouTuberと企業をマッチングする新サービス「アプリゲット ...2017.07.21 スマホゲームメディア「アプリゲット」内で「LINE GAME 公式ポータル...2017.04.03 プレスリリース RSS 入社式おめでとうございます ~ 幅広く誰でも2017.04.03 ドローン技術を応用!ブレないカメラ「DJI OSMO」とは?2016.01.12 Android6.0を搭載したNexus5xを2週間使ってみて。指紋に関す...2015.11.25 4年ぶりに復活した国内発Windows Phone「MADOSMA」レビュ...2015

    スパイシーソフト株式会社 携帯アプリの検索ポータル・雑誌発行・広告宣伝支援
    kyompi
    kyompi 2010/11/30
  • プラグイン無しでページネーションを設置

    WordPressでは多くのページネーションを実装するプラグインがありますが、使用しているテーマにあったデザインで機能も必要なものだけにできるように、プラグイン無しでページネーションを設置する方法を紹介します。 How to build a WordPress Post Pagination without plugin [ad#ad-2] ここでは上記元記事で紹介されているものをノーマル版とし、コメントで投稿されている拡張版の二つを紹介します。 Pagination without plugin:ノーマル版 Pagination without plugin:拡張版 Pagination without plugin:ノーマル版 How to build a WordPress Post Pagination without plugin PHP テーマファイル内の「fuction.ph