Responsible.js - スマートフォン向けにフルサイズ表示をシミュレート MOONGIFT
レスポンシブWebデザインは訪れたブラウザのウィンドウ幅によって見せるコンテンツを切り替えます。そのため、PCのブラウザであっても画面幅を縮めればスマートフォン用の見栄えをチェックすることができます。 しかし時によってはスマートフォンであってもPCブラウザ向けの表示でブラウジングしたい時があるはずです。そんな時に使えるのがResponsible.jsです。 Responsible.jsの使い方 まずは最初の表示。スマートフォンに最適化されています。 Toggle Desktopをクリックすると、フルサイズのブラウザ向け表示に切り替わります。 別なボタンを押せば、いつでもスマートフォン向けの表示に戻せるようになっています。スマートフォン向けとして情報を大幅に削ってしまっている場合、こうした表示切り替えは便利かも知れません。 iPhoneでも類似の機能がありますが、こちらは画面の再読み込みが不
データの編集やソート、ページングにも対応した軽量なデータグリッドを実装するスクリプト・「jsGrid」
jsGridはデータグリッドを実装する為の軽量スクリプトです。jQueryに依存しています。データテーブルのセル内のデータ編集やソート、ページングにも対応しています。スタイルコンポーネントのカスタマイズもし易いように設計したとの事。シンプルで良さ気です。ライセンスはMIT。 jsGrid動作サンプル
Google Analyticsで自分のページの解析結果がすぐにわかるGoogle公式Chrome拡張機能「Page Analytics (by Google)」
Google アナリティクスの直近1カ月におけるページビュー数・ユニークプレビュー数・そのページでの平均的な滞在時間・直帰率・離脱率などをウェブページを開くだけで自動的に表示してくれるようになるGoogle Chrome拡張機能が「Page Analytics (by Google)」です。わざわざGoogle アナリティクスにアクセスしなくてもボタン1つ押すだけで使えるようになっており、非常に便利そうだったので、実際に使ってみました。 Chrome ウェブストア - Page Analytics (by Google) https://chrome.google.com/webstore/detail/page-analytics-by-google/fnbdnhhicmebfgdgglcdacdapkcihcoh まずはウェブページにある「無料」というボタンをクリック。 「Page A
Renaysha PDF -
The Strangest Man is the Costa Biography Award-winning account of Paul Dirac, the famous physicist sometimes called the British Einstein. He was one of the. In The Strangest Man, Graham Farmelo tries to get under the skin of one Paul Dirac: The man who conjured laws of nature from pure thought. “The purest soul” is […] Avaliação da idade gestacional de recém-nascidos pré-termo através do exame ..
Wanted Fonts
U.S. DollarEuroBritish PoundCanadian DollarsAustralian DollarsIndian RupeesChina Yuan RMBMore Info →
Movable Typeの記事ページで直接編集できる「EntryEditorプラグイン」
Movable Typeの記事ページで直接編集できる「EntryEditorプラグイン」を公開します。 １．主な機能 Movable Type 6から提供されるDataAPIを利用して、記事ページ上で記事の各フィールドを編集できるようにします。 このプラグインは、コミュニティ機能を利用して開発した同様のプラグインをDataAPI用にリファクタリングしたものです。 コミュニティ機能を利用する場合、そもそもコミュニティブログやコミュニティ掲示板のテーマを元に作る必要がありますが、DataAPIはそういった制限がないので、通常のウェブサイトやブログでも管理画面にログインせずに記事の更新が可能になります。 プロトタイプで操作してみたものをYouTubeにアップしました。 評価用のベータ版を公開後、Movable Type 6のリリースとあわせて正式版をリリースする予定です。 ベータ版では既存フィー
[JS]CSSファイルに変更を加えてもリフレッシュ無しで反映させるスクリプト -CSSrefresh
CSSファイルに変更を加えてもページのリフレッシュ無しで変更を反映させるスクリプト（とブックマークレット）を紹介します。 CSSrefresh - automatically refresh CSS files [ad#ad-2] CSSrefreshは制作時に役立つスクリプトで、CSSファイルに変更を加えて保存すると、ページのリフレッシュ無しで変更を反映させます。 CSSrefreshの使い方 使い方は簡単で、2通りあります。 CSSrefreshをインクルードする 使用するページにCSSrefreshを外部スクリプトとして記述します。 <head> <link rel="stylesheet" type="text/css" href="css/site.css" /> <script type="text/javascript" src="js/cssrefresh.js"></sc
Movable Type 5のダイナミックパブリッシングでのページ分割について
Movable Type 5のダイナミックパブリッシングでのページ分割を紹介します。 １．ダイナミックパブリッシングによるページ分割について Movable Typeでは、バージョン4.2からのアーカイブテンプレートについて、ダイナミックパブリッシングでのページ分割機能を提供しています。 ダイナミックパブリッシングでのページ分割 ※詳細なテストを行っていない実験的機能なのでサポート対象外です。 ２．ページ分割方法 まず、「月別ブログ記事リスト」や「カテゴリ別ブログ記事リスト」などの「公開」オプションを「ダイナミック」に変更します。 次にブログ記事リストアーカイブテンプレートのMTEntriesタグに対し、limitモディファイアとoffsetモディファイアを設定し、limitモディファイアに1ページに表示したい記事数を設定、offsetモディファイアに「auto」を設定します。 例えば、5
設定も簡単・軽量(5KB)・シンプルな、Webサイトのフォントサイズを変更できるjQueryプラグイン・Font sizer
なかなか便利かもと思ったのでメモ。よくある、 フォントサイズを変更できるやつなんですけど、 設定が凄く楽で軽量なjQueryプラグインです。 導入も楽なので積極的にうまく入れて行きたい ですねー。正直使ってもらえるか分からない ものですけど、あれば誰かに役に立つかも 知れませんし。 軽量でシンプルなフォントサイザーです。クロスブラウザで動作してくれて細かい設定も簡単に出来ます。ライセンスはMITとGPLのデュアルライセンスとなっています。 これこれ。よく見かけますよね。多くの場合は小、中、大となっていますが、これはもっと細かい設定を簡単に行えます。ボタンは若干分かりにくいのでその辺は工夫してみてください。 設定を変えるプラグイン（jquery.fontSizer.js）を開いて20行目あたりの変数定義の部分です。 var defaults = { maxSize: 30, minSize:
サイトの使い方をその場でアニメーションしてチュートリアルさせられる凄いjQueryプラグイン「Embedded Help System」:phpspot開発日誌
サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「Embedded Help System」 2011年01月20日- Embedded Help System サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「Embedded Help System」。 これはかなり便利かもしれません。クリックすると、その場でマウスポインタが現れ、アニメーションと吹き出しでサイトの使い方を教えてくれちゃいます。 普通は、こうして次にああして、と文書での説明になりますが、これだとビジュアルに視覚的に分かるということで非常に分かりやすいものが作れますね。 デモページで左カラムの「How to...」の下にあるメニューをクリックで確認してみましょう。 更に、アニメーションだけではなく、ＵＩの上に、[ 1 ] [ 2 ] [
[JS]Canvasを使って、リアルタイムにヒートマップを描くスクリプト -real time heatmap
[JS]Canvasを使って、リアルタイムにヒートマップを描くスクリプト -real time heatmap real time heatmap デモ [ad#ad-2] デモの画像の上でマウスを動かすと、その動いた量に伴いカラーがブルー、グリーン、イエロー、レッドとマウスの移動し滞在した量をヒートマップとして生成します。ヒートマップのデータはエクスポートも可能です。 また、iPhoneのシングルタップもサポートしている、とのことです。 スクリプトはjQueryなどの他のスクリプトは依存せず、下記のようになります。 JavaScirpt /* Copyright (c) 2010, Patrick Wied. All rights reserved. Code licensed under the BSD License: http://patrick-wied.at/static/li
[JS]Twitterのツイートをブログやサイトに簡単に設置できるスクリプト -jTweetsAnywhere
Twitterでつぶやいたツイートをあなたのブログやサイトに簡単に設置できるjQueryのプラグインを紹介します。 jTweetsAnywhere デモページ [ad#ad-2] jTweetsAnywhereの設置は簡単で、数行のスクリプトで自分のブログやサイトにツイートを設置することができます。 jTweetsAnywhereの主な特長 指定したユーザー（複数可）のツイートを表示。 ユーザーのリストからツイートを表示。 Twitterの検索の結果を表示（パラメータは全対応）。 @Anywhereに対応。 エンドレススクロールを使ったページングをサポート。 自動更新でリアルタイムにツイートを表示。 ツイートボックスのカスタマイズが可能。 Follow me ボタンの設置が可能。 ネイティブのリツイートをサポート。 ユーザーのプロフィールを表示。 ツイート内のリンクを検出し、自動でリンク化
リアルタイム再構築プラグインMT5用プチバージョンアップ
リアルタイム再構築プラグイン（RealtimeRebuild)のMT5用を、若干バージョンアップしました。 バージョンアップ点 今回のバージョンでは、リアルタイム再構築するテンプレートを指定する際に、blog_idモディファイアでブログ（またはウェブサイト）のIDを指定できるようにしました。 以下のテンプレートタグで、blog_idモディファイアを指定することができます。 MTRealtimeRebuildLink MTRealtimeRebuildPHPLink MTRealtimeRebuildQueryParam インストール このプラグインは、以下からダウンロードすることができます。 RealtimeRebuild_1_71.zip ダウンロードしたファイルを解凍すると、「plugins」フォルダができます。 このフォルダを、Movable Typeのインストール先ディレクトリにア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube人気急上昇
好きなサイトのCSSを簡単にカスタマイズできる「Stylebot」 | ライフハッカー・ジャパン
YouTube人気急上昇
表示ページのスタイルシートをリアルタイムに変更するChromeの機能拡張 -Stylebot