HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #12 Pinterest風グリッドレイアウトを作ã£ã¦ã¿ãŸ | DevelopersIOãã‚“ãªè¨³ã§ã€å†™çœŸå…±æœ‰SNSã®ä¸€ã¤ã§ã‚ã‚‹Pinterest(ã´ã‚“ãŸã‚Œã™ã¨)。従æ¥ã®ã‚°ãƒªãƒƒãƒ‰å¼ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚ˆã†ã«é«˜ã•ãŒå‡ä¸€ã®ã‚°ãƒªãƒƒãƒ‰ãŒæ•´ç„¶ã¨ä¸¦ã¹ã‚‰ã‚Œã¦ã„ã‚‹ã®ã¨é•ã„ã€ç•°ãªã‚‹é«˜ã•ã®ã‚°ãƒªãƒƒãƒ‰ãŒç”»é¢ã„ã£ã±ã„ã«æ•·ãè©°ã‚られã¦ã„るレイアウトãŒç‰¹å¾´çš„ã§ã‚ªã‚µãƒ¬ã§ã™ã€‚（※ã“ã†ã„ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ãƒ”ンボード風ã¨å‘¼ã¹ã°è‰¯ã„ã®ã§ã—ょã†ã‹â€¦ï¼Ÿï¼‰ Pinterest Pinterest ã¨ã¯ãƒ”ンボード風ã®å†™çœŸå…±æœ‰ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ»ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚ング・サービス。特ã«å¥³æ€§ã«äººæ°—ãŒã‚る。ウェブサイトã¨ã‚¢ãƒ—リã¯ãƒ†ãƒ¼ãƒžã«åŸºã¥ã„ã¦å†™çœŸã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’作るã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚サイトã®ãƒŸãƒƒã‚·ãƒ§ãƒ³ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¡ãƒ³ãƒˆã¯ã€Œé¢ç™½ã„ã¨æ„Ÿã˜ã‚‹ã‚‚ã®ã‚’通ã˜ã¦ä¸–界全員をã¤ãªãã€ã€‚アメリカ Palo Alto ã«ã‚ã‚‹ Cold Brew Labs ã«ã‚ˆã£ã¦é‹å–¶ã•ã‚Œã¦ã„る。 Wikipediaより引用(http://ja.wikipedia.org/wiki/Pinteres
サイトをより効果的ã«è¡¨ç¾ã§ãã‚‹ jQueryスライダーã®ãƒ—ラグインã¾ã¨ã‚「90 Awesome jQuery Slider Pluginsã€
Rails3 㨠jQuery ã§çœŸé¢ç›®ã«ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¨ãƒã‚µã‚¤ãƒˆã‚’ã¤ãã£ã¦ã¿ã¾ã—ãŸ
Scott Robbin
jq.carousel – シンプルã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ãªã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒ—ラグイン – creamu
Turn.js: The page flip effect in HTML5
ä¼ã‚るアニメーションã®ãŸã‚ã®ç¬¬ä¸€æ©
HTML5ã§ç¾Žéº—ãªãƒšãƒ¼ã‚¸ã‚ãり効果ãŒä½œã‚Œã‚‹JSライブラリ「turn.jsã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}