jsScrollingAlso check out a new version of this script. It's faster and has prettier code, but you can't hack it as much. jsScrolling v2
Accordion v1.0 Demo
Мостбет сайтМостбет сайт — это молодой ресурс, который идет семимильными шагами к достижению наивысшего качества. Число пользователей которые посещают сайт растет с каждым днем и большое количество задумывается о том, чтобы создать профиль и начать делать ставки. Эта статья предназначена для тех кто еще раздумывает или просто не знает как начать потому что еще не имеет опыта с этим видом онлайн ра
スライドショーが可能なイメージギャラリー作成ライブラリまとめ:phpspot開発日誌
Awesome enough Slide Shows developed using jQuery, Ajax, Prototype.js, Ext.js, Lightbox JS, Mootools, YUI…..at Developer Snippets Hi Folks out there, Hmm…. I am back again with some useful stuff where you guys can enjoy ? I came up with some awesome slide shows which the web world is using. スライドショーが可能なイメージギャラリー作成ライブラリまとめ。 ということでスライドショーの仕組みも色々あるものですね。 JonDesign’s SmoothGallery LightBox 2 ThickBox 3
JavaScriptで複雑なURLをパースできるライブラリ「parseUri」:phpspot開発日誌
parseUri 1.2: Split URLs in JavaScript I've just updated parseUri. If you haven't seen the older version (the last official release was v0.1), parseUri is a function which splits any well-formed URI into its parts, all of which are optional. JavaScriptで複雑なURLをパースできるライブラリ「parseUri」 「http://usr:pwd@www.test.com:81/dir/dir.2/index.htm?q1=0&&test1&test2=value#top」のようなURLを次のように分解することが出来ます。 複雑なURLもきちんと分
ドラッグ＆ドロップAjaxの遊べるライブラリ６個*ホームページを作る人のネタ帳
なにかと面白そうなAjaxの中から、ドラッグ＆ドロップでちょっと素敵なアクセサリーにもなるプログラムのご紹介。 特に、iGoogleのようなRSS配信形のページは面白そうですね。 iGoogleのようなRSS集合体のAjax Demoページ あのiGoogleのようなシステム運営が出来る。RSSの読み込みも可能なAjaxです。 ページの一部を動かすAjax Demoページ ページの一部を移動させてどうなるのとか言われても困りますが、ネタとして覚えておいて損はないかも？ ドラッグ＆ドロップページ Demoページ iGoogleのように動かせるもの。 イメージギャラリー＆HTMLギャラリーをドラッグ 商用利用の場合は29ドルだが、非営利の場合は無料で使える。 時間のドラッグ＆ドロップ タイムラインをドラッグして時間をずらし、そのときにあったものをさらにリンク表示させるもの。 画像拡大虫眼鏡 F
伸縮するアコーディオン風UI実装ライブラリ集:phpspot開発日誌
10 different styles of Accordion’s (Using Ajax, JavaScript, DHTML…)at Developer Snippets Hi developers here I am back again with some useful stuff. I had a thought of how to represent lot of stuff in a constant space area in a webpage 伸縮するアコーディオン風UI実装ライブラリ集。 YourHead Accordion Ext Accordion MooTools Menu Accordion Example with Mootools Accordion Example Accordion Demo 伸び縮みするので少ないスペースで実装することが出来、なめら
ブログでも使える画像をポラロイド風にさせるJavaScript『Instant.js』
↑上のような画像群を、JavaScriptスクリプトで制御して このようにポラロイド写真風に表示させる事が出来る代物。 このブログでも試してみたけどとりあえず導入できるようで、画像の編集などあまりしないようなブログの方にはいいかもしれない。 写真の加工が素敵 このように色々と加工が可能です。 instant.jsのダウンロードは以下サイトで。 http://www.netzgesta.de/instant/ このライブラリを使用するページのmetaタグ部の下に <script type="text/javascript" src="instant.js"></script> という感じでJavaScriptを呼び出し、指定されたclassをイメージ画像につけたします。 上のロゴの加工サンプルは以下に <img class="instant itiltright" style="positi
そのへんにぺろっと貼ってあるgreasemonkeyスクリプトにインストールボタンを付けるgreasemonkeyスクリプト - 2007-06-21 - いぬビーム
こんな風に日記に貼ってあるだけのスクリプトに ↓ こんなボタンが付きます。 http://yagi.xrea.jp/2007/06/pastedscriptinstaller.user.js バグがあるのでこっちを使うといいよ 今のところはてダ/はてグ/ますだ限定。
ソースがシンプルなJSによるロールオーバー｜CSS HappyLife
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。（あ、音声ブラウザを配慮したらという場合です） さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
JavaScriptの巧い書き方 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎！ 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
MacOSXデザインのウィンドウをWEBで表現するAjax導入方法*ホームページを作る人のネタ帳
今回はMacのウィンドウをあなたのサイトに導入してみよう。 prototype.jsを使ったウィンドウを作るためのJavaScript。 まず必要なファイルや導入方法は以下に書いてある。 http://prototype-window.xilinus.com/ ところが、英語が苦手な人なら間違いなく導入を敬遠してしまうのではないかと思うほど、ダウンロードしたファイルがわかりにくい。 ダウンロードしてみると色々なサンプル、デモがありますが、今回はそこからさらにわかりやすいように分解してみようかと思います。 サンプルを見る 著者で発行されているAjaxファイルの中にあるサンプルで、わかりやすいものをまず使ってみましょう。ためしに私のサーバーでアップしてみました。 サンプルデモ 個人的に、ウィンドウの位置をクッキーで覚えさせているところがすごいポイント高いと思っています。 背景黒のボタンがOSX
Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…
AJAX calls do not cover updates from the server, which are needed for the modern real-time and collaborative web. PubSub (as in “publish and subscribe”) is an established messaging pattern that achieves this. In this article, Alexander Gödde will look at precisely how PubSub solves the updating problem, and he’ll look at one particular solution (the WAMP protocol) that integrates both the calling
Webアプリケーションを作る前に知るべき10の脆弱性 ― ＠IT
Webアプリケーションが攻撃者に付け込まれる脆弱性の多くは、設計者や開発者のレベルで排除することができます。実装に忙しい方も、最近よく狙われる脆弱性のトップ10を知ることで手っ取り早く概要を知り、開発の際にその存在を意識してセキュアなWebアプリケーションにしていただければ幸いです。 Webの世界を脅かす脆弱性を順位付け OWASP（Open Web Application Security Project）は、主にWebアプリケーションのセキュリティ向上を目的としたコミュニティで、そこでの調査や開発の成果物を誰でも利用できるように公開しています。 その中の「OWASP Top Ten Project」というプロジェクトでは、年に1回Webアプリケーションの脆弱性トップ10を掲載しています。2004年版は日本語を含む各国語版が提供されていますが、2007年版は現在のところ英語版のみが提供さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/accordion_js
IEでアルファチャンネルPNGを表示する （iepngfix.htc） - youmos
Sexy Sliding Menu for script.aculo.us at Andrew Sellick
sidebar mootools
ウインドウの横に隠れるサイドナビゲーションJavaScript （side-bar.js） - youmos
Site Temporarily Unavailable
textareaをたった一行のコードで拡張してくれる『WMD-editor』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
