This site uses cookies from Google to deliver its services and to analyze traffic.
今日(2011/5/11)のgoogleロゴはダンスのアニメーションになってて、 それがとてもキレイでかっこいいアニメーションだったので、 自分もアニメーション用のjsをちょこっと書いてみた。 「Google」の6文字が踊る――マーサ・グレアムさん生誕記念のホリデーロゴ この人がロゴのアニメーション作ってた人。 ほんと細部までキレイなアニメーション。このアニメーターのモーション技術すっげぇ。。 んで、googleロゴの中身見てみると、gifアニメかと思いきやpngのポジションをずらす方法を取ってて これがネタばらしの一枚絵。 そういえば、一昨日公開された、thaのFRAMED*のページでも使われてたなぁ、これ。と思い、 普通にjs書ける人には一瞬でできるだろうから関係ないけど、 この1枚絵さえ作れれば、誰でもアニメーションgifならぬ、 アニメーションjpgとか、アニメーションpngつくれ
随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くなったかなぁって思います。 新規でサイトを作るのに使えそうな一式。Ver 3をDL(zip:40kb) Ver 3を見る Ver.3の中身ご説明 主な変更点を。 style.cssのwidthなどのプロパティをまとめていたのをVer1と同じに。 default.cssに書かれていた、p要素のmargin-bottomの指定をstyle.cssに移動。 default.cssのfont-familyの指定を若干変更。 index.htmlにGoogleカスタムサーチ用に使えるソースを記入。 Ja
Ajaxian経由、Make the Web Faster — Google Developersが公開されました。 本家ページのサンプルではGoogleのライブラリからjQueryとかのライブラリを動的に読み込めるって説明になってますが、これだけ見るとGoogleのライブラリを使うほどではないんじゃ?というのが正直な反応だと思います。 ただ、(Ajaxianでもかかれてますが)実はgzipされたJavaScriptライブラリを手軽に利用できるというメリットがあります。 こんな風にごく普通に読み込む形でokです。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> mod_deflateが使えない環境をはじめ、かなり重宝し
Google Analytics で外部リンクもログる 2007-10-26-2 [WebTool][SEO] はてなの水野貴明氏による実践的な記事。 自サイトを訪れたユーザがどのリンクをクリックしたかを知るためのTips。 - JavaScriptを利用してGoogle Analyticsを賢く活用する http://markezine.jp/a/article/aid/1959.aspx 基本は analytics の js で提供されている関数。この関数をaタグにonclickでを仕掛けるとどこの外部リンクをたどったかのログが取れるそうです。 <a href="/page_b" onclick="urchinTracker('/_click/page_a/link_1');"> いちいち入れなくても、自動的にやってくれる JS ライブラリも紹介されていました。 - Google An
最近ガジェットの種類も増えて、ますます便利になってきた iGoogle 。実は JavaScript 開発にもけっこう使えます。 Google Gadget Editor と適当なリファレンス検索系のガジェットなどを組み合わせれば、ちょっとした JavaScript 統合開発環境に早変わり。 iGoogle ガジェットなら任意サーバーへの GET リクエストなども可能で、ちょっとした実験に最適です。 そんな便利な Google Gadget Editor ですが、欠点もあります。簡単な JavaScript を実行するだけでも iGoogle ガジェットを作らなければいけませんし、なんといっても Opera で動きません(´Д`; というわけで、ブラウザに依存せず、 iGoogle ガジェット以外の開発にも便利な JavaScript Console ガジェットを作ってみました。すぐ下に貼
はてなダイアリー日記 - 自分のはてなダイアリーにブログパーツを設置できるようになりました これはいいね! さっそく googleガジェットを使って、(対応外の)すきなブログパーツとかを色々貼ってみよう! まずは下のようなテキストファイルをつくって、文字コードをutf-8で保存…! <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="ここにパーツ名かこうね!"> </ModulePrefs> <Content type="html"> <![CDATA[ (ここにブログパーツ貼り付けコード) ]]> </Content> </Module> たとえばtwitterのブログパーツ(badge)を貼るのなら、ファイル名を「twitter.xml」とかにしておいて、 このファイルをどこかのサーバーにアップロード
2007年03月26日16:00 カテゴリAnnouncementLightweight Languages javascript+CSS - google-code-prettifyの導入 google-code-prettifyを本blogでも導入しました。 google-code-prettify - Google Code ex: 404 Blog Not Found:CGIの神話と現実 404 Blog Not Found:たらいを回すならHaskell cf: 404 Hatena::Diary not Found - [Hatena::Diary] スーパーpre記法のテスト ここでは、Livedoor Blogでの具体的な導入法を解説します。 必要なファイルの入手とインストール 以下のファイルを入手して、アクセスできるようにしておきます。 http://google-cod
AI New AI Feature Drop: Opera One Developer gets a new Aria access point and now... March 14th, 2024 In this week’s AI Feature Drop, early adopters using the Developer stream of Opera One can test using the Aria... AI, Opera for Android Opera for Android 81 now comes with Ask Aria and Aria Voice features for improved... March 13th, 2024 Opera for Android 81 introduces Ask Aria and Aria Voice, enha
※ 百式管理人注:この記事、Simple*Simpleのテーマである「Smart Designs」のテーマからは逸れますが、うちの学生インターンくんが自主的に書いてくれました。こういう前向きな姿勢は高く評価したいので掲載してしまいます。いやぁ、最近の学生さんはみんな優秀だなぁ・・・。 あなたのブログでも導入しているかもしれないGoogle AdsenseとAnalytics。 » Track Google AdSense Clicks via Google Analytics – Free AdSense Tracker : SEO Book.com ではAnalyticsを利用してAdsenseのクリックを詳細に追跡する方法を紹介している。 「どのエントリーでクリック数が多いのか?」「どこから来たユーザーのクリック率が高いのか?」などAdsenseのレポート機能ではわからないことも完全で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く