コピペå¯ã§ã™ãã«å½¹ç«‹ã¤ï¼ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’極ã‚ã‚‹HTML/CSSスニペット30個ã¾ã¨ã‚ | PhotoshopVIPGoogleãŒ2014å¹´ã«æå”±ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ã€Œãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã€‚最近ã®æ–°ã—ã„ウェブサイトã§ã‚‚ã€ã“ã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®è€ƒãˆæ–¹ã‚„基本原則をå–り入れãŸã‚‚ã®ãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ 今回ã¯ã€ã‚³ãƒ”ー＆ペーストã§æ‰‹è»½ã«ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å†ç¾ã§ãã‚‹HTML/CSSスニペットをã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ 対応ã—ã¦ã„るスニペットã¯ã€ãƒŠãƒ“ゲーションメニューやドãƒãƒƒãƒ—シャドウãªã©ç‰¹é•·çš„ãªç´ æã‹ã‚‰ã€ãƒœã‚¿ãƒ³ã‚„カード型レイアウトã€Preloaderã€ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€ãƒãƒ£ãƒƒãƒˆæ©Ÿèƒ½ã€ãƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã•ã¾ã–ã¾ã€‚ゼãƒã‹ã‚‰ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ã¨æ™‚é–“ã®ã‹ã‹ã£ã¦ã—ã¾ã†ä½œæ¥ã‚’çŸç¸®ã§ãã‚‹ã‚‚ã®ã‚‚多ãã€ãœã²å®Ÿè·µã®ç¾å ´ã§å½¹ç«‹ã¦ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã€‚ マテリアルデザインを手軽ã«ï¼CSS/HTML/JSコンãƒãƒ¼ãƒãƒ³ãƒˆã€ŒMaterial Design Liteã€ã®ä½¿ã„æ–¹ã¾ã¨ã‚ ãŠå¥½ã¿ã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³é…色ã§HTMLスニペットを一発作æˆã§
Web制作者ãŒãƒ–ックマークã—ã¦ãŠããŸã„ã€HTMLã‚„CSSã§å›°ã£ãŸæ™‚ã«ãƒã‚§ãƒƒã‚¯ã—ãŸã„リソースã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}