HTML5 × CSS3 × jQuery – #20 文字をランダムでカシャカシャ動かしながらテキストを表示させるプラグインを作る
Dirty Markup [ad#ad-2] Dirty Markupはウェブ制作者がよく使う下記のツールをまとめたような感じです。 HTML Tidy CSS Tidy JS Beautify Dirty Markupの使い方は簡単で、右側にコードをペーストし、左側でHTML/CSS/JavaScriptを設定し「Clean」ボタンをクリックするだけです。
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
The Tiny Scrolling ページ内のリンクを、スムーズにスクロールする「Tiny Scrolling」というJavaScriptライブラリが公開されています。 サンプルはこちら。 ライセンスの表記がないため、ライブラリの使用には注意が必要ですが、コードも70行程度なので、そのまま使わなくても参考にして自分用に作ってもいいかも。
トップ>ダウンロード>One Line BBS Light One Line BBS Light Ver.1.20/1.21 現在、SSI版がVer.1.20、CGI版がVer.1.21です。 1行づつ書きこんで行く形の掲示板です。 気軽に書きこめるのが特徴です。 HTML埋め込みによって、トップページやCGなどの下に使用して、 感想などを書きこんでもらうのに最適な形になっています。 下のものはサンプルです。 御自由に書きこんで見てください。 Name: Color: Message: [an error occurred while processing this directive] 過去ログ表示 機能 ・一行掲示板 ・デザインにおけるスタイルシートの使用設定 ・IPアドレス・ホスト名をソースに表示 ・クッキー対応 荒らし対策 ・許可するタグを設定することが可能 ダウンロード CGI版
JavaScript を用いてエントリータイトル等の文字をトリミング(指定した文字数だけ表示する)するカスタマイズです。 以前、「Movable Type のようなトリミングを、他のブログで実現できないでしょうか」というご質問の回答です。大変遅くなりましたが、このエントリーで回答に替えさせて頂きます。 ここでは文字数でトリミングする方法を紹介していますが、半角・全角が混在している場合のサイズを調整したい場合は、下記のエントリーを参照ください。 JavaScript で文字をトリミングする(改善版) とりあえず「id 属性名」と「要素名+ class 属性名」で指定したタグの中に記述された文字列をトリミングする、簡単な JavaScript を書いてみました。 Windows + IE6/Firefox 2 で実験した限りでは、全角・半角いずれも1文字で計算してトリミングしてくれるようですが
以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやって... 以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやってみたのが今回紹介するメニューのサンプル。 マウスオン / オフすると、隠れているサブメニューが滑らかに閉じたり開いたりします。クリックで開いたり、折りたたまれたりするメニューはよくありますが、それに無駄なエフェクトを施した版といったところ。 実際に動作しているサンプルはこちら。マウスオン / オフで滑らかに開閉しちゃいます。 さて、今回の材料は、 JavaScript ファイル 3種 本メニューの HTML ソース 本メニュー用 CSS の追加 JavaScript
http://clonedoppelganger.net/javascript/DateFormatter.html 使い方は <script type="text/javascript" src="./DateFormatter.js"></script>と読み込んでおいて var now = new Date(); alert( DateFormatter.format(now, "Y/m/d(J) H:i:s") );というようにやると 2006/12/03(日) 16:03:56と出力することができます。 フォーマットパターンはソースコードにも書いていますが、以下のものが出力可能です。format文字を通常の文字として扱いたい場合は、直前に#を付けることでエスケープすることが可能です。 format 文字 説明 Y 年。4桁。 y 年。2桁。 m 月。前ゼロあり。 n 月。前ゼロな
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
RSS Feed(フィード)をブログのサイドバー等に表示するテクニックです。方法は色々あるみたいですが、ここでは「Feed2JS」を利用した方法を紹介します。 Feed2JS はフリーのツールです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異なるドメインのRSSも利用することができ、表示方法もきめ細かい設定が可能で、単純なテキストとして取得することも可能です。 Feed2JS はサ
JavaScriptでのキーボードイベントの処理はブラウザによって違っていて、クロスブラウザで動作させるためには、それぞれのブラウザに合ったコードを実行し分ける必要があります。 JavaScriptでキーボードイベントを取得し、どのキーコードが押されたかを判別するサンプルを以下に示します。CtrlキーやShiftキーが押されたかどうかなどのチェック方法も併せて示しています。 このサンプルを活用することで、Webアプリケーションにショートカット機能をつけ、より使い勝手のよいWebアプリケーションを作成する手助けになるはずです。 以下、サンプル。 <html> <title>クロスブラウザでキーボードイベントを処理する方法</title> <!-- js コード --> <script type="text/javascript"> document.onkeydown = function(
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
独自デザインのSelectボックスを作成するJavaScriptライブラリ「Custom SelectBox」 2006年11月16日- Custom SelectBox (WebFX) This sample creates a selectbox that works almost identically to the 独自デザインのSelectボックスを作成するJavaScriptライブラリ「Custom SelectBox」。 <option> の中身にHTMLタグを指定することが出来るようです。 次のようなコードでこれが実現できます。 <html> <head> <link type="text/css" rel="STYLESHEET" href="classic.css"> <script type="text/javascript" src="fade.js"></scri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く