Yahoo!、Ajaxライブラリ「YUI 3.11.0」を公開
米Yahoo!は、Ajaxライブラリの新版「YUI 3.11.0」を公開した。処理性能向上を目指し、AttributeとBaseに変更を加えた。 米Yahoo!は2013年7月16日、Ajaxライブラリの新版「YUI（Yahoo! UI Library） 3.11.0」を公開した。Webサイトからダウンロードできる。YUIのブログによると、新版ではバージョン3.10.0に引き続いて処理性能向上を目指し、AttributeとBaseに変更を加えた。プレビュー版の3.11.0pr1に存在していたバグは修正されている。 新機能として、データを複数のページに分割して表示する「Paginator」と「DataTable Paginator」を加えた。Paginatorは、例えば複数の写真をスライドショー形式で自動的に切り替えて表示できる。軽量かつ柔軟性の高い設計を採用し、サーバサイドでもクライアント
jmblog.jp – YUI の CSS Fonts を使う場合は SCSS を利用すると管理しやすいよ
YUI 3のCSS Fontsを使っている場合のフォントサイズ対応表をCSSのコメントに書いておくと便利ですよね :: 5509 というエントリーを見て、最近 CSS Fonts を SCSS で管理するようになってすごく楽になったので、ご紹介。 _fonts.scss といったような名前で次のような mixin を追加した SCSS ファイルを用意します。 これを style.scss などで include して使います。こんな感じ。 @import "fonts"; header { h1 { @include font_15; } } これをコンパイルすると、次のような style.css が生成されます。 /* YUI Fonts.css Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code lice
YUI Docの紹介 | Ajaxサンプル開発者ブログ
Yahoo! UIのデベロッパーツールの1つ、YUI Docの紹介です。 YUI DocはPythonで書かれた、JavaScriptのAPIドキュメントを生成するアプリケーションです。 JavaDocやJSDocを書いたことがある方ならすぐにイメージできると思いますが、 のようなコメントを解析してHTMLファイルを生成するアレです。 ちなみに、Yahoo! UIのAPIドキュメントもYUI Docで作成されているようです。 YUI Docを利用するためにはPythonはもちろんのこと、以下のライブラリが必要になります。 setuptools Pygments SimpleJSON Cheetah なお、setuptoolsをインストールしてeasy_installコマンドが使えるようになれば、 の3つのコマンドを実行すれば残りのライブラリもインストールされます。 環境が整ったら、ダウ
jQueryとYUI3のコード変換テーブルリファレンス:phpspot開発日誌
jQuery - YUI3 Rosetta Stone jQuery1.4.2とYUI3のコード変換テーブルリファレンスが公開されています。 YUI3ユーザの方がjQueryに移行する場合や、jQueryユーザがYUI3で書かなければいけないような場合に参考にできるコード変換のリファレンスです。 なかなかビッシリとまとまっており、いざという時のために知っておいても良いかもしれませんね。 関連エントリ Javascript/Ajaxのチートシート集 各JavaScript圧縮ツールでその圧縮率を比較 オンラインでYUI Compressorを使ったJavaScriptファイル圧縮「YUI Online Compressor」
YUI 2: Reset CSS
YUI Reset CSS The foundational YUI Reset CSS file removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions. Note: YUI Base CSS (introduced in version 2.3.0) can compliment Reset by applying a style foundation for common HTML elements that i
Yahoo! UI Library 3（YUI3）の基本
「Yahoo! User Interface Library Ver.3」（YUI3）はYahoo!が開発した、Webのページを作成するための汎用ツールライブラリーです。オープンソースで無償で提供されており、アニメーション効果やドラッグ＆ドロップ、データ取得やイベントの応答など、多岐にわたる機能がサポートされています。今回はまずYUI3の全体像を紹介します。 はじめに Yahoo!は、米国時間9月29日に「Yahoo! User Interface Library Ver.3」（YUI3）をリリースしました。YUI3はJavaScriptやCSS（Cascading Style Sheet）で書かれた、Ajaxライブラリーです。 Yahoo!は今まで、インターネットによる情報提供のためのさまざまなツールを作成してきました。開発したツールの中でも、Webのページを作成するのに汎用的に使えるツ
どこよりも早い「Yahoo! UI Library 3」(YUI 3)入門 (1/5)
最新のライブラリーやJavaScriptの新しい活用法を紹介する「JavaScriptラボ」。今回は、9月末にリリースされたばかりの「YUI 3（Yahoo! UI Library Version 3）」を取り上げます。 Yahoo! UI Libraryとは？ 「Yahoo! UI Library」（以降、YUI）はその名の通り、ユーザーインターフェース周りを得意とする米ヤフー製のAjaxライブラリーです。YUIは、Ajaxが普及し始めた2005年に登場し、面倒なUI周りを簡単に処理できることから次第に普及していきました。実は、以前取り上げたAjaxフレームワーク「Ext JS」も、もともとはYUIの機能拡張(Extension)として生まれたものです。 YUIはタブパネルやスライダー、ドラッグ＆ドロップ、アニメーション機能など、他のライブラリーやフレームワークを凌ぐ充実したUI部品と豊
YUI 3 — Yahoo! User Interface Library
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
YUI Library :: Downloads
Re: RTE and modal panel Dav Glass Jul 17th RTE and modal panel John Tajima Jul 17th Re: Button with manually created menu looks good but no menu Larry Kluger Jul 17th Re: Button with manually created menu looks good but no menu Larry Kluger Jul 17th Re: Button with manually created menu looks good but no menu Larry Kluger Jul 17th In the Wild for July 17, 2009 Eric Miraglia Jul 17th July 27 Bayjax
Yahoo!UIの基礎まとめ [Javascript] All About
Yahoo!UIの基礎まとめAll about内で取り上げたYUI関連の記事とサンプルへのリンクをまとめて紹介します。 Yahoo! User Interface Library(YUI)は、Yahoo!が提供するJavaScriptライブラリで、Ajaxを含めたDHTMLのテクニックを使用することで、リッチで対話的なウェブアプリケーションを簡単に作成するためのユーティリティやコントロール群です。 YUIのAPIは、このグローバルな唯一のオブジェクト「YAHOO」の下に、すべてのライブラリが配置されており、 YUIと組み合わせる自分のプログラム内のメンバー各名称とが、衝突するかもしれないという心配や労力を省略し、 安心して利用することができる構成になっています。 ここでは、All About内で取り上げたYUI関連の記事へのリンクをまとめて紹介します。 Ajax YUIライブラリを使う準備
![Yahoo!UIの基礎まとめ [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
Yahoo User Interface Library（YahooUI）に関する日本語ページ
The Yahoo! User Interface Library (YUI)【e】 今更ながらJavaScriptに興味を持ちまして、独学中であります。してYahooUIも参考にすることがあるのですが、やはり英語なので敷居が若干高いですよね。 というわけで、日本語でリファレンスを作ってくださっている方、応用例を紹介している方などのサイトをまとめておきました。 古旗さんの詳細な総合リファレンス Yahoo UI Library リファレンス【e】 古旗一浩さんがYahooUIの詳細なリファレンスを作成なさっています。サンプルコードも付いていて嬉しいですね。 hibomaさんによるYahoo! UI Librady の訳 まとめ hibomaのはてなダイアリー – Yahoo! UI Librady の訳 まとめ【e】 翻訳してくれるというのはとても助かります。とくに「hibomaのはてなダ
Yahoo User Interface(YUI）ベースのスライドショーを実装 - shoe-g.com 植山周志のぶっ飛びブログ
以前、自分が作ったZEN DISTROのサイトにYahooが提供している ライブラリーYahoo User Interface（YUI）を適用したという記事を書いた そのYUIをベースに画像のスライドショーをするというまた、素敵な機能を作った人がいるので これまたスライドショーの機能をZENのサイトに適用してみた ここからスライドショー見れますよ。 以前なら、このような画像のスライドショーとリンク先を変更するにはFLASHで作っていたが それがJavaScriptで実現できるようになったのはとても嬉しいね。 なんで嬉しいかって？ それは更新が簡単だからさ FLASHで作ると画像を後で変更したいときに、とても面倒なんだ。 専門知識がいろいろいるから、簡単にはできないんだ。 でも、JavaScriptとHTMLで作れると更新が非常に簡単!! しかも、ZENのサイトの場合は画像、画像のリンク先
Yahoo! UI データベースの内容をデータテーブルで表示する | Ajaxの覚え書き＠じゅえ
Ajaxの覚え書き＠じゅえ Ajaxを使って一味違ったホームページを作ってみませんか？ このサイトでは、Yahoo! User Interface Library、Ext JS、Dojo Toolkitなどの Ajaxライブラリを使ったAjaxのサンプル集を掲載しています。 データベースの内容をデータテーブルで表示するサンプルです。 このサンプルは、データベースおよびPHPの知識が必要になります。 サンプルでは、YAHOO.util.DataSourceクラスのコンストラクタの引数にデータベースアクセスを行うPHPを指定して、データベースの内容をJSONデータで取得するようにしています。 取得したデータをYAHOO.widget.DataTableクラスを使用してデータテーブルに表示しています。 このサンプルで表示しているデータは、日本郵便の郵便番号データのダウンロードサイトにある
YUI Testを使ったJavaScriptユニットテストのすすめ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、検索事業部の角田です。 私が担当しているプロジェクトではPHPUnitとSeleniumを使ってテストを行っています。そして、最近YUI TestというJavaScriptによるユニットテストライブラリを使い始め、JavaScriptのユニットテストがとてもいい感じに思えてきたのでご紹介します。 YUI Testは、Yahoo! Developer Networkにて公開されているYahoo! UI Libraryの数多くあるコンポーネントの中の一つです。その名の通り、JavaScriptのユニットテストを行うライブラリです。JavaによるJUnitやPHPによるPHPUnitを使ったことのある方であれば、すぐに使い方
YUI Grids BuilderのCSSをシェイプアップした·Object Oriented CSS MOONGIFT
CSSのフレームワークは既に多数登場している。レイアウトを簡単に決められるものや、ブラウザ互換性が高いレイアウトを簡単に構築できるとあって利用されるケースも増えている。だが、CSSは一度作成された後のリファクタリングがしづらく、肥大化しやすい傾向にある。 yahoo、gCalといったクラスがある 有名なCSSフレームワークであるYUI Grids Builderについてもそれは変わらず、シェイプアップする余地はあるようだ。 今回紹介するフリーウェアはObject Oriented CSS、YUI Grids Builderと互換性のあるCSSフレームワークだ。CSSなのでソースコードは公開されているがライセンスは明記されていなかったのでご注意いただきたい。 Object Oriented CSSは軽量なCSSフレームワークで、YUI Grids Builderと互換性の高い作りになっている
YUI最新版、CSSをオンザフライで変更するユーティリティ | エンタープライズ | マイコミジャーナル
YUI - Yahoo! User Interface Library The YUI development communityは18日(米国時間)、YUI (Yahoo! User Interface Library)の最新版となるYUI 2.7.0を公開した。YUIはYahoo!で開発されたAjax JavaScriptフレームワーク。さまざまなUIコンポーネントが用意されている。対応ブラウザチェックも充実しており、クロスブラウザ開発に活用できる。 YUI 2.7.0の主な特徴は次のとおり。 StyleSheet Utilityコンポーネントの導入 IE8サポートの改善 ベータ扱いから正式コンポーネントへ格上げ (Element、ProfilerViewer、Selector) コンポーネントの機能拡張 (Charts Enhancements、Dom Collection、Cont
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5とCSS3でアプリケーションを作れるYUIのライブラリ「Alloy UI」 | Web活メモ帳
Yahoo! UI Library 3で驚きのアニメーションを作成 (1/5)
http://youmos.com/news/yui_editor
Yahoo! UI Library
