There's no denying it: good web design is hard. However, if you follow some simple design principles — principles that...
jQueryでページ内リンクをスムーズに移動(ページトップへ等)するものを作ろうと思いいろいろ調べていたら、いいページを見つけたので早速試してみました。 We Ain’t Seen Nothin’ Yet. : [Rails meets jQuery] jQueryで作るページ内目次とスムーススクロール 上記の記事では「Interface.js」を利用しているようなのですが、動作させるコードを読んでいるとInterface.jsをどこで使っているかわからなかったので、jQueryだけで動作確認すると、とりあへず動きました。jQueryの古いバージョンでは「scrollTop」がjQuery自体に含まれていなかったのかもしれませんが、最近jQueryをいじり始めたため詳しいことはわかりません…。 ということでコードはほぼそのまま利用させていただき、スクロール動作だけを変更しています。 使用フ
Note: April 7th, 09'. Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead. Also fixes scroll animation not working in Opera. Description: If your pages are long winded, it's a good idea to provide viewers with an easy way to quickly/ automatically scroll back to the top of the page. That's where this script comes in. It displays a stationary co
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
Youtubeの動画URLやvidからサムネイルを簡単に取得できるjQueryプラグイン「jYouTube」 2009年07月09日- JQuery HowTo: jYouTube - jQuery YouTube Thumbnail plugin. Gets any YouTube video’s image/thumbnail Youtubeの動画URLやvidからサムネイルを簡単に取得できるjQueryプラグイン「jYouTube」。 Youtube動画にリンクする際に、サムネイルがあったほうが分かりやすいですが、 「http://www.youtube.com/watch?v=1MUILAkkumg」 や、「1MUILAkkumg」といったパラメータを渡すことで簡単にサムネイルURLに変換できるプラグインがあるようです。 以下がサンプルコード。 <html> <script typ
いまや持っているのが当たり前になったiPod関連商品のUIをまねしてみましょう。 以前、「iPhone」風UIを実現するJavascript「iUI.js」でも紹介したUIをjQueryのプラグインjQTouchで実現可能になりました。 ※iPhoneやSafari 4 beta、WebKit搭載ブラウザなどでしか、きちんと動作しません。 sponsors 使用方法 jQTouchからファイル一式をダウロードします。 <style type="text/css" media="screen">@import "jqtouch.css";</style> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jqtouch.min.js"></scr
jQueryクライアントとPHPサーバ間をJSONで結ぶには:jQueryで学ぶ簡単で効果的なAjaxの使い方(3)(1/3 ページ) いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ/プロデューサーも必見! jQueryで、オペレータにクリエイティブな時間を 今回は、前回の「目的を持ってAjaxを使うためにjQueryの文法を知ろう」で使ったテキスト入力を効率化させるプラグイン「jQuery Autocomplete Mod(オートコンプリートプラグイン)」を、自分の手でさらに使いやすくする方法を学んでいきます。ユーザビリティを高めて業務効率化をアップするサンプルを通じて、JavaScript/AjaxによるJSON形式のデータのやり取りの仕方を学びましょう。 検索サイトの検索キーワード
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.
書評サイトやDVDレビューサイトなど、特定の商品を紹介するWebサイトを運営しているなら一度は検討したいのが、アフィリエイト広告の掲載です。個別の商品を紹介しているページからショッピングサイトに当該商品ページへアフィリエイトリンクを張れば、ユーザー(読者)は商品をすぐに購入できるようになり、サイト運営者はその分の報酬(紹介手数料)を手にできます。 たとえば、多くの映画ファンが集うコミュニティサイト「映画生活」では、すでにDVDになっている映画作品のページにAmazon.co.jpと楽天ブックスへのアフィリエイトリンクを設置しています。今回は、この映画生活のサイトと同様に、サンプルの書評サイトにアフィリエイトリンクを付けてみます。 今回のお手本サイト:『映画生活』 ユーザーによるレビュー、掲示板などのコミュニティ機能に強みを持つ総合映画情報サイト。1999年に個人サイトからスタートし、200
はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と
さて、ちょっといろいろ調べていて、RSSティッカーを実装しました!! Evernoteで使われているティッカーですね。実装したくなり調べていたんですが、MITライセンスのJavascriptだということがわかり、使わせてもらいました。 RSSがふわっふわっとフェードイン・アウトしながらローテーションします。RSSティッカーの中でも最高にかっこいいのでは。 それでは実装方法をご紹介。 ■HTML <div id="ticker"><!–空のままにしておく。ここにRSSが書き出される。–></div> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="rsswidget.js"></script> <script type="text/javascript">
twitter facebook hatena google pocket ファイルをアップロードするとき1つずつでは手間がかかります。 また、アップロードしてもらう時には、指定のファイル拡張子以外送ってもらいたくありません。 Multiple File Upload plugin for jQueryは複数かつ拡張子を指定してアップロードさせるjavascriptです。 sponsors 使用方法 Multiple File Upload plugin for jQueryからjquery.MultiFile.jsをjQueryからjquery.jsをダウンロードします。 <script src="http://yourdomian/jquery.js" type="text/javascript"></script> <script src="http://yourdomian/jqu
"/> jQuery Multimedia Portfolio multi-format carousel for jQuery mercredi 21 novembre 2007 Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3). <link rel="stylesheet" href="css/multimedia-portfolio.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.dimen
シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基本性能もしっかりと抑えられており、フォームエレメントへの表示、ツールチップ元の変更なども可能です。 ツールチップはcanvasで描かれており、画像は必要ありません。 対応ブラウザはIE6.x+, Fx3.x, Op8+, Safari3.xとのことで、canvas非対応ブラウザにはExplorerCanvasが使用されています。また、IE6のz-indexへの対応にbgiframe、ホバー処理にhoverIntentが使用されています。 ※Chrome 1, Fx2で
Ultra versatile slider for websites 色々使えそうな、かっこよくアニメーションするスライダー実装JSライブラリ。 ウィジェット風に設置できそうなJSライブラリが紹介されています。 デモページ 次のように、divで大きく囲って中身にリストを定義して、リスト内をスライドさせるという、他の多くのライブラリで同じように実装されているようになっていて使いやすい。 <div id="slider-stage"> <ul id="myList"> <li >Box 1</li> <li >Box 2</li> <li >Box 3</li> <li >Box 4</li> <li >Box 5</li> <li >Box 6</li> </ul> </div> 次へ、前へリンクも<a>タグにidをふるだけみたいです。 <div id="slider-buttons">
I am right now writing a lot of tutorials for a massive online training course on web development. One of my main annoyances is that you need to maintain the demo code in two sections: the source code itself and the articles you put it in. Furthermore you also need to encode HTML entities add line numbers and highlight parts of the code. Normally I'd do that with a PHP solution, but for this cours
Webページに掲載する面倒な表(テーブル)の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML(Tableタグ)に変換するExcelアドイン「XLS2HTMLTable」を紹介した(関連記事)。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル(カンマ区切りテキスト)を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く