地域密着型ブログ≪じげ風呂（じげブロ）≫鳥取県・島根県・岡山県の地域活性化・田舎暮らしブログポータル。
2022/09/22 11:55 ペンションあすか さん修繕工事 小さな村の設備屋さんのブログ 2022/09/22 11:53 ★『あとまわしにしない「生活設計」』まちづくり広場【oil】編集委員会 Forest*book~本の森 2022/09/22 11:28 A low-power GPS jammer blocks call within 30 feet Here you can find your own jammer 2022/09/22 11:23 それはそれでつまらない みらくる☆ロックンロール 2022/09/22 10:34 彼岸花 志保屋～番頭のつぶやき～2 2022/09/22 09:12 坂町事件！ きつねのしっぽ 2022/09/22 07:46 卵のお話 minoriの日記 2022/09/22 06:53 新庄不動滝 フォト撮り県 2022/09/22 0
複数のRSSをまとめるCGIスクリプト - アキラのＩＴメモ
本サイトはいくつかのブログから構成されているため、複数のブログのRSSをまとめて、さらに時系列順に並べてくれるCGIが欲しかったのですが、先のエントリで設置したjsRSS++では一つのRSSを読み込んでその内容を表示することしかできませんでした。そこで、複数のRSSを読み込むタイプのCGIがないか探していたのですが、扱いやすそうなものが見当たりませんでした。それなら、RSSを結合するCGIがないのかなと思い調べたのですが、これまたあまり良いのが見つからず、結局、自分で書くことにしました。 調べたところ、FeedPPというPerlモジュールがあり、それを使えば簡単にRSSを扱うことが出来るようです。FeddPP.pmとTreePP.pmをそれぞれダウンロードして、XML/ディレクトリ以下に設置、その後RSSをまとめて時系列順に並べるCGIスクリプトを書きました。スクリプトを以下に示します。見
スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
ちゃぶ台メモ - Flashとjavascriptでクッキー（Cookie）を扱う
最近仕事でイントロムービーがあるFlashを作ったのですが ・1回目に見ときはイントロムービーが流れるように ・2回目以降はイントロムービーは流れずにスキップ ・ブラウザを終了させてもう一度開いたら、またイントロムービーが見れるように という要望がありました。 まあ良くありがちな要望なのですが、今回それをブラウザのクッキーを使って判定させようと思って『flash クッキー』などで検索したのですが、Flash版のクッキーであるSharedObjectに関する記事ばっかり引っかかって、なかなかそのものずばりのページにいきつかなかったので、メモとして残しておくことにします。 （昔はFlashでクッキー扱う記事よく見たような気がするんですが。今はFlashでクッキーみたいなの使いたいときはSharedObeject使えば良いということなんでしょうか。そもそもイントロムービーがあるようなFlashも
JavaScriptでCSSを切り替えて文字サイズを変更する。 World of granshe.
ごぶさたしています。 アルバイトと年賀状書きが忙しく、まったく更新できませんでした。 話は変わりますが、以前アルバイト先で 「最近、文字の大きさを画面上のボタンで切り替えられるサイトがあるよね。あれできる？」 と聞かれたことがありました。 結局、時間と労力のなさから実装しないこととなったのですが、 後々の自分のために色々と調べてようやくつくることができたのでメモ。 正常動作環境：Windows OS Firefox, Safari, Opera, Necscape, GoogleChrome, IE7 準動作環境（オンマウスでの色変更なし）：IE6, IE5.0 確認不可：IE5.5 詳しくはHTMLで説明しているので見てください。 １．制作前準備 A list apartの記事の下部にあるDownload styleswitcher.jsをクリックして、ファイルをダウンロード。 さらに、
JavaScriptツール&ライブラリ50選 | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing Editoria氏がSmashing Magazineにおいて50 Fresh JavaScript Tools That Will Improve Your Workflowのタイトルで50のJavaScriptに関連したツールやライブラリを紹介している(実際には51)。RIA開発においてJavaScriptは重要な地位を占めつつあり、適切な開発ツールやライブラリ、フレームワーク、プラグインを選択することは、迅速で効果的な開発を実現するために欠かせない。紹介されているツールやライブラリは次のとおり。 JavaScriptツール FireUnit (Firebug向けJavaScrip
30 Ajax Lightboxから使えそうなものを9個ピックアップ
通称『 Lightbox 』のまとめ記事ですね。 jQuery、prototypeの両方をカバーしている記事で、非常にボリュームのあるエントリーがあったのでご紹介。 使い易いLightbox Lightboxって何？っという人がいたらまぁ以下の画像をクリックしてもらえればわかります。 （携帯ユーザーのアクセスが最近多いですが、携帯では確認出来ません） とりあえずページを全て読み込んでからでないとJavaScript動かないようにしてるので、このブログのページを全て読み込んでからクリックしてみてくださいませ。 こんな感じでちょっとコジャレた味のある演出効果が得られるスクリプトですね。 興味のある人は試して見ると良いかもしれない。 １）Lightbox2 Lightbox系という一つのジャンルを生み出した最もオーソドックスなタイプ。 prototype.jsが必要になります。 ２）Lightb
ページ内の画像のダウンロードを超簡単に制限できる「dwImageProtector for jQuery」:phpspot開発日誌
ページ内の画像のダウンロードを超簡単に制限できる「dwImageProtector for jQuery」 2009年06月15日- dwImageProtector Plugin for jQuery ページ内の画像のダウンロードを超簡単に制限できる「dwImageProtector for jQuery」。 Flickr などで導入されていますが、右クリックしてダウンロードしようとすると、元画像ではなくダミーの画像のダウンロードが開始する、という仕組みを簡単に実現するためのjQueryプラグインです。 ダウンロードしようとすると、ダウンロード開始するものの、ダミー画像(blank.gif)がターゲットになります。 単純に、元画像にダミー画像(blank.gif)を被せているというハックなのですが、画像の右クリックダウンロードを抑制したい方には便利に使えます。 以下のようなケースで保存す
ページをめくるエフェクトのまとめ「5 Extremely Simple Ways To Add Page Curl To Your Website」
ページの右端がめくれかかっていて、マウスオーバーするとページに隠されていたメッセージなり、コンテンツが出てくる手法がたまに見かけますが、今日はそういった手法を実装できる方法をまとめたエントリー「5 Extremely Simple Ways To Add Page Curl To Your Website」を紹介したいと思います。 simple-page-peel-effect-with-jquery-css 全部で5つの方法が紹介されていましたので、それぞれ紹介したいと思います。 詳しくは以下 ■sexy-curls-jquery-plugin ■jquery-page-peel-12 ■pcandweb-page-peel-for-wordpress ■wordpress-page-peel-plugin RSSや広告など特に見せたい部分注目させたい部分を埋め込むことが多いみたいです。
[JS]jQueryのプラグイン33+1選 -2009年6月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Image Rotator スタイリッシュな画像ギャラリー。 GalleryView インターフェイスが豊富な画像ギャラリー。 Sl
Animated Menus Using jQuery � ShopDev Website Design Blog
I recently stumbled upon Dragon Interactive (dragoninteractive.com). It’s a pretty well designed site. However, the pièce de résistance is their rather cool animated menu. Now… had this been designed in Adobe Flash, I wouldn’t had paid much attention. A closer inspection revealed that the menu is plain XHTML, CSS and Javascript. Today, I’m going to show you how to create an animated menu (ve
1.3 KBの軽量アコーディオンJavaScript「JavaScript Accordion」
昨今はJavaScriptライブラリが広まり、いろいろなことが簡単にできるようになりました。 一方で余計な機能がついて重くなるものもあります。 今回はわずか1.3KBと軽量のアコーディオン「JavaScript Accordion」を紹介します。 sponsors 使用方法 JavaScript Accordionからscript.jsをダウロードします。 導入は簡単で下記を記述すれば完了です。 <dl class="accordion" id="slider"> <!-- アコーディオン1 --> <dt>タイトル1</dt> <dd>内容1</dd> <!-- アコーディオン2 --> <dt>タイトル2</dt> <dd>内容2</dd> </dl> <script type="text/javascript"> var acc=new accordion.slider("acc")
jQuery File Tree
Search the Notebook Recent Notebook EntriesPopular EntriesjQuery File TreejQuery Context Menu PluginjQuery MultiSelectjQuery Right-click PluginExternal Popup Links Using jQueryRelated EntriesjQuery Context Menu PluginParsing a JSON String Results in an ‘Invalid Label’ Error Determine the Parent Directory of a Path in PHP$.getPOST() for jQueryUsing json_encode() and json_decode() in PHP4 Archives
Slide out and drawer effect | jQuery for Designers - Tutorials and screencasts
Posted on 6th January 2008 — John Resig, author of jQuery demonstrated how easy is create this simple slide aka drawer aka accordion effect during @media Ajax 2007 – it also makes for a great introduction to jQuery. Earlier: Using Ajax to Validate Forms Next: jQuery Tabs The effect is commonly known as an ‘accordion’ and it’s usually used to slide up, or down blocks of content to expose new blocks
Modal Windows In Modern Web Design — Smashing Magazine
Web design is essentially the organization of information into a readable, usable, functional and accessible format. Good organization of content is crucial, and you need a strong layout that you can build a website upon. You can use numerous interface elements and structures to organize content, such as jQuery-based content sliders and modal windows, which are basically windows that float above t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
moto-mono.net
http://solidstate.jp/ContentsDisplay/accordion/script_130.html
スクロールアコーディオンメニュー(Cookie付き) | notizblock