Kadoppe’s Blog2017/02/24ã«é–‹å‚¬ã•ã‚ŒãŸã€Œæ—¥æœ¬ç™ºã‚µãƒ¼ãƒ“スã®ã‚°ãƒãƒ¼ãƒãƒ«ã§ã®æˆ¦ã„æ–¹UX & Service Sketch #25ã€ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã«å‚åŠ ã—ãŸã€‚
ラッパーã«å«ã¾ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ãƒ˜ãƒƒãƒ€ã€ãƒ˜ãƒƒãƒ€ã®å¹…ã ã‘ラッパーを超ãˆã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | コリス
全体をラッパーã§åŒ…ã¿ã€ãƒ›ãƒ¯ã‚¤ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒ©ãƒƒãƒ‘ーã§æŒ‡å®šã—ãŸå¹…ã ã‘ã©ã€ãƒ¬ãƒƒãƒ‰ã®ãƒ˜ãƒƒãƒ€ã¯è¡¨ç¤ºã‚µã‚¤ã‚ºãŒæŒ‡å®šã—ãŸå¹…より広ã„時ã«ãƒ©ãƒƒãƒ‘ーを超ãˆãŸå¹…ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ ã„やーã€æ—¥æœ¬èªžãƒ ズカシイã€ã€ã€ デモ 実装 デモ デモページã¯æ§‹é€ çš„ã«ã¯ãƒ©ãƒƒãƒ‘ーã®ä¸ã«ä¸Šã‹ã‚‰ã€åŠé€æ˜Žã®ãƒ¬ãƒƒãƒ‰ã®ãƒ˜ãƒƒãƒ€ã€ãƒ›ãƒ¯ã‚¤ãƒˆã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®2ã¤ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã€è¡¨ç¤ºã‚µã‚¤ã‚ºãŒãƒ©ãƒƒãƒ‘ーã®å¹…960pxを超ãˆãŸæ™‚ã®è¡¨ç¤ºã€‚ Improved Full Width Browser：幅1200px コンテンツã¯å¹…960pxã§è¡¨ç¤ºã•ã‚Œã€ãƒ©ãƒƒãƒ‘ー内ã«ãƒ˜ãƒƒãƒ€ãŒå«ã¾ã‚Œã¦ã„ã‚‹ã‘ã©ã€ãƒ˜ãƒƒãƒ€ã®å¹…ã¯ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ©ãƒƒãƒ‘ーを超ãˆã¦ã„る状態ã§ã™ã€‚ 表示幅ãŒ960px以下ã«ãªã‚‹ã¨ã€ãƒ˜ãƒƒãƒ€ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸Šéƒ¨ã«æˆã‚Šè¡Œãã§åŽã¾ã‚Šã¾ã™ã€‚ Improved Full Width Browser：幅780px 実装 HTML HTM
More CSS Secrets: Another 10 things you may not know about CSS
background: linear-gradient(white 30%, hsla(0,0%,100%,0)), linear-gradient(hsla(0,0%,100%,0), white 70%) bottom, radial-gradient(at top, rgba(0,0,0,.2), transparent 70%), radial-gradient(at bottom, rgba(0,0,0,.2), transparent 70%) bottom; background-repeat: no-repeat; background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px; background-attachment: local, local, scroll, scroll; background-attach
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}