A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
Introduction When speaking about design, there is one company that is impossible to go without. Apple values design - being a new product, a fancy catalog or their website - there is always something to admire. This week, we are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases r
CSSã§ç½«ç·šã‚’角丸ã§è¡¨ç¤ºã™ã‚‹ï¼ˆï¼‘）：Firefoxã¨Safariã®CSS徹底検証 - builder by ZDNet Japan
å‰å›žã€å‰ã€…回ã§ãƒ–ラウザã¨æ¨™æº–è¦æ ¼ã®å‹•å‘を見ã¦ããŸãŒã€ä»Šå›žã‹ã‚‰ã¯ã€Firefox 3ã‚„Safari 3ãŒæ–°ã—ã対応ã—ãŸHTML/XHTMLã‚„CSSを紹介ã—ã¦ã„ããŸã„。 最åˆã«ç´¹ä»‹ã™ã‚‹ã®ã¯ã€Safari 3ãŒæ–°ã—ã対応ã—ãŸã€ç½«ç·šã®è§’を丸ã表示ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã 。角丸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€Webページã§ã¯ã‚ˆã利用ã•ã‚Œã¦ã„ã‚‹ãŒã€ç¾çŠ¶ã§ã¯ç”»åƒã‚’使ã£ã¦è¡¨ç¾ã™ã‚‹ã—ã‹ãªãã€HTML/XHTMLソースも複雑ã«ãªã‚‹ã¨ã„ã£ãŸå•é¡ŒãŒã‚る。スタイルシートã ã‘ã§è¨å®šã™ã‚‹æ©Ÿèƒ½ã¯åˆ¶ä½œè€…ã®å¤šããŒå¾…望ã—ã¦ã„る機能ã®1ã¤ã¨è¨€ãˆã‚‹ã ã‚ã†ã€‚ç¾åœ¨ã®ã¨ã“ã‚ã€Safari 3ã¨FirefoxãŒå¯¾å¿œã—ã¦ã„ã‚‹ãŒã€Operaã‚„Internet Explorerã¯å¯¾å¿œã—ã¦ã„ãªã„。 -webkit-border-radiusプãƒãƒ‘ティ Safari 3ãŒæ–°ã—ã対応ã—ãŸ-webkit-border-radiusプãƒãƒ‘ティã§ã¯ã€åŠå¾„を指定ã™ã‚‹ã“ã¨ã§ç½«ç·šã®è§’
[CSS]スタイルã®åˆæœŸåŒ–(å‰ç·¨) -全称セレクタã¨html, bodyç·¨ | コリス
2007年春ç¾åœ¨ã‚ˆã使用ã—ã¦ã„ã‚‹ã€ãƒ–ラウザãŒã‚‚ã¤ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆæœŸåŒ–ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€Œå…¨ç§°ã‚»ãƒ¬ã‚¯ã‚¿ã¨html, bodyç·¨ã€ã§ã™ã€‚ CSSã®ã‚¹ã‚¿ã‚¤ãƒ«ã®åˆæœŸåŒ–ãŒå¿…è¦ãªç†ç”± スタイルã®åˆæœŸåŒ– -全称セレクタ（*） スタイルã®åˆæœŸåŒ– -html, body スタイルã®åˆæœŸåŒ– -全称セレクタã¨html, body ã®ãƒ¡ãƒ¢ スタイルã®åˆæœŸåŒ–(後編) -body内ã®å€‹åˆ¥ã‚¿ã‚°ç·¨ CSSã®ã‚¹ã‚¿ã‚¤ãƒ«ã®åˆæœŸåŒ–ãŒå¿…è¦ãªç†ç”± HTMLã®å„ã‚¿ã‚°ã¯ã€ãƒ–ラウザã”ã¨ã«åˆæœŸã‚¹ã‚¿ã‚¤ãƒ«ãŒç•°ãªã‚Šã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è¡Œã†éš›ã€ãƒ–ラウザã”ã¨ã«ç•°ãªã‚‹æŒ‡å®šã‚’è¡Œã‚ãªã„ã¨æœŸå¾…通りã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å†ç¾ã—ãªã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ãã®ãŸã‚ã€åŒä¸€ã®ã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®šã§æ„図ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå†ç¾ã§ãるよã†ã«ã€ã“ã®ãƒ–ラウザã”ã¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã®å·®ç•°ã‚’ç„¡ãã™ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®è¨å®šã‚’è¡Œã„ã¾ã™ã€‚ 対象ã¨ã—ã¦ã„るブラウザã¯ã€æœ€è¿‘ã®åƒ•ã®å—注案件ã®å¤šãã¯ä¸‹è¨˜ã®ãƒ–ラウザãŒå¯¾è±¡ã«ãª
![[CSS]スタイルã®åˆæœŸåŒ–(å‰ç·¨) -全称セレクタã¨html, bodyç·¨ | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}