タグ

2012年10月19日のブックマーク (7件)

  • 「Web Intents」でTwitterの機能をサイトに埋め込む

    「Web Intents」でTwitterの機能をサイトに埋め込む 先日、AmazonTwitterやFacebookによるシェア機能に対応したので、どうやって実装しているかを見ているとTwitterは「Web Intents」という機能を利用して実装していました。 ノーチェックだったのですがWeb Intentsは4月1日に公開された機能らしくすごく便利です。今までサイトにTwitterの機能を埋め込む際にはOAuth認証を利用しなくてはいけなかったのですが「Web Intents」を利用すれば簡単に埋め込めるようになっています。 Tweet機能の実装 つぎのようなシェアボタンを簡単に埋め込めます。 このページをシェア ソースコードは次のような感じになります。 <script type="text/javascript" src="http://twitter.com/intent/t

    「Web Intents」でTwitterの機能をサイトに埋め込む
  • gruntで簡単JSビルド - rh7's blog

    gruntってのは、JS/CSSをまとめたり、JS lint, Qunit, minifyできたりってのができるビルドツールです。 また、minifyなどの組み込みタスクの他に、RakeやAntと同じようにカスタムタスクを記述して実行することも可能です。 さらに、watchというので、対象のファイルを監視して、それをトリガーとしてタスクを実行することも可能です。(inofityみたいなやつ) 他の類似ツールと比べて、簡単に使えたのでメモとして残しときます。 環境 OS: MacOSX 10.7 実行環境: Node.js(Homebrew) パッケージ管理: npm 手順 node環境のインストール 面倒なので(ry この辺みてインストールしてください。 naveを使ったnode.jsインストールと、最近のnpmの使い方 - ラシウラ Nodeとnpmのインストール - 自分の感受性くらい

    gruntで簡単JSビルド - rh7's blog
  • gruntをインストールする - Windows Vista | jekylog

    ちなみにMacも下記とほとんど相違ないけどハマったんで一応メモってる gruntそのものはtakazudoさんのhamalogで知ってたけどなかなかどういう場面で必要になるか分からなかったので手を付けれなかったけど、実現したい事の解決方法としてマッチしたので参考にさせてもらいながらgruntをインストールしてみた。 node.jsとnpmをインストール ネットの情報ではnpmWindowsで使うには結構手法が違ってたりしてたけど小粋空間さんによると公式のパッケージをインストールすればデフォで入ってるっぽい。 「npm」という、Node.js用のパッケージマネージャも一緒にインストールされており(ネットで調べると以前は別にインストールする必要があったようですが不要)、同じフォルダにある「npm.cmd」が該当します。 ちなみにコマンドプロンプトで

    gruntをインストールする - Windows Vista | jekylog
  • 米Google、JavaScript開発用の自社ツール 「クロージャ・ツール(Closure Tools)」を公開

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    米Google、JavaScript開発用の自社ツール 「クロージャ・ツール(Closure Tools)」を公開
  • 食品系ECサイトのランディングページ最適化について、6つのサイト紹介とランディングページまとめサイト4つのご紹介。 |https://wp.yat-net.com/name

    2012年 10月 19日 品系ECサイトのランディングページ最適化について、6つのサイト紹介とランディングページまとめサイト4つのご紹介。 カテゴリ: Webサイト紹介 タグ:ECLPOまとめランディングページ 飲関係のランディングページを運用しないといけないので色々見ています。ブックマークにも少し溜まってきてるのでちょっとだけブログの方にも書いておこうと記事にしました。 1.ランディングページとは? 2.品関係のランディングページ 3.ランディングページまとめサイト ランディングページとは? ランディングページと言うのはリスティング広告といったWeb広告や、グーグルやヤフーなどの検索エンジンから遷移してくるページを指します。 このページに対して、ユーザーが求める情報を正しく伝えられるよう最適化することをLPO(Landing PageOptimization・・・ランディングペー

    食品系ECサイトのランディングページ最適化について、6つのサイト紹介とランディングページまとめサイト4つのご紹介。 |https://wp.yat-net.com/name
  • 【FC2ディレクトリ】新サービスを開始しました!

    平素は、FC2(fc2.com)をご利用いただき、誠にありがとうございます。 このたび新サービス、FC2ディレクトリ (dir.fc2.com) の 運営を開始しました! ブログやサイト運営者の方に最適なサービスを提供いたします。 現在初回キャンペーン中! ブログやサイトをお持ちの方は是非ご利用ください! 「FC2ディレクトリ」とは お客様の運営されているブログやサイトをご登録いただくことにより、 登録いただいたページ(最大7ページ)がカテゴリ登録されるサービスです。 良質なディレクトリサービスとするため審査が設けられておりますが、 仮に再審査となった場合でも 担当者より改善すべき点などのアドバイスを受けることができます。 また、一度登録されると半永久的に登録となります。 SEO効果、ビジネスサイトやブログなどのブランド化、 集客数アップなどにつながります。 【専用ブログも開設!】 ディレ

    【FC2ディレクトリ】新サービスを開始しました!
  • たった1行で完成?凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER

    簡単に作れる!みんな大好き可変グリッド 先日話題になっていた「なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!!」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ! @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア

    kangsungyang03
    kangsungyang03 2012/10/19
    jQuery Masonryってこんな利用用途だっけw?ま~