Build Team Together デザインの知見とグローバルな開発体制を強みに、 貴社のDXを戦略設計から運用まで一貫してサポートします。
※編集部注:jQueryプラグイン「vanity」は既にサービスを終了しています。 お疲れ様です、ももこです。 今回はタブやツールチップ等、ちょっとした動きをつけるのに便利で超軽量なjQqueryプラグイン「vanity」をご紹介します。 jSlider – スライダー ナビとページ遷移のついた基本的なスライダー、速度やイージングも調整がききます。 jTabs – タブ コンテンツの切り替えによく使われるタブ。簡単にアニメーションがつけられるのが個人的に気に入りました! jPaginate – ページネーション ブログで大活躍するページネーション、オプションを細かく設定すればイイ感じに使えそうです。 jSpotlight – スポットライト 選択した要素以外を目立たせなくするスポットライト。タイトルが下からひょこっと出てくるのも良いですね! 他にも…… 以下のツールを含め、7つの機能が使用
以下のPHP(+Javascript)ではどうでしょうか? まず初めにPHP側のUTC時刻とブラウザ側のローカル時刻の差で補正を行うようにしています。 このため、サーバ側の時刻と同じになります。 --------------------------------- <html> <body> <?php ?> <div id="Japan"></div> <div id="Gmt"></div> <div id="local1"></div> <div id="local2"></div> <script language="JavaScript"> <!--- var t = new Date(); var sTime = '<?php echo time().'000'; ?>'; var cTime = sTime - t.getTime(); var oJp; var oGmt; v
日付や時刻を扱うには、new ステートメントを使用して日付オブジェクトを作成します。日付を設定する場合には、日付を表す文字列( "1973.12.24","Jan 16 1975"など)を引数として()内に指定します。省略すると、現在の日付に設定されます。 getFullYear: 2005 などの4桁の西暦を返します。バージョン3.0以前のブラウザには対応していません。西暦を表すメソッドにはgetYear もありますが、これは西暦から 1900 を引いた値( 2005年なら"105")を返します。 getMonth:実際の月よりも 1小さい値( 1月なら"0"、2月なら"1"を返しますので、表示の際には 1加える必要があります。 getDay:日曜日なら"0"、月曜日なら"1"、土曜日なら"6"というふうに 0 から 6 の数値で返します。曜日の文字列をあらかじめ配列に設定し、このインデ
jQueryのAjax機能を使って、外部のPHPファイルの自動取得を試したいと思って作ったものです。まだAjax慣れしてないので、記述が若干間違っているかもしれません。 ↑こんなものを作ります。 PHPファイルで生成した時刻をAjaxで取得し、定期的に取得させてリアルタイム性を持たせるようにします。 index.html, getDate.php, style.css, jquery-1.4.3.min.jsの4ファイルで構成されています。 getDate.php YYYY MM DD, HH:MM:SSのフォーマットで文字列を出力します。 <?php $datenow = date('Y M d, G:i:s'); echo $datenow; ?> style.css ボックスが一つと、読込み用ボックスが一つしかないページなので、比較的シンプルです。 body, div, dl, dt
WEBデザイナーとして日々感じたこと、思ったこと。 写真、絵、デザイン、WEB、インタラクションなことがらについて。 フットサル/サッカーの話題なども。 【久しぶりにjQueryプラグインで面白いものに出会えた感じ。jqfloat、jmpress.js、rcarouselが特にいい感じのような気がしました。】 ●[JS]jQueryのプラグイン33+1選 -2012年4月 | コリス コリスさんのjQueryプラグインのまとめ記事を拝見していていい感じだと思ったプラグインをご紹介~。 どれも印象深いものだったのですが、特にこれから紹介する3つがいい感じでした。 ●jqfloat 様々な要素を動かせるプラグイン。 サンプルだとcss spriteを使って背景表示をしていますが、imgタグなど他の要素でも動作OKでした。 動く範囲、位置などCSSで制御。動いている時間のコントロールなどはJSで
Carousel Examples Carousel takes simple HTML- and CSS-only carousels and progressively enhances them with features such as page lists, scrolling, class-toggling, timers, timer offsets as well as touch and keyboard events. By following a basic HTML pattern and using some basic CSS, your carousels will also work, to a degree, without JavaScript enabled. Grab or fork the code from abitgone's jQuery P
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く