Pinterestã®ã‚ˆã†ã«ãƒ‘ãƒãƒ«ã‚’隙間ãªãレンガ状ã«é…ç½®ã—ãŸã‚Šã€ç•°ãªã‚‹é«˜ã•ã®ãƒ‘ãƒãƒ«ã‚’åŒã˜é«˜ã•ã«ã—ãŸã‚Šãªã©ã€ãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å½¹ç«‹ã¤jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚
[JS]ページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å½¹ç«‹ã¤jQueryã®ãƒ—ラグインã®ã¾ã¨ã‚
Pinterestã®ã‚ˆã†ã«ãƒ‘ãƒãƒ«ã‚’隙間ãªãレンガ状ã«é…ç½®ã—ãŸã‚Šã€ç•°ãªã‚‹é«˜ã•ã®ãƒ‘ãƒãƒ«ã‚’åŒã˜é«˜ã•ã«ã—ãŸã‚Šãªã©ã€ãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å½¹ç«‹ã¤jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚
[CSS]ã‚ãšã‹12個ã®classåã§å¤šå½©ãªã‚°ãƒªãƒƒãƒ‰ã‚’組ã¿ç«‹ã¦ã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -StackLayout
IE6ã‚’ã¯ã˜ã‚ã€iPhone, iPadã«ã‚‚対応ã—ãŸã€å¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚固定レイアウトã«ã‚‚利用ã§ãる実用的ã§å¤šå½©ãªã‚°ãƒªãƒƒãƒ‰ã‚’組ã¿ç«‹ã¦ã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ StackLayout デモページ：Basic Mockup [ad#ad-2] StackLayoutã®ä¸»ãªç‰¹å¾´ StackLayoutã®å¯¾å¿œãƒ–ラウザ・デãƒã‚¤ã‚¹ StackLayoutã§ä½¿ç”¨ã™ã‚‹12個ã®classå StackLayoutã®ãƒ‡ãƒ¢ StackLayoutã®ä½¿ã„æ–¹ StackLayoutã®ä¸»ãªç‰¹å¾´ ã‚ãšã‹12個ã®classåã§ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç®¡ç† classåã¯ã€ç°¡å˜ã«ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªã‚‚ã®ã«å¤‰æ›´å¯èƒ½ ãƒã‚¹ãƒˆã®åˆ¶é™ã¯ç„¡ã— floatã®ã‚¯ãƒªã‚¢ç„¡ã—ã§ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’横列ã«ç°¡å˜ã«ä¸¦ã¹ã‚‹ã“ã¨ãŒå¯èƒ½ デフォルトã¯å¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨ã§ã€å›ºå®šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚‚対応 å„カラムã®æºã®è¨å®šã¯ç°¡å˜ã§ã€px, %ã®ä¸¡æ–¹ã«å¯¾å¿œ StackLa
[JS]ã“ã‚ŒFlashã˜ã‚ƒãªã„ã®ï¼Ÿã£ã¦ãªã‚‹ãƒŠãƒ“ゲーションを実装ã™ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
軽快ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¿ƒåœ°ã‚ˆã„ナビゲーションを実装ã™ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ タイトルã«ã‚る通りã€Flashã¯ä½¿ã‚ãªã„ã§å®Ÿè£…ã•ã‚Œã¦ã¾ã™ã€‚ Animated Content Menu with jQuery デモページ [ad#ad-2] ã¾ãšã¯ã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’å ªèƒ½ãã ã•ã„。 ナビゲーションã®å„ラベルをクリックã™ã‚‹ã¨ã€ãã‚Œã«å¯¾å¿œã—ãŸãƒ‘ãƒãƒ«ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦é–‹ãよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ デモページ 実装 HTMLã®æ§‹é€ ã¯ã€èƒŒæ™¯ç”»åƒã€ã‚°ãƒªãƒƒãƒ‰ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒ¡ã‚¤ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®4ã¤ã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML：背景 背景ã¯ã€èƒŒæ™¯ç”»åƒã¨ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’divè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}