【レビュー】Webページレイアウトを「Bamboo」で記述する - クロスWebブラウザの対処法 (1) 複数のWebブラウザに対応したWebページを「Bamboo」で作る (MYCOMジャーナル)
複数のWebブラウザに対応したWebページをどう作るか 複数のWebブラウザに対応したWebページを作成する場合、どのような方法があるだろうか。例えば、デザインはすべてCSSで記述して、ブラウザごとの違いを調節するための処理はJavaScriptで行うという方法がある。これは経験と実力が必要になる方法だが、有効ではある。 また、Webページのレイアウトだけを「Bamboo」を用いて記述するという方法もある。ここでは、このBambooについて解説を行う。 Bambooの概要 「Bamboo」は、複数のブラウザに対応したWebページのレイアウトを行うためのフレームワークである。レイアウト情報を「Bambooレイアウト言語」と呼ばれる言語でXML文書として記述し、それを元に、実際にレイアウト処理を行うためのJavaScriptのコードを生成して使うという仕組みになっている。 また、「Bamboo
画像カーソル位置をズームインできるライブラリ「tjpzoom.js」:phpspot開発日誌
valid.tjp.hu - tjpzoom.js 2.0 - JavaScript / CSS / DOM image magnifier As you may have realized, this is a tool that brings images closer. This is the new version of my script, tjpzoom. 画像カーソル位置をズームインできるライブラリ「tjpzoom.js」。 次のように、カーソル位置の画像をズームできます。 知っておけば、ウォーリーを探せ風の簡単なゲームを作ったり、サイトのキャンペーンとしての面白い１要素として使えそう。 設置方法は簡単で、まず、次のようにスクリプトを読み込みます。 <script type="text/javascript" src="http://valid.tjp.hu/zoom2/tj
w2box - Web 2.0 File Repository for PHP | labs.beffa.org
Web 2.0 File Repository is a ultra simple php file repository script with upload and delete possibility.What is It? This is a simple php script which allow you to upload and download files. There isn't any complex user management because it aims more for private file repository use. It as direct file deletion using AJAX, instant table sort using a self modified version of sorttable.js and finally
DojoベースのAjaxスプレッドシート登場 - これぞDojoの実力発揮! (MYCOMジャーナル)
Marius Hanganu氏は25日(ルーマニア時間)、Dojoをベースにして作成したスプレッドシートウィジェットを公開した。公開されたスプレドシートウィジェットはDojo toolkit 0.3.1をベースに構築されており、スプレッドシートに必要となる最低限の機能を提供している。 公開されたスプレッドシートウィジェットにおいて提供されている主な機能は次のとおり。 ToolbarおよびTabContainerウィジェットをベースに作成 キーボードによるセルナビゲーションの実現 カラムと行のリサイズに対応 セル選択、カラム選択、行選択に対応 フォント選択、フォントサイズ、フォントスタイル、フォント前後色設定に対応 シートの追加・削除に対応 関数に対応(数値関数22、文字列関数6) 公開されたウィジェットは開発版という位置づけにあり、いくつかのバグを含んでいる。試験はFirefoxとIEによ
Ajax+PHP+MySQLな投票ウィジェット:phpspot開発日誌
Masuga Design 実Unobtrusive AJAX Star Rating Bar This is a rating bar script done with PHP and mySQL that allows users to rate things like can be done on Netflix or Amazon, all web 2.0-like with no page refresh. Ajax+MySQL+PHPな投票ウィジェット。 次のようなWeb2.0風のレーティングバーを簡単に実装できます。 必要なphpファイルをインクルードしておけば、たった一行、次のように書くだけでレーティングバーを実装できるようです。 （JavaScriptとCSSのファイルも使用するHTML内でインクルードする必要があります。) <?php rating_bar('2',5)
( ；＾ω＾)＜へいわぼけ: FLASHのサイトは見やすいし内容が分かりやすいし好感が持てる
1： 株価【4930】 ゴーストライター(長屋) 2007/08/27(月) 22:54:50 ID:MPPUwXXWP アイ・エム・ジェイのグループ会社、IMJモバイルは8月27日、「FLASHの携帯サ イトに関する調査」を実施、結果を発表した。 調査によると、HTMLサイトの印象は「見やすい（62％）」が最も高く、次いで 「サイトの内容がわかりやすい（61％）」、「操作しやすい（57％）」となり、全般 的に操作性に関して良いイメージを持っていることが分かった。 一方、FLASHのサイトの印象は「見やすい（74％）」が最も高く、次いで「好感 が持てる（72％）」、「サイトの内容が分かりやすい（59％）」となり、全般的にデ ザインに関して良いイメージを持っていることが分かった。 また、HTMLサイトとFLASHサイトのどちらが良いかを比較したところ、「情報を 見つけやすい」や「スム
PHPとAjaxでクールなRatingバーを使う:phpspot開発日誌
AJAX_RATING 特定のコンテンツを、訪問者に評価してもらう仕組みを実装している場合、どのように実装しているでしょうか？ AJAX_RATINGを使えば、直感的に分かりやすいインタフェースかつ、少ない操作でレーティングの機能をサイトに実装することが出来ます。 表示イメージは次のような感じで、１クリックで１０段階評価が可能。クリックするとページ遷移なしに即座にレーティングが再計算されます。 かなりお手軽なので、これまで見た評価システムよりも優秀だと感じました。 ちなみに画像ファイルは分かれているので自由にイメージは変えられるようです。 これは使えますね。
PHPで書かれたCoolなweb2.0風ファイルアップローダー:phpspot開発日誌
w2box - Web 2.0 File Repository for PHP | labs.beffa.org This is a simple php script which allow you to upload and download files. There isn't any complex user management because it aims more for private file repository use. PHPで書かれたweb2.0風なカッコいいファイルアップローダー。 スクリプトをダウンロードしてサーバーで自由に使えます。 何がWeb2.0的かというと、次の点。 -アップロードプログレスメーターが付く(一部Perlスクリプト使用) -Ajaxで簡単にファイルを削除 -デザイン(重要) このデザインが気に入りました。
滑らかに開閉するメニューのサンプル
以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやって... 以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやってみたのが今回紹介するメニューのサンプル。 マウスオン / オフすると、隠れているサブメニューが滑らかに閉じたり開いたりします。クリックで開いたり、折りたたまれたりするメニューはよくありますが、それに無駄なエフェクトを施した版といったところ。 実際に動作しているサンプルはこちら。マウスオン / オフで滑らかに開閉しちゃいます。 さて、今回の材料は、 JavaScript ファイル 3種 本メニューの HTML ソース 本メニュー用 CSS の追加 JavaScript
【レビュー】Widgetという考え方が登場した「Adobe Spry framework for Ajax 1.2」 | クリエイティブ | マイコミジャーナル
アクセシビリティも考慮しているというSpry Widget Model Adobe Systemsのデザイナー向けAjaxフレームワーク、「Spry framework for Ajax」(beta)の最新バージョンバージョン1.2が13日(米国時間)、同社の「Adobe Labs」にて公開された。順調にバージョンアップを重ねているが、これまでは、デザインツールを提供するAdobeが作っているにもかかわらず、XMLの処理といったある意味「地味」な機能が多かったといえる。今回のバージョン1.2では、UIコントロールが「Widget」として切り分けられており、設定が分かりやすくなっている。 バージョン1.2では、SpryAccordion.jsがwidgets/accordionフォルダに移動している。以前のバージョン1.1では、demos/includesフォルダの中にあったものだ。一見す
MochiKit
Bubblegum Dungeon – the long-awaited series of BDSM in fantasy world full of colors and rainbows. We finally leave the deep dark dungeons and bring the genre to the mainstream. Dealing with demanding clients isn’t always easy but these female realtors found their way to please and the most importantly to SEAL THE DEAL. Girls Only Porn – it’s time to discover the women’s perspective on fun times. W
さらばプルダウン！ 地図で入力できるWebフォーム
ネットショップや会員制サイトを利用する際にいつも面倒だなと感じていることがある。会員登録や配送先を指定するフォーム画面にある、都道府県名の入力欄だ。 よくあるのが、プルダウンで都道府県名を選ぶ形式だが、これはなかなかのストレスだ。5～6項目ならともかく、47もの選択項目、それも似たような漢字3文字の中から、注意深く狙いを定めなければならない。運悪く1日に何度もこの作業が発生するとうんざりする。 そうした、「HTMLフォームでの都道府県名の選択」に特化した新発想のJavaScriptライブラリが登場している。CogniTom Academic Design作の「jsmap」がそれだ。jsmapをHTMLフォームに組み込むと、プルダウンで選択する代わりに、地図をマウスでクリックすることで都道府県名を入力できるようになる。 地図とはいっても、ご覧のようにいい意味でざっくりとしたデザインで、非常に
Online Generators | Developer's Toolbox | Smashing Magazine
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/wrapscroll_05b.html
AjaxベースのPHPを使ったグリッドコンポーネント:phpspot開発日誌
Ajax PHP Smarty script.aculo.usなデータグリッドコンポーネント:phpspot開発日誌