What Is Responsive Design? Responsive design refers to the concept of creating websites that automatically adapt and adjust their view, content, and design elements to be automatically suitable for different
The YUI team is pleased to announce YUI 3.0 Preview Release 1. This preview is an early look at what we're working on for the next generation of YUI Library. Please review the API, play with the examples, and read the documentation on this site for details; download YUI 3.0 PR1 on the YUI project area on SourceForge; you can find us with questions or comments on the YUI 3.x discussion group. Pleas
SliderWindow - resizable The webapplication messaging window that saves screenspace and ensures trouble free, efficient, unobtrusive communication with the user. It builds upon the marvellous YUI Javascript library. So first you need to dowload the YUI library and get familiar with it. However following the installation instructions below will be enough to have a well functioning sliderwindow. You
YUI - Yahoo! User Interface Library The YUI development communityは1日(米国時間)、YUI (Yahoo! User Interface Library)の最新版となるYUI 2.6.0を公開した。YUIはYahoo!で開発されたAjax JavaScriptフレームワーク。さまざまなUIコンポーネントが用意されており、対応ブラウザチェックも実施されているためクロスブラウザ開発に活用できる。 YUI 2.6.0は以前のバージョンと比較して450を超える問題が修正されているほか、機能拡張や最適化も実施されている。これまでベータ扱いだった8つのコンポーネント(Cookie、DataSource、Resize、YUI Loader、DataTable、Layout Manager、Rich Text Editor、Profiler
そんなライブラリを書きなぐってみました。 とりあえずこんなの。 id:phaに教えてもらって、Growlをインストールしたんです。そしたら、メッセージがかっこいいじゃないですか。っつことで、こんなのを作ってみました。 面白いことに、これで、JavaScriptのソースコードが52行。YAHOO UIを使ってますが、52行でこれが作れるJavaScriptがすばらしすぐる。 (function() { var Dom = YAHOO.util.Dom; var Event = YAHOO.util.Event; var Anim = YAHOO.util.Anim; NiceMessage = { addMessage: function(msg, option) { if (!option) option = {}; var width = Dom.getViewportWidth();
JavaScript によるタブの切り替え UI の実装というネタで言えば、以前にも 「JavaScript でタブ切り替え UI を実装する」 で紹介しました... JavaScript によるタブの切り替え UI の実装というネタで言えば、以前にも 「JavaScript でタブ切り替え UI を実装する」 で紹介しましたが、今回は、Yahoo! UI Library の中から、「TabView」 を使用してちょっとしたインターフェースを作ってみました。 実はサイトのリニューアルと合わせてオススメ書籍とか紹介するページを作って、そこで浅ましくアフィリエイトしようとか考えていたんですが、ただ商品を並べてもつまらないし、ちょっと変わった見せ方ができないものかということで考えた結果が、今回の TabView を使った見せ方。メモもかねて作り方を解説してみようと思います。長くなりそうなので何回
symfony + YUI = professional web 2.0 - Presentation Transcript symfony + yui = web 2.0 framework Dustin Whittle Social Search Group Introduction This session will cover rapid application development using the symfony + yui platform. Learn why YUI is the perfect compliment to symfony, and how it will make building web applications faster, simpler, and more compatible. What is the symfony project? F
去る8月10日、銀座のアップルストアにて「CSS Nite Vol.20」が開催された。 テーマは米ヤフーが無償で提供しているJavaScriptとCSSのライブラリ「Yahoo User Interface Library」。「YUI」の名で知られる、このライブラリに関して、米ヤフーのYUIチームエンジニアリングマネジャーであるエリック ミラグリア氏が来日して講演した。 編集部では、独自に日本語向けのYUI CSSに関する情報も入手したので、イベントの様子と併せてレポートしよう。 結論から言うと、YUIライブラリは非常によく作り込まれているので、どんなウェブサイト開発にも利用できる便利なもので、ぜひ使ってみてほしい。無償で利用できるうえに、利用条件としても、再配布時に著作権表示をするだけいい「BSDライセンス」で提供されているので、商用サイトで使う場合でも、ソースコードを公開する義務が生
結論、リロードして目視。orz 昨日、cssniteでYahoo UI Libraryチームの方が、講演をするというので、自分の原稿もそこそこに、アップルストア銀座に聴きに行ってきました。 YUIはちょこちょこと使っているので、講演自体には目新しさはなし。 質問タイムがあるというので、頑張って英語で2つ質問してみました。 一つは、「DataTableがちょっと遅いのが気になるけど、パフォーマンス改善する予定はあるか?」 答えは、「DataTableはまたβリリースなので今後改善する。パフォーマンスには常に気をつけている」とのことでした。これは正式版を楽しみにしていよう。 もう一つは、「JavaScriptライブラリを作るときに大変なのは複数でのブラウザのテストだけど、どうやってますか?ロジック部分はUnitTestが使えるけど、ビジュアル系の場合には使えないので、私はブラウザのリロードを繰
概要 TinyColorPicker.js は tiny なカラーピッカーです. ユーザーは,あらかじめ用意された数十色のパレットから色を選択することができます. このライブラリは Yahoo! User Interface Library(YUI) に依存しています. TinyColorPicker.js をダウンロード 使い方 1. js ファイルを読み込む <script type="text/javascript" src="http://yui.yahooapis.com/2.3.0/build/yahoo-dom-event/yahoo-dom-event.js"></script> <script type="text/javascript" src="http://yui.yahooapis.com/2.3.0/build/container/contain
Re:href="#" onclick の悪習[to-R]より たとえば <a href="#" onclick="ごにょごにょ">テキスト</a> みたいなのがあるとしたらそれは全部 <a id="test" href="xxx.html">テキスト</a> とidを割り当ててやってhrefにはJavaScriptOFFのユーザに対する適切なページへと遷移するようにさせる。 で、JavaScriptで YAHOO.example.clickText = function(e){ YAHOO.util.Event.stopEvent(e); alert('ここで何か処理'); }; YAHOO.util.Event.addListener("test", "click", YAHOO.example.clickText ); ってやってやればいいと思った。 href="javascript
The DataTable control provides a simple yet powerful API to display screen-reader accessible tabular data on a web page. Notable features include sortable columns, pagination, scrolling, row selection, resizeable columns, and inline editing. Note: The DataTable control is being released as a beta component. Please refer to the FAQ for what we mean by this designation. We look forward to your feedb
Selamat datang di situs terbaru dan terupdate hari ini, yang menyediakan game slot gampang menang Jackpot. Jika Anda ingin mendapatkan atau merasakan kemenangan jackpot terbesar dalam bermain slot online? Tentunya Anda sudah berada ditempat yang tepat, karena situs kami dapat memberikan pengalaman bermain yang spektakuler. Tidak hanya itu, Anda juga [...] Jika Anda masih mencari situs slot online
Yahoo! UI ライブラリを使って、テトリス(Yetris!)、15パズル、スペースインベーダー、ソリティアなどを作って公開しているKris Cieslakという人のインタビューが、Yahoo User Interface BLOGに出ていた。 それぞれのゲームについては、Javascriptでも昔からそれなりのものはあっただろうと思う。テトリスについては、何年も前にすごい方法で作ってた人もいるし。ソリティアがしたければWindowsについてるやつを起動すればいいでしょ、という話はある。まあ、これらの目的は技術力のデモ的なところがあるのだろう。 ライブラリを活用し、ゲーム本体のJavascriptファイルはどれも非常に小さい(10KBとか20KB)ところがこれらのデモの肝かなあと思う。 これで、Yahoo UIライブラリの各ファイルはYahooにあるものを呼べるようになったことをあわせ
Client-side changes to a web page's content and structure are not recorded by the browser's history engine. As a consequence, the navigation buttons (back/forward) we've learned to use as we traverse the World Wide Web of documents don't usually serve us well when we begin exploring the World Wide Web of applications. Bookmarking, too, is problematic in web applications, as the application can cha
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く