さまざまなタイプのスライドショーが簡単に設置できるスクリプト -Agile Carousel | コリス
一つ一つの完成度が高い、アニメーションを伴ったさまざまなタイプのスライドショーが簡単に設置できるjQueryのプラグインを紹介します。 Agile Carousel - Javascript Slideshow - Image Carousel [ad#ad-2] Agileは以前ちらっと紹介しましたが、つい最近バージョンアップしたので改めて紹介します。 以前のバージョンではjQuery UIも併用するタイプでした。 Agile Carouselには、下記のさまざまなタイプのスライドショーが用意されています。
フォトギャラリーサンプル集･JavaScript･Ajax･jQuery･cssを利用したPhoto Gallery sample
ここで公開されているフォト ギャラリー テンプレートを、ホームページを作成するときに利用すると より魅力的なWebサイトになります。ぜひ、ホームページ作成時に役立ててください。 ※ご利用になる際は、必ず利用規約をお読み下さい。 テンプレート利用規約 Tweet
Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！ - Web学び
2012年 6月 13日 新しいサーバーでブログをリニューアルして気がついた、SNSボタンの有無でかなり読み込み速度に差がある。といっても2,3秒ほどですが、これは結構命取りだったりします。 まぁ私もそんなに詳しいわけではないので断言できませんが。 ・訪問者はその数秒でサイトから逃げる ・Googleはその数秒を評価基準に入れる たしか遅延ロード(Lazy Load)とかいう技術ですね。 わりとポピュラーなコードで何とかなったので書いときます。 ピュアなJavaScriptではなく、jQuery使いますね。 方法その１ 時限式読み込み body閉じタグの前あたりに書きます。 . . . <div id="snsbox"></div> <script type="text/javascript"> var snscode = 'ここに、SNSのコードを書く' + '一行でつなげても良いが見に
CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
JavaScript/メッセージ/時間帯別メッセージ - TAG index
<html> <head> <title>TAG index Webサイト</title> </head> <body> <script type="text/javascript"> <!-- // 設定開始（メッセージの内容を設定してください） var msg1 = '<b>5:00 ～ 8:59</b> … おはようございます！'; // 時間帯1 var msg2 = '<b>9:00 ～ 11:59</b> … 午前中はやる気出ないです。。'; // 時間帯2 var msg3 = '<b>12:00 ～ 13:59</b> … お昼はもう食べた？'; // 時間帯3 var msg4 = '<b>14:00 ～ 17:59</b> … とりあえず午後も頑張りますか'; // 時間帯4 var msg5 = '<b>18:00 ～ 23:59</b> … 風呂入ったかー？'; /
Closure Compiler Service
// ==ClosureCompiler== // @compilation_level SIMPLE_OPTIMIZATIONS // @output_file_name default.js // ==/ClosureCompiler== // ADD YOUR CODE HERE function hello(name) { alert('Hello, ' + name); } hello('New user');
FCKeditor アーカイブ: 世界中の１％の人々へ
今日のMovabel Type：Google Chrome for WindowsでMT4.2をテスト 2008年9月 3日 14:32 ちょっと使ってみたけど、充分にエクセレントの評価ができる。 起動が速い 表示が速い 余計なツールバーがなく画面が広い このあたりが気に入っている。 ただしメモリ喰いだ。F... 投稿者: Dakiny 日時: 2008年9月 3日 14:32 | | | | パーマリンク | コメント(0) | トラックバック (0) 今日のMovable Type 4.2：FCKeditorを使ってMT4.1/4.2で簡単に画像を制御するカスタマイズ 2008年6月14日 04:56 顧客や上司に、写真をこんな感じに企業ブログで表示したいと頼まれたら、どのような解決方法があるだろうか？ 「image」に、「class」を設定して対応するというのが一般的だが
『高機能でカスタマイズも容易なWYSIWYGエディタ [CKEditor]』
CKEditor は、高機能でありながらもカスタマイズも可能で、ブログの書き込み画面のようなボタンによる編集を容易に実現できるWYSIWYGエディタです。 デモページ も同サイト内に公開されています。 WYSIWYGエディタは、数々公開されていたりしますがあまりにも多機能すぎるとアプリに適用した際に、ユーザーが使いこなせなかったり、複雑すぎるところからサポートが返って面倒になったりもします。 なので、提供される機能からさらに一部を公開したり、アプリの画面要件に沿ってうまく組み込めたり出来るものが無いかを探しているときに見つけました。 しかも日本語に対応してくれていますので、ボタンの説明（alt属性）がちゃんと日本語で表示されます。 また、フォーム要素（テキストボックスやラジオボタン、チェックボックスなど）を埋め込む機能もあるため、カスタマイズ次第ではCMSのアプリを作ることも可能かもしれま
![『高機能でカスタマイズも容易なWYSIWYGエディタ [CKEditor]』](https://cdn-ak-scissors.b.st-hatena.com/image/square/d870572cc1f6bb7afefc46722b77ccf165799944/height=288;version=1;width=512/https%3A%2F%2Fstat.ameba.jp%2Fuser_images%2F20100513%2F00%2Fitboy%2Fe2%2F1d%2Fj%2Fo0705058110538982160.jpg)
最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ | バニデザノート
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa
約700項目のHTML／スクリプト言語リファレンスを公開
日経LinuxとITproは、総計約700項目のHTML／スクリプト言語リファレンスを公開しました。「HTML」（295項目）、「CSS」（73項目）、「Dynamic HTML」（98項目）、「JavaScript」（295項目）、「Perl」（125項目）あわせて698項目。各項目にサンプルコードを掲載しており、コピーし貼り付けてすぐにお使いいただけます。JavaScriptは「この用例を実行する」という文字をクリックすれば、その場でサンプルコードを実行してみることもできます。 ファンレンスを使いこなすための記事や、「JavaScript入門」「Perlの使い方入門」「CSSの基本」「Linuxコマンド道場」「シェル・スクリプト工房」といった入門記事もご用意しました。 これらのリファレンスはここ2～3年かけて作成してきたものです。そのため一部に内容の古いものもありますが、順次更新してい
画像を同一画面に表示するjavascriptライブラリ Lightbox JS v2.0 - Webtech Walker
Home Archive 画像を同一画面に表示するjavascriptライブラリ Lightbox JS v2.0 画像を同一画面に表示するjavascriptライブラリ Lightbox JS v2.0 2007年03月15日 category:javascript Comment(2) Trackback(0) 画像を同一画面上に表示することができるjavascriptのライブラリ「Lightbox JS」ですが、最近では使用しているサイトを多く見かけるようになってきました。今回はLightbox JS v2.0の使い方をメモ程度に書いておきます。ダウンロードは下記サイトから。 Lightbox JS v2.0 まずダウンロードしたファイルを解凍して、解凍したフォルダをlightboxとかにリネームしてアップします。フォルダの中にはサンプルが入っていますので、動作確
JavaScript スタイルシートサンプル集
あの日は何曜日？？ new Date() Dateオブジェクト,getDay() メソッド 貴方は自分の誕生日や結婚記念日の曜日を知っていますか？ 知らない方が結構多いのではないのでしょうか.......さあ、調べてみましょう。 heteml 【ちょ～簡単設置】初心者でもすぐ使える、無料アクセス解析の決定版！ ロリポップ！のドメインは選べる全８５種類！！ ☆さくらのレンタルサーバ ビジネスプロ☆ サンプルソース <html> <head> <title>あの日は何曜日？？</title> <script language="JavaScript"> <!-- function getYobi(){ myY=document.getElementById("hogeY").value; //入力した年の値 取得 myM=document.getElementById("hogeM").val
日付を選択できるプルダウンで、今日の日付を自動的に表示させておきたいのですが、どうしたらよいでしょうか？どうぞ、よろしくご指導くださいませ... - Yahoo!知恵袋
日付を選択できるプルダウンで、 今日の日付を自動的に表示させておきたいのですが、どうしたらよいでしょうか？ どうぞ、よろしくご指導くださいませ。 日付を選択できるプルダウンで、 今日の日付を自動的に表示させておきたいのですが、どうしたらよいでしょうか？ どうぞ、よろしくご指導くださいませ。 <body> <select> <option value="2010">2010年</option> <option value="2011">2011年</option> <option value="2012">2012年</option> <option value="2013">2013年</option> </select> <select> <option value="01">1月</option> <option value="02">2月</option> <option value
日付選択のポップアップを今日の日付にしたい
ポップアップじゃなくってプルダウンじゃないですか？ とりあえずプルダウンの事だと思う事にして・・・・ 前提として、 <FORM NAME=MyForm> <SELECT name=year> 年プルダウン <SELECT name=mon> 月プルダウン <SELECT name=day> 日プルダウン としておきます。 <SCRIPT LANGUAGE='JavaScript'> <!-- da = new Date(); yy = da.getYear(); mm = da.getMonth() + 1; dd = da.getDate(); if (yy < 2000) { yy += 1900; } if (mm < 10) { mm = "0" + mm; } // １桁の月を２桁に 5 → 05 if (dd < 10) { dd = "0" + dd; } // １桁の日を２
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://solidstate.jp/ImageDisplay/gallery/script_125.html
http://digi-cyber.net/web-service-application/smartphone-access-balancing.html
CKEditor Japan プロジェクト日本語トップページ - OSDN
[JS]jQueryのプラグイン33+1選 -2011年8月
LightBoxの使い方とカスタマイズ方法 | CSS Lecture
http://blog.net-king.com/2010/10/06/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AB%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%81%99%E3%82%8B%E3%81%A8%E3%83%A1%E3%82%A4%E3%83%B3%E7%94%BB%E5%83%8F%E3%81%8C%E5%88%87/