Hello, I wrote this code for fun in two afternoons, the first afternoon was a Solar system demo. If you like this code, want to help out or get ahold of me, my site is willJessup.com
CSS3 Media Queries 下記は各ポイントを意訳したものです。 はじめに CSS2のMedia typesではscreen, printなどのように特定のメディア用のスタイルシートを設定することができました。CSS3ではクエリを加えることで、さらに効率的にスタイルシートを使用できます。 Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。 Media Queriesの使い方 まずは、デモページをみてください。 ブラウザのサイズを変更すると、スタイルが変更されます。
jQuery 1.2 以降だと scrollTop(と scrollLeft)という疑似スタイルが利用できるようになったので,jQuery UI を使わずとも,jQuery Core 本体だけでページ内スクロールができるようになりました。 たとえば, <html> <body> <p> blah, blah, blah, ... blah, blah, blah, ... </p> <p> <a href="#" id="link_to_top">ページの先頭へ</a> </p> </body> </html> このような HTML で「ページの先頭へ」というリンクをクリックしたときに,スムーズにスクロールしたいのなら, $(function () { if (! $.browser.safari) { $('#link_to_top').click(function () { $(thi
SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ変な日本語にならないよう心がけたつもりですが、訳に間違えがありましたら容赦願います。 2010年1月17日 by Jacob Gube 退屈な数値データを美麗かつインタラクティブに解り易く可視化するためのJavaScriptライブラリは数多くあります。通常はHTMLテーブルで表現するデータを、JavaScriptを使って可視化し美しく見せる事ができればあなたのデータはアクセシビリティーの優れたものとなるでしょう。私は2008年にデータのグラフ化&チャート化のためのJavaScriptを書き上げましたが、今回再び単なるデータに生命を
jQuery Cycle Pluginの使用方法をご紹介します。 jQuery Cycle Pluginは様々な効果でスライドショーを簡単に実装できるjQueryライブラリです。 公式サイト ※ このライブラリは、jQueryが別途必要です。 目次 ダウンロードと設置 JavaScriptの読み込み 適用方法 オプションの設定 ページネーションの設置方法 オプション 効果一覧 ダウンロードと設置 こちらからダウンロードします。 ダウンロードしたJavaScriptファイルを任意の場所に設置します。 JavaScriptの読み込み 任意の場所に設置したjQueryとjQuery Cycle PluginのJavaScriptファイルを読み込みます。 パスは環境に応じて変更してください。 HTML <script src="js/jquery.min.js" type="text/javasc
以前JavaScriptでツールチップの導入がはやった時期がありました(いきなり過去形ですが)。マウスをリンクや画像の上などに乗せると出てくる小さなポップアップのようなあれです。 手軽にユーザビリティを向上させられるツールチップの需要は案外高く、その上簡単なスクリプトで作れることから、いろんなタイプのツールチップが数年前から公開されています。 今回はデザイン的になかなかクールなclueTipというツールチップを見つけたので、紹介してみます。 また、これはjQueryのプラグインなので使用するページでjQueryライブラリを読み込んでおく必要があります。ただ、同時にjQuery UIの膨大なテーマを利用することを考えており、 何がデザイン的にふさわしい組み合わせかサンプルを踏まえながら見ていく予定です。 ここにカーソルを合わせてみてください。 長いので目次付き 導入に必要なもの (1)jQu
2025.06« 12345678910111213141516171819202122232425262728293031 »2025.08 データの件数やページング処理を行ってみたいと思います。 $this->paginate = array( 'limit' => 10, 'order' => array('Model.created' => 'desc'), ); $this->set('data', $this->paginate()); $this->paginate = array( 'page' =>, //初期状態で表示されるページ 'conditions' =>, //取得条件 'fields' =>, //取得するフィールド名 'sort' =>, //ソートキーとなるフィールド 'limit' =>, //表示する項目数 'direction' =>, //並び順
ワザワザブログにブックマークに登録するボタンを設置しなくとも、SBM各サービスでツールバーにブックマーク登録ボタンを設置して簡単にブックマークできる機能(ブックマークレット)を提供しているため、今更必要ないかもしれないが、Bloggerのブログに各ソーシャルブックマークサービスのブックマーク登録ボタンを設置する方法を紹介します。 有名ドコロは抑えたつもりですが、『reddit』など、Iconをそのまま持ってくるのは如何なものか?というサービスは割合しました。 参考までに、どうしても『reddit』のIconが欲しい場合はここ。 『reddit』のブックマークボタン設置方法はここで。 Bloggerに設置する場合、こんな感じになります。 <a expr:'"http://reddit.com/submit?url=" + data:post.url + "&am
CSS3 (image-less) Glowing Login Form (inspired by Dragon Labs). Webkit browsers recommended. Use Firefox 4 to see the fallback animation. * Disclaimer: This is meant as a CSS3 tech demo, not a best practices tutorial. Author(s) Kayla Martin (kayla.rose.martin@gmail.com & http://gemdash.com) Download You can download this project in either zip or tar formats. You can also clone the project with Git
Heading 1 This is the content of the first tab. Select second tab Select third panel by ID
Internet, Medienproduktion, Programmierung, E-Learning
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く