css-lecture.com - css lecture リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
iframe ã‚’ iframe ã½ã見ã›ãªã„ jQuery プラグインを作ã£ã¦ã¿ãŸ - Cyokodog :: Diary
æ›´æ–°å±¥æ´ 2011-09-29 Ver 0.1.4 ã«æ›´æ–° jQuery 1.6.2 ã«å¯¾å¿œã—ã¾ã—㟠2010-06-10 Ver 0.1.3 ã«æ›´æ–° getTargets, getTarget ãƒ¡ã‚½ãƒƒãƒ‰ã‚’è¿½åŠ ã—ã¾ã—㟠2010-06-04 Ver 0.1.2 ã«æ›´æ–° IE6 ã§å®Ÿè¡Œæ™‚ã«ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã«ã‚ˆã‚Šè¡¨ç¤ºã•ã‚Œã¦ãŸã‚¨ãƒ©ãƒ¼è¦å‘Šã‚’ã€è¡¨ç¤ºã•ã‚Œãªã„よã†ã«ä¿®æ£ã—ã¾ã—ãŸã€‚ 2010-06-01 Ver 0.1.1 ã«æ›´æ–° IE ã§æ£å¸¸ã«å‹•ä½œã—ãªã„ä¸å…·åˆã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚ 社内アプリも Ajax 的㪠UI ãªã‚‚ã®ãŒå¢—ãˆã‚‹ã«ã¤ã‚Œã¦ã€ï¼‘ç”»é¢ã«ãŸãã•ã‚“ã®æ©Ÿèƒ½ã‚’è©°ã‚è¾¼ã¿ãŸã„ã¨ã„ã†è¦æœ›ã‚’å—ã‘る事ãŒå¤šããªã‚Šã¾ã—ãŸã€‚ç´ ç›´ã«ä½œã‚‹ã¨ãƒ—ãƒã‚°ãƒ©ãƒ も肥大化ã—ä¿å®ˆã‚‚大変ã«ãªã‚‹ã®ã§ã€æ©Ÿèƒ½å˜ä½ã«ç”»é¢ã‚’分ã‘ã¦ä½œæˆã—ã€ãã‚Œãžã‚Œã®ç”»é¢ã‚’ iframe ã§ï¼‘ã¤ã®ç”»é¢ã«èªã¿è¾¼ã‚€ã¨ã„ã£ãŸæ–¹æ³•ã§å¯¾å¿œã—ãŸã‚Šã—ã¦ã¾ã™ï¼ˆiGoogle çš„ãªæ„Ÿã˜ï¼‰ã€‚ ã
iPhoneã‚„iPadã«ã‚‚対応ã®ã€ãƒšãƒ¼ã‚¸ã‚’ã‚ãるよã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実装出æ¥ã‚‹jQueryプラグイン・FlipPage - ã‹ã¡ã³ã¨.net
é¢ç™½ãã†ãªã‚¢ã‚¤ãƒ‡ã‚¢ãŒç”Ÿã¾ã‚Œãã†ãªæ°—ãŒã—㦠ãªã‚“ã¨ãªãメモ。よãã‚るページã‚ãり㮠エフェクトを実装ã™ã‚‹jQueryプラグインã§ã€ iPadã‚„iPhoneã«ã‚‚対応ã—ã¦ã„ã‚‹ã®ã§å€‹äººçš„ ã«ã¯ã‚€ã—ã‚ã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å‘ã‘ã«ä½¿ã„ãŸã„ ã¨ã„ã†æ°—ã‚‚ã—ã¦ã„ã¾ã™ã€‚Androidç‰ã§ã‚‚使㈠るãã†ã§ã™ã‚ˆã€‚ フリック対応ãªã‚‰iPad用ã£ã¦è€ƒãˆã¦ã‚‚ã„ã„ã‹ã‚‚ã€ã¨ã‹æ€ã„ã¾ã—ãŸã€‚シンプルã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚‚ã‹ãªã‚Šæ¥½ã§ã™ã€‚ ã¡ã‚‡ã£ã¨åˆ†ã‹ã‚Šã«ãã„ã§ã™ã‘ã©ã‚ãã‚Œã¦ã‚‹ã‚“ã§ã™ã€‚divã§å›²ã£ãŸè¦ç´ ã”ã¨ã«ã‚ãã‚‹ã®ã§ç”»åƒã ã‘ã§ãªãã€ãƒ†ã‚ストã§ã‚‚何ã§ã‚‚出æ¥ã‚‹ã®ãŒç´ 敵。 実機ã§ãƒ†ã‚¹ãƒˆã—ã¾ã—ãŸãŒã€ç¢ºã‹ã«ãƒ•ãƒªãƒƒã‚¯ã§ã‚ãã‚‹ã“ã¨ãŒå¯èƒ½ã§ã—ãŸã€‚ãŒã€ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ãªè»½å¿«ãªå‹•ãã¯æœŸå¾…ã—ãªã„ã»ã†ãŒã„ã„ã§ã™ã‹ã。スパイス的ãªå½¹å‰²ã¨ã—ã¦ä½¿ã„ãŸã„ã¨ã“ã‚ã§ã™ã€‚ãã‚Œã‹ã€èª°ã‹æ”¹è‰¯ã—ã¦ï¼ 一応マウスã§ã‚‚æ“作ã§ãã‚‹ã®ã§ãŠè©¦ã—下ã•ã„。Result押ã›ã°ãƒ‡ãƒ¢ã‚’確èªå‡ºæ¥ã¾ã™
HTML5ã®Canvasã«ã‚ˆã£ã¦ç”»åƒåŠ å·¥ãŒå‡ºæ¥ã‚‹ã€ŒCamanJSã€:phpspot開発日誌
CamanJS - Image Manipulation in Javascript HTML5ã®Canvasã«ã‚ˆã£ã¦ç”»åƒåŠ å·¥ãŒå‡ºæ¥ã‚‹ã€ŒCamanJSã€ã€‚ ç”»åƒç·¨é›†ãƒ„ールã«ã‚ˆã£ã¦ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚„露光é‡ã‚’変ãˆãŸã‚Šã€ã‚¬ãƒ³ãƒžå€¤ã‚’変ãˆãŸã‚Šã¨ã„ã£ãŸå‡¦ç†ã§ç”»åƒã‚’åŠ å·¥ã§ãã¾ã™ãŒã€ã“ã®CamanJSを使ãˆã°ã€Canvasを使ã£ã¦JavaScriptã®ãƒ¡ã‚½ãƒƒãƒ‰ã§è‰²ã‚’変ãˆã‚‰ã‚Œã¾ã™ã€‚ ビフォア アフター 次ã®ã‚ˆã†ã«ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ãƒã‚§ãƒ¼ãƒ³ã•ã›ã‚‹ã“ã¨ã§ç”»åƒã‚’åŠ å·¥ã—ã¡ã‚ƒãˆã‚‹ãƒ„ールã§ã™ã€‚ ã“ã‚“ãªã“ã¨ã‚‚出æ¥ã‚‹ã®ã‹ã€ã¨ã„ã†ã“ã¨ã§è¦šãˆã¦ãŠãã¨ã‚µãƒ¼ãƒã«è² è·ã‚’ã‹ã‘ãšã€ä¾¿åˆ©ã«ä½¿ãˆãã†ã§ã™ã€‚ 関連エントリ ç”»åƒã«ã¼ã‹ã—効果を与ãˆã‚‰ã‚Œã‚‹jQueryプラグイン「Image Blurã€
jQueryã§ãƒªã‚¢ãƒ«ãªæœ¬ã‚’ペラペラã‚ãるＵＩ作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌
Moleskine Notebook with jQuery Booklet | Codrops jQueryã§ãƒªã‚¢ãƒ«ãªæœ¬ã‚’ペラペラã‚ãるＵＩ作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ デザインã®ç¾Žã—ã•ã‚‚ç´ æ™´ã‚‰ã—ã„ã®ã§ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰ã‚ãれる感ã˜ã‚‚ã¡ã‚ƒã‚“ã¨å‡ºã¦ã‚‹ã¨ã“ã‚ãŒã™ã”ã„ã§ã™ã€‚ デモページ jQueryベースã¨ã„ã†ã®ã¯ã‚ã¾ã‚Šè¦‹ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§ã™ãŒã€ã“れをå‚考ã«ä½œã‚Œãã†ã§ã™ã。 CSS3ãªã‚“ã‹ã‚‚使ã‚ã‚Œã¦ã„ã‚‹ã®ã§ã€ç·åˆçš„ã«å¦ç¿’ã§ãる資料ã¨ã—ã¦å½¹ç«‹ã¡ãã†ã§ã™ã€‚ 関連エントリ Flashã§æœ¬ã‚’ペラペラã‚ãã‚‹æ„Ÿã˜ã®UIを実装ã™ã‚‹ã€ŒDynamic Page Flip v2〠Flashã§æœ¬ã‚’ペラペラã™ã‚‹UI実装ã„ã‚ã„ã‚
jQuery UI ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ:phpspot開発日誌
jQueryUI Icons List / Cheatsheet jQuery UI ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã€‚jQuery UI を使ãˆã° class ã«ç‰¹å®šã®å€¤ã‚’指定ã™ã‚‹ã¨ã‚¢ã‚¤ã‚³ãƒ³ãŒè¡¨ç¤ºå‡ºæ¥ã¾ã™ã€‚ アイコンã®é‡ãŒæ²¢å±±ã‚ã‚‹ã®ã§ã€ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’活用ã—ã¦ä¾¿åˆ©ã«ä½¿ã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ CSSスプライトã§è¡¨ç¾ã•ã‚Œã‚‹ã®ã§ã€ï¼‘個１個指定ã—ã¦è¡¨ç¤ºã™ã‚‹ã‚ˆã‚Šã‚‚パフォーマンス的ã«ã‚‚アドãƒãƒ³ãƒ†ãƒ¼ã‚¸ãŒã‚ã‚Šã¾ã™ã。 jQuery UI を使ã†å ´åˆã¯è¦šãˆã¦ãŠãã¨ã‚ˆã•ãã†ã§ã™ 関連エントリ jQuery用ã®script.aculo.usãŒãƒªãƒªãƒ¼ã‚¹ã€ŒjQuery UI〠日付ã®ç¯„囲を入力ã™ã‚‹éš›ã«ä¾¿åˆ©ã«ä½¿ãˆãã†ãªjQueryã®UIプラグイン 手軽ã«ä½¿ãˆã‚‹Excel風グリッドＵＩ「Flexigrid for jQueryã€
Googleマップを使ã£ãŸçµŒè·¯æ¡ˆå†…も一瞬ã§å®Ÿè£…ã§ãã‚‹jQueryプラグイン「jGmapsã€:phpspot開発日誌
jGmaps | jQuery Plugins Googleマップを使ã£ãŸçµŒè·¯æ¡ˆå†…も一瞬ã§å®Ÿè£…ã§ãã‚‹jQueryプラグイン「jGmaps〠必è¦ãªãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã‚“ã§ã€æ¬¡ã®ã‚ˆã†ã«jgmapsメソッドを呼ã³å‡ºã™ã¨Googleマップã«ã‚ˆã‚‹çµŒè·¯æ¡ˆå†…ã®åœ°å›³ã¨æ–‡å—ã«ã‚ˆã‚‹æ¡ˆå†…æƒ…å ±ãŒå‡ºã¾ã™ã€‚ $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['æ±äº¬éƒ½æ–°å®¿åŒº', 'æ±äº¬éƒ½æ¸¯åŒº'], usePanel: true, panelId: 'panelDirections' } } ); 次ã®ã‚ˆã†ã«ã€çµŒè·¯ãŒåœ°å›³ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ æ–‡å—ã«ã‚ˆã‚‹æ¡ˆå†…æƒ…å ±ã‚‚è¡¨ç¤ºã§ãã¾ã™ã€‚ ä¼šç¤¾æ¡ˆå†…ã‚„ä¼šå ´æ¡ˆå†…ãªã‚“ã‹ã‚‚ã“ã‚Œã§é€Ÿæ”»å®Ÿè£…ã§ããã†ã§ã™ã。 ダウンãƒãƒ¼ãƒ‰ã§ãるサンプルをã„ã˜ãã£ã¦ã¿ã¾ã—ょã†ã€‚ 地åã«æ—¥æœ¬ã®å ´æ‰€ã‚’æ¼¢å—ã§ä½¿ã†å ´åˆã€æ–‡å—コードã¯UTF-
iPhoneå‘ã‘Webサイトã®åˆ¶ä½œç‰ã«å½¹ç«‹ã¡ãã†ãªæƒ…å ±ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
iPhoneå‘ã‘ã®Webサイトを制作ã™ã‚‹ éš›ã«å½¹ç«‹ã¡ãã†ãªæƒ…å ±ã®ã¾ã¨ã‚ã§ã™ã€‚ æƒ…å ±ãŒå¤šãã¦æ··ä¹±ã—始ã‚ãŸã®ã§ã€å€‹äºº çš„ãªãƒ¡ãƒ¢ã€‚iPhone関連ã®Web制作情 å ±ã¯åŸºæœ¬çš„ã«è¼‰ã›ã¦ã„ã¾ã™ã€‚アプリ 制作ã¨ã‹ãã£ã¡ç³»ã¯ãŸã„ã—ã¦ç„¡ã„ã® ã§ã”了承下ã•ã„。 個人的ã«ã‚°ãƒƒã¨æ¥ãŸiPhone / iPad周りã®æƒ…å ±ã‚’ãƒ¡ãƒ¢çš„ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ç´ æã¨ã‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã‹Tipsã¨ã‹ãã†ã„ã†ã®ä¸å¿ƒã§ã€SDKã¨ã‹Objective-Cçš„ãªæƒ…å ±ã¯ç„¡ã„ã§ã™ã€‚é †ä¸åŒã€‚ フレームワークã¨ã‹ã‚¹ã‚¯ãƒªãƒ—ト Webアプリã¨ã‹iPhoneサイトå‘ã‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã‹ã€‚ jQuery Mobile スマートフォンå‘ã‘ã®jQueryå…¬å¼ãƒ©ã‚¤ãƒ–ラリ。リリースãŒå¾…ã¡é ã—ã„ã§ã™ã。 jQuery Mobile Sencha 以å‰è§¦ã£ã¦ã¿ãŸã®ã§è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚HTML5ã¨jsã®ã¿ã®Webアプリå‘ã‘フレームワーク。 Sencha Titaniu
uupaa.js 㨠jQuery を機能をä¸å¿ƒã«ã–ã£ãã‚Šã¨æ¯”較 - latest log
Classã®ç¶™æ‰¿ã«ã¤ã„ã¦ã‚µãƒ³ãƒ—ルを追記ã—ã¾ã—ãŸã€‚ jQuery ã®ç‰¹å¾´çš„ãªæ§‹æ–‡ã‚’ uupaa.js ã§è¡¨ç¾ã™ã‚‹æ–¹æ³•ã‚’追記ã—ã¾ã—ãŸã€‚ デãƒãƒƒã‚°æ”¯æ´æ©Ÿèƒ½ã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ 特徴 uupaa.js jQuery åˆç‰ˆ version 0.1 (2008-06-07) version 1.0 (2006-10-27) 最新版 version 0.8 (2010年末を予定) version 1.4.2 (2010-02-19) ライブラリã®ç›®æ¨™ WebOSã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ ä¸æ˜Ž 本æ¥ã®ç”¨é€” WebOS / WebApp DOMã®æ“作ã¨ã‚µã‚¤ãƒˆã®è£…飾 使ã‚れ方 導入実績ãªã— å°ã€œä¸è¦æ¨¡ã‚µã‚¤ãƒˆ / ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆç‰ 想定ã•ã‚Œã‚‹ã‚³ã‚¢ãƒ¦ãƒ¼ã‚¶å±¤ エンジニア デザイナー / コーダー / エンジニア åå‰ç©ºé–“ uu (1ã¤) jQuery 㨠$ (2ã¤) ライブラリã«ã‚ˆã‚‹è˜åˆ¥åプリフィクスã®äºˆç´„ uu ã¾ãŸ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}