CSSã§é¢å€’ãªã‚³ãƒ¼ãƒ‰ã€HTML5ã®æ–°è¦ç´ やスニペットã€Facebookã®OGPã‚„Twiterカードãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚’生æˆã§ãるオンラインツール
CSSã§é¢å€’ãªã‚³ãƒ¼ãƒ‰ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„グラデーションやボックスシャドウãªã©ã€å®Ÿè£…ã®çµæžœã‚’見ãªãŒã‚‰å€¤ã‚’調整ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’生æˆã§ãã€HTML5ã®æ–°è¦ç´ やよã使ã†ã‚¹ãƒ‹ãƒšãƒƒãƒˆã€Facebookã®OGPã‚„Twitterカードやmicrodataã‚„Metaã‚¿ã‚°ãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚’ç°¡å˜ã«ç”Ÿæˆã§ãるオンラインツールを紹介ã—ã¾ã™ã€‚ コードã”ã¨ã«å¯¾å¿œãƒ–ラウザも表示ã•ã‚Œã‚‹ã®ã§ã€ã‹ãªã‚Šä¾¿åˆ©ã§ã™ã€‚
ã“ã‚Œã§ä¸€æ’ƒï¼ç°¡å˜ã«OGPç”»åƒã‚’ã¤ãれる2ã¤ã®ç§˜å¯†é“å…·ï¼
ã“ã‚“ã«ã¡ã¯ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚ã‚Šãˆã‚‚ã‚“ã§ã™ï¼ ドラãˆã‚‚ã‚“ã¿ãŸã„ãªè¦‹ãŸç›®ã®ã€ã®ã³å¤ªã¿ãŸã„ãªãªã«ã‹ã§ã™ã€‚ デザイン制作ã«å½¹ç«‹ã¤ç§˜å¯†é“具を紹介ã—ã¾ã™ï¼ ã•ã¦ä»Šå›žã¯ã‚µã‚¤ãƒˆãƒ»ã‚¢ãƒ—リ制作ã«å¿…需å“㪠Facebook OGPç”»åƒã¤ãã‚Šã«å½¹ç«‹ã¤2ã¤ã®ç§˜å¯†é“å…·ã‚’ãŠæ•™ãˆã—ã¾ã™ï¼ 2014å¹´1月ç¾åœ¨ã€OGPç”»åƒã®è¡¨ç¤ºã«ã¯å¤§ããã‚ã‘ã¦2種類ã‚ã‚Šã¾ã™ã€‚ 一ã¤ã®ç”»åƒã§ã€ã©ã£ã¡ã®è¡¨ç¤ºã§ã‚‚ãã‚Œã„ã«ã¤ãã‚‹ã®ã¯çµæ§‹æ‚©ã¿ã¾ã™ã‚ˆã。 ã®ã³å¤ªãã‚“ã«ã¯åˆ°åº•ã¤ãã‚Œãªã•ãã†ã§ã™ã€‚ ã§ã‚‚ã€ãŸã£ãŸ2ã¤ã®ã®ç§˜å¯†é“å…·ã§ã€OGPã¤ãã‚Šã¯åŠ‡çš„ã«æ¥½ã«ãªã‚Šã¾ã™ï¼ 秘密é“å…·ãã®1 : ãŸã ç”»åƒã‚’ã„れるã ã‘ï¼ç§˜å¯†ã®psdï¼ ä»Šå›žã®ãŸã‚ã«ç”¨æ„ã—ãŸç§˜å¯†ã®psd を用æ„ã—ã¾ã—ãŸï¼ ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã¿ã¦ãã ã•ã„ï¼ PSD DOWNLOAD 「見ã›ãŸã„è¦ç´ ãŒæ¨ªé•·ã€ã®å ´åˆ ã“ã‚Œã¯æ¨ªé•·ã„ãƒã‚´ã§ã™ã€‚ãƒã‚´ã®éƒ¨åˆ†ãŒã©ã‚“ãªè¡¨ç¤ºã§ã‚‚切れãªã„よã†ã«ã—ãŸã„ã§ã™ã。 ã“れを全ã¦ã®
Web制作者ã¯ãƒ–ックマークã—ã¦ãŠãã¨ä¾¿åˆ©ï¼HTMLã‚„CSSã‚„OGPã‚„Twitterカードãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚’生æˆã§ãるオンラインサービス
CSSã®é¢å€’ãªã‚³ãƒ¼ãƒ‰ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„グラデーションやシャドウãªã©ã€è¡¨ç¤ºçµæžœã‚’見ãªãŒã‚‰ã‚³ãƒ¼ãƒ‰ã‚’生æˆã§ãã€HTML5ã®ã‚ˆã使ã†ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚„æ–°è¦ç´ ã€Metaã‚¿ã‚°ã‚„OGPã‚„Twitterカードãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚’ç°¡å˜ã«ç”Ÿæˆã§ãるオンラインサービスを紹介ã—ã¾ã™ã€‚ ã“ã†ã„ã£ãŸã‚³ãƒ¼ãƒ‰ç”Ÿæˆã¯æŽ¢ã›ã°è¦‹ã¤ã‹ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã¾ã¨ã¾ã£ã¦ã‚‹ã¨ä¾¿åˆ©ã§ã™ã。
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}