2010年1月13日のブックマーク (6件)

  • 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テクニック

  • [JS]ブラウザのサイズに合わせてレイアウトを自動変更するチュートリアル

    グリッドベースのレイアウトをブラウザのサイズに合わせて、レイアウトを自動で変更するスクリプトを実装するチュートリアルをCreativityDenから紹介します。

  • クールで動きが気持ちいいjQueryのツールチッププラグイン – creamu

    かっこいいツールチップを実装したい。 そんなときにおすすめなのが、『TIp Tip』。クールで動きが気持ちいいjQueryのツールチッププラグインです。 「tip_bottom」「tip_right_top」のように表示位置を指定できるほか、実装方法も簡単そうですね。 ライセンスは、MIT and GPLとなっています。 ぜひ使ってみてはいかがでしょうか? TipTip jQuery Plugin 昨日は吉祥寺をぶらぶらと。吉祥寺は楽しいですね〜。

  • GoogleのSEOに効果的なテクニックまとめ | パシのSEOブログ

    GoogleSEOYahooと比べ非常に分かりやすくなっていると思いますので、効果的なテクニックをまとめておきます。 内部SEO対策 内部施策についてはどれが一番重要と言うのが難しいのですが、Googleについては基的な内部SEOを実施したら後は外部施策に力を入れた方が良いでしょう。内部施策については簡単に書いておきます。 オーソリティ(ドメインパワー) GoogleSEOではオーソリティ(ドメインパワー)が重要になってきます。サイト内の多くのページが沢山のサイトからリンクを受けサイト全体が検索エンジンから評価されているのがオーソリティサイトです。 ドメイン年齢(継続した運用暦) サイトボリューム(更新頻度) 被リンクの継続的な増加(サブページへの万遍ないリンク) オーソリティサイトからのリンク 関連性の高いサイトからのリンク この5つの条件を満たしているドメインはGoogleから

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

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

    アクセス解析を使ってサイトの課題を発見する12のステップ - Real Analytics (リアルアナリティクス)
  • 第13回 今すぐできる!ユーザビリティを向上させるフォーム操作実践(5)デザインされたチェックボックスを実装する | gihyo.jp

    もっと便利に!jQueryでラクラクサイト制作(実践サンプル付き) 第13回今すぐできる!ユーザビリティを向上させるフォーム操作実践(5)デザインされたチェックボックスを実装する 今回は選択不能とチェックボックスなどをデザイン 前回は疑似セレクトボックスの利用によって、セレクトのデザインを変更する方法をご紹介しました。今回は似たようなこととして、チェックボックスとラジオボタンのデザインを変更する方法をご紹介します。 それと今回はその前に、disabledを利用して、フォームの入力を制限する方法と、それをJavaScriptによって、切り替える方法をご紹介します。 まずは完成サンプルをみてください。 選択不能状態にしておくには、HTMLに「disabled="disabled"」を入れるとできます(次のサンプル参照⁠)⁠。しかし、それを選択可能状態にするにはJavaScriptで操作するしか

    第13回 今すぐできる!ユーザビリティを向上させるフォーム操作実践(5)デザインされたチェックボックスを実装する | gihyo.jp
    goodbabies
    goodbabies 2010/01/13
    Jquery フォーム入力不可