HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #12 Pinterest風グリッドレイアウトを作ã£ã¦ã¿ãŸ | DevelopersIOãã‚“ãªè¨³ã§ã€å†™çœŸå…±æœ‰SNSã®ä¸€ã¤ã§ã‚ã‚‹Pinterest(ã´ã‚“ãŸã‚Œã™ã¨)。従æ¥ã®ã‚°ãƒªãƒƒãƒ‰å¼ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚ˆã†ã«é«˜ã•ãŒå‡ä¸€ã®ã‚°ãƒªãƒƒãƒ‰ãŒæ•´ç„¶ã¨ä¸¦ã¹ã‚‰ã‚Œã¦ã„ã‚‹ã®ã¨é•ã„ã€ç•°ãªã‚‹é«˜ã•ã®ã‚°ãƒªãƒƒãƒ‰ãŒç”»é¢ã„ã£ã±ã„ã«æ•·ãè©°ã‚られã¦ã„るレイアウトãŒç‰¹å¾´çš„ã§ã‚ªã‚µãƒ¬ã§ã™ã€‚（※ã“ã†ã„ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ãƒ”ンボード風ã¨å‘¼ã¹ã°è‰¯ã„ã®ã§ã—ょã†ã‹â€¦ï¼Ÿï¼‰ Pinterest Pinterest ã¨ã¯ãƒ”ンボード風ã®å†™çœŸå…±æœ‰ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ»ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚ング・サービス。特ã«å¥³æ€§ã«äººæ°—ãŒã‚る。ウェブサイトã¨ã‚¢ãƒ—リã¯ãƒ†ãƒ¼ãƒžã«åŸºã¥ã„ã¦å†™çœŸã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’作るã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚サイトã®ãƒŸãƒƒã‚·ãƒ§ãƒ³ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¡ãƒ³ãƒˆã¯ã€Œé¢ç™½ã„ã¨æ„Ÿã˜ã‚‹ã‚‚ã®ã‚’通ã˜ã¦ä¸–界全員をã¤ãªãã€ã€‚アメリカ Palo Alto ã«ã‚ã‚‹ Cold Brew Labs ã«ã‚ˆã£ã¦é‹å–¶ã•ã‚Œã¦ã„る。 Wikipediaより引用(http://ja.wikipedia.org/wiki/Pinteres
ウェブサイトã®åˆ¶ä½œã«å¿…ãšå½¹ç«‹ã¤ãƒ–ックマークレットã®ã¾ã¨ã‚
åšå ±å ‚アイ・スタジオ
[CSS]iPadã®æ¨ªå‘ãã¨ç¸¦å‘ãã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’変更ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ページã®å¹…960pxを基準ã«ã—ã¦ã€è¨è¨ˆã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ | コリス
[CSS]最近ã®ã‚¦ã‚§ãƒ–構築ã«ã¯æ¬ ã‹ã›ãªã„è¦ä»¶ã‚’å‚™ãˆãŸCSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -The 1140px Grid
{{#tags}}- {{label}}
{{/tags}}