Bootstrapをもっと活用するためのカスタマイズツールやリソースのまとめTwitter Bootstrapをカスタマイズしたり、jQuery UI, jQuery Mobileで使ったり、PhotoshopやFireworkの素材として利用したり、WordPressのテーマなど、もっと活用するためのリソースをWeb Resources Depotから紹介します。 まずは、Twitter Bootstrapから。
Webサイトをgithubで管理してpush時に自動的に同期する方法 - Blog by Sadayuki Furuhashi
Webサーバに Subversion のサーバを立てておき、HTML や CSS を commit することでWebサイトを更新する方法は、良く知られているテクニック、らしいですね*1。更新の履歴を残すことができるし、ましてチマチマとFTPやsftpでアップロードするよりずっと簡単です。 しかし SVN の代わりに git を使おうとすると、pushしてもリポートリポジトリではファイルを更新してくれません。 また、リポジトリはWebサーバ上に作るよりも、便利な管理インタフェースがある github（や噂のgitosis）に置いておきたいところです。 そこで、github の Post-Receive Hook を使うと、リポジトリに変更を push すると同時に、Webサーバにも同期させることができます*2。 Webサーバに同期する前に、Sphinxでドキュメントを整形したり、SassをC
TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
Text Escaping and Unescaping in JavaScript(Unicode の文字列をエスケープする JavaScript)
Notes No data is sent to the server (i.e. everything is done in JavaScript). Conversion from Unicode to other encodings such as Shift_JIS can be slow first time as it needs to initialize internal conversion tables. Surrogate pairs in UTF-16 are supported. Try inserting \uD840\uDC0B in the second form. Three-byte characters in EUC-JP are not supported. Links JavaScript Unicode Charts Try GNU Libidn
[N] 「Google Analytics完全解説」著者から聞いた知らないと損しそうな5つのTips！
献本はしばしば頂くのですが、献本ついでに著者じきじきに浦和にやってきて「ネタフルでまだ使っていない機能を解説しますよ」とおっしゃるので、思わずお願いしてしまいました。 ということで「Google Analytics完全解説」という本日発売の解説本の著者のお一人から直々に「これは知っておくとお得だなぁ」というTipsを5つお聞きしました！ そんな使い方があるのか！ と驚いたので、ブログにまとめておきたいと思います。 ▼Google Analytics 完全解説 (大型本) 「デフォルト設定のまま使っていませんか？」というのがその主旨だったのですが「はい、デフォルトのままです」というのが、ぼくのGoogle Analyticsの使い方の現状でした。 そこで「より有効に使う五つのTips」というのを教えてもらうことになりました。 新しい機能を使う前に、古いトラッキングコードをブログに埋め込んであ
Google Analyticsで本当の直帰率を計測する方法
昨日、鷲見さんが『Google Analyticsの直帰率は評価の指標にならない』という記事を、寄稿してくれました。 Google Analyticsの直帰率は、純粋に１ページだけを見てサイトを離れたユーザーの割合を示しています。 鷲見さんが説明しているように、「直帰率が高い ＝ 悪いこと」とは限りません。 例えば、ブログにフォーカスしてみましょう。 ブログはその特性上、最新の記事だけ読んで、あとはそのブログから離脱するケースも少なくありません。 また、RSS などで更新ごとにブログに訪れるユーザーや、リピートの多いブログであれば、尚更その割合は多くなります。 まさしく、僕のブログにあてはまります。 僕のブログは、通常１日１記事の更新です。 RSSリーダーに登録して新着記事をチェックしたり、毎日お気に入りなどから直接アクセスしたりするユーザーが大勢いてくれます。 リピータになっているので、
OKWave | FAQ/お問合せ
「パートナーサイト」（※旧称「連携サイト」）とは、OKWaveが様々なサイトや企業と提携して運営しているサイトのことです。 OKWaveとパートナーサイトの質問と回答データは共通のデータベー スで管理されております。 そのため、投稿された質問はOKWaveや他のパートナーサイトでも表 示されるため、より多くの方から回答をいただける仕組みに なっています。 このように、OKWaveではパートナーサイトを増やすことにより、相互補助で支えられた助け合いの場を広げています。 ※一部のパートナーサイトでは、表示するカテゴリーを限定していますが、[カテゴリー一覧]をクリックしていただければ、全カテゴリーが表示されます。 ※ログインに関しましては、会員登録を行われた提携先のトップページより行っていただく必要があり、他パートナーサイトからのログインは行えないものとなります。詳しくはこちらをご覧くださ
Amazon アソシエイト・プログラム（アフィリエイト） 公式ブログ: リンクの動作確認ツール
アソシエイトの皆さん、こんにちは。 当プログラムでは、皆さんに作成していただいたリンクが正しく機能しているか確認できるツールの提供を開始しました。せっかく作成したリンクがきちんと動作しているのか心配な時には、ぜひお使いください。 リンク動作確認ツールはこちらからご利用いただけます。ページをスクロールすると、画面再下部に表示されています。リンクの動作確認ツールについてのヘルプページはこちらから。 ご利用手順 1． 動作確認ツールを開く。場所は アソシエイトセントラルホーム＞リンク/ウィジェット作成＞テキストリンク＞リンクの動作確認ツール です。 2． 「次に進む」ボタンをクリックすると、以下の画面に進みます。フィールドに動作を確認したいリンクURLを挿入します。リンクURLはあなたのWebサイト上にすでに掲載されているアソシエイトリンクのURLをコピーしてください。 たとえば、以下のブログの
スケジュールを複数人で共有するためにGoogleカレンダーのCalDAVプロトコルとSunbirdを使ってみる
GoogleカレンダーがCalDAV（カレンダー情報を共有するプロトコル）に対応したわけですが、この機能を使えば複数人でスケジュールを共有することが可能になるため、少人数のオフィスなどであればちょっとしたグループウェア代わりに使えるかも？ ということで、実際に設定してみました。 Sunbirdのインストールから実際の設定、使ってみた感想などは以下から。 Official Gmail Blog: Syncing your Google Calendar Get Started with CalDAV - Calendar Help Center 今回はWindows上で動かすので、ここからSunbirdをダウンロード クリックしてインストーラを実行 「次へ」をクリック 「使用許諾書に同意する」にチェックを入れて、「次へ」をクリック 「次へ」をクリック 「完了」をクリック Sunbirdが起動
ウノウラボ Unoh Labs: ニンテンドーDSブラウザーにあわせてサイトを作るときの軽い覚書
こんにちは。matsudaです。 以前、こちらでも紹介させていただきました犬・猫写真でカワイイか投票する「Cute or Not」ですが、これはもともとNintendoDSで遊べるように作っていました。DSブラウザはいまさらな感が否めないですが、上画面に写真・下画面に投票ボタンにして、タッチパネルでポチポチできて、暇つぶしにはもってこいな気がしたからです。 簡単にデザインできるだろう…とはじめは思っていましたが、実はそうでもなく、ちょっと苦戦したところがあったので、メモ程度に残しておきます。 ※以下、DSブラウザー特有の“縦長モード”での場合です。 ■画面のデザインは1画面：縦176px×横247pxNintendoDS の液晶は1画面192px×256pxになっています。そのうち上画面は上16pxがURL表示、下画面は下16pxが機能表示に利用されています。横幅はスクロールバー用に9px
DOCTYPE スイッチについての検証とまとめと一覧表 - hxxk.jp
DOCTYPE 宣言の種類によって、ブラウザのレンダリングが標準準拠モードになったり後方互換モードになったりすることを DOCTYPE スイッチと言います。 今回は要点だけ手短かに行きたいので詳しくは解説しませんが、 IE 6 だと DOCTYPE 宣言より前になんらかの文字 ( 記述が推奨される XML 宣言であっても ) があれば問答無用で後方互換モードになるバグがあるとか、まあよく聞く話題です。 標準準拠モードと後方互換モードでレンダリングにどんな違いが現れるかは Lucky bag::blog: xml宣言についてや !DOCTYPE スイッチが良いリソースなのでそちらをご覧下さい。 既存の DOCTYPE スイッチ一覧表に "?" ここ数日、この DOCTYPE スイッチについて調べていたのですが、書籍やサイトに書かれている情報と、実際に試してみた結果が少し違うんですよね。 ある
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
質問箱/2625 - PukiWiki-official