MOONGIFT: » アジャイルUIプãƒãƒˆã‚¿ã‚¤ãƒ”ング「fluidIAã€:オープンソースを毎日紹介fluidIAã¯HTML/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。Webサイトを開発ã™ã‚‹éš›ã«ãƒ¢ãƒƒã‚¯ã‹ã‚‰å…¥ã‚‹ã®ã¯åŸºæœ¬ã 。テã‚ストã‹ã‚‰è€ƒãˆã¦ã„ã¦ã¯å„自ã®ä¸ã§æƒ³å®šã•ã‚Œã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒç•°ãªã£ã¦ã—ã¾ã†ã€‚é ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’書ã出ã™ã“ã¨ã§ã‚ˆã‚Šå…·ä½“çš„ã«ãªã‚‹ã¯ãšã 。 簡易的ã«ç”»é¢ã‚’定義ã™ã‚‹ デザインレベルã§ã¯ãªã„ãŒã€ç”»é¢ã®å‹•ãã‚’å«ã‚ã¦ç¢ºèªã™ã‚‹ã®ã«å½¹ç«‹ã¡ãã†ãªã®ãŒfluidIAã 。アジャイルå‘ã‘ã¨ã‚る通りã€ã‚·ãƒ³ãƒ—ルã«ã•ãã£ã¨æµã‚Œã‚’確èªã—ã¦é–‹ç™ºã«ã¨ã‚Šã‹ã‹ã‚‹ã‚ˆã†ãªã‚¹ãƒ”ード感ãŒå‡ºã›ãã†ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã 。 fluidIAã¯HTML/JavaScript（jQuery）ã§ä½œã‚‰ã‚Œã¦ã„る。オブジェクトã¨ãƒ†ã‚ストをé…ç½®ã—ã¦æœ€ä½Žé™å¿…è¦ãªæƒ…å ±ã‚’å®šç¾©ã™ã‚‹ã€‚ãã—ã¦æµã‚Œã‚’定義ã™ã‚‹æ©Ÿèƒ½ã‚’使ã£ã¦ã‚¹ãƒŠãƒƒãƒ—ショットã§ç”»é¢ã‚’固定化ã—ãŸã‚Šã€ãƒžã‚¦ã‚¹ã‚¯ãƒªãƒƒã‚¯ã‚’模ã—ãŸã‚Šå‡ºæ¥ã‚‹ã€‚ アクションを定義ã™ã‚‹ プレゼンモードã§ã¯å®šç¾©ã—ãŸæµã‚Œã«æ²¿ã£ã¦ç¢ºèªãŒé€²
JavaScriptãªã—ã§CSSã®ã¿ã§å®Ÿç¾ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ダウンã®ã‚µãƒ³ãƒ—ル:phpspot開発日誌
IBMãŒWebアプリケーションã®UIガイドラインã¨HTML/CSSã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’公開
Xlune::Blog
ウィンドウサイズを変ãˆã‚‹ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå†é…ç½®ã•ã‚Œã‚‹å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹æƒ…å ±ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
IDEA * IDEA
jQueryã‚„CSSを使ã£ãŸãƒŠãƒ“ゲーションメニュー300é¸ â€“ creamu
Scriptを使ã‚ãªã„CSSエフェクトã€Tipsã„ã‚ã„ã‚ - DesignWalker
[CSS]使ã„ã‚„ã™ã„スタイリッシュãªãƒ•ã‚©ãƒ¼ãƒ を実装ã™ã‚‹17ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« | コリス
オンラインã§é«˜æ€§èƒ½ãªCSSã®ãƒŠãƒ“ゲーションãŒä½œæˆã§ãã‚‹ -QuickMenu
AJAXを使ã£ãŸç´ 晴らã—ã„CSSフォームã®47ã®ã‚µãƒ³ãƒ—ル | コリス
セクシーã«å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼å®Ÿè£…JSライブラリ:phpspot開発日誌
サイトã®ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ページをCSSã¨JavaScriptã§åˆ†ã‹ã‚Šã‚„ã™ãツリー状ã«ã™ã‚‹ã€ŒSitemap Stylerã€:phpspot開発日誌
CSSデザインã•ã‚ŒãŸTextAreaサンプル:phpspot開発日誌
inputã®type=fileã‚’CSSã§ã‚¯ãƒ¼ãƒ«ã«ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ã‚µãƒ³ãƒ—ル:phpspot開発日誌
CSSデザインã§ãるスクãƒãƒ¼ãƒ«ãƒãƒ¼è¡¨ç¤ºJavaScript （fleXcroll） - youmos
CSSãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ブラウザã§ç°¡å˜æ§‹ç¯‰ã§ãる「Menu Builderã€:phpspot開発日誌
CSS Dock Menu
é¸æŠžä¸ã®INPUTè¦ç´ ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã—ã¦ãれるJavascriptライブラリ「Highlight active inputã€:phpspot開発日誌
終了ã„ãŸã—ã¾ã—ãŸã€‚
{{#tags}}- {{label}}
{{/tags}}