ã‚ã®ã€ŒPinterest風ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’CSSã®ã¿ã§å®Ÿç¾ã™ã‚‹ã€ŒCSS Grid Lanesã€ã€ã„よã„よ実装段階ã¸ï¼Safariã¯å®Ÿè£…完了ã€ãƒ‡ãƒãƒƒã‚°ãƒ„ールã®æ供も開始
CSSã ã‘ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚¯ã‚¨ãƒªã®ã‚µãƒãƒ¼ãƒˆã‚’確èªã™ã‚‹æ–¹æ³•ã€Safari 18ã®ãƒã‚°ã‚’回é¿ã™ã‚‹æ–¹æ³•ã‚‚
スタイルクエリã¨ã¯ã€è¦ªè¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã«å¿œã˜ã¦åè¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹CSSã®æ©Ÿèƒ½ã§ã™ã€‚ãŸã¨ãˆã°ã€ã‚«ãƒ¼ãƒ‰ã®ã‚³ãƒ³ãƒ†ãƒŠãŒã‚ã‚Šã€ã‚«ãƒ¼ãƒ‰ã«ã‚ˆã£ã¦ãƒ©ãƒ™ãƒ«ã‚„ボタンã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’変更ã—ãŸã„å ´åˆãªã©ã«ä¾¿åˆ©ã§ã™ã€‚ ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¯ã‚¨ãƒªãŒãƒ–ラウザã«ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã‹ã‚’CSSã ã‘ã§ç¢ºèªã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ Feature detect Style Queries Support in CSS by Bramus! 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚㫠スタイルクエリã®ã‚µãƒãƒ¼ãƒˆã‚’確èªã™ã‚‹CSS ã“ã®CSSã®ä»•çµ„㿠デモ Safari 18ã®ãƒã‚°ã‚’回é¿ã™ã‚‹æ–¹æ³• ã¯ã˜ã‚㫠先日ã€Xã§Adam WathanãŒï¼ˆã‚«ã‚¹ã‚¿ãƒ プãƒãƒ‘ティã®ï¼‰ã‚¹ã‚¿ã‚¤ãƒ«ã‚¯ã‚¨ãƒªã‚’確èªã™ã‚‹æ–¹æ³•ã‚’å°‹ãã¦ã„ã¾ã—ãŸã€‚ç†è«–çš„ã«ã¯@supports at-rule()を使用ã™
次期Safari 17.5ã®æ–°æ©Ÿèƒ½ã‚’AppleãŒç´¹ä»‹ ー CSSã«text-wrap: balanceã€light-dark()ãªã©è¿½åŠ
5月15æ—¥ã€Appleã¯Safariã®æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³17.5ã«é–¢ã™ã‚‹ãƒ–ãƒã‚°ã‚’公開ã—ãŸã€‚ ã“ã‚Œã¯2024å¹´ã«ãŠã‘ã‚‹3度目ã®å¤§è¦æ¨¡ã‚¢ãƒƒãƒ—デートã§ã‚ã‚Šã€7ã¤ã®æ–°æ©Ÿèƒ½ã¨22ã®ãƒã‚°ä¿®æ£ãŒå«ã¾ã‚Œã¦ã„る。 以下ã«è¦ç‚¹ã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã™ã‚‹ã€‚ 新機能 CSS テã‚ストラップã®ãƒãƒ©ãƒ³ã‚¹æ©Ÿèƒ½ テã‚ストã®æŠ˜ã‚Šè¿”ã—を調整ã™ã‚‹ãŸã‚ã®æ–°ã—ã„text-wrap: balanceプãƒãƒ‘ティãŒè¿½åŠ ã•ã‚ŒãŸã€‚ã“ã®æ©Ÿèƒ½ã«ã‚ˆã‚Šã€ãƒ†ã‚スト行ãŒå‡ç‰ã«é…ç½®ã•ã‚Œã‚‹ã€‚ text-wrap: balance; ã“ã®ãƒ—ãƒãƒ‘ティã¯ã€ç‰¹å®šã®ãƒ–ラウザã§ã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã®é•ã„ã«ã‚ˆã‚‹ãƒ†ã‚スト折り返ã—ã®é•ã„を考慮ã™ã‚‹å¿…è¦ãŒã‚る。ã¾ãŸã€Safariã§ã¯ç„¡åˆ¶é™ã®è¡Œæ•°ã‚’ãƒãƒ©ãƒ³ã‚¹ã™ã‚‹ãŒã€Chromiumブラウザã¯6行以下ã€Firefoxã¯10行以下をãƒãƒ©ãƒ³ã‚¹ã™ã‚‹ã€‚ テã‚ストラップã®ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰ã¨ãƒãƒ³ã‚°ãƒãƒ³ãƒ‰ text-wrapプãƒãƒ‘ティã¯å®Ÿéš›ã«ã¯text-wrap-s
View Transitions APIãŒSafariã§åˆ©ç”¨å¯èƒ½ã«ãªã‚‹ ー フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é€²åŒ–を促進ã™ã‚‹ã‹
4月11æ—¥ã€Appleã¯Safari Technology Preview Release 192を発表ã—ãŸã€‚ã“ã®ãƒªãƒªãƒ¼ã‚¹ã¯ã€èªè¨¼ã€CSSã€ç·¨é›†ã€JavaScriptã€ãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€Web APIã€Web Extensionsã€ãŠã‚ˆã³Web Inspectorã«é–¢é€£ã™ã‚‹å¤šæ•°ã®æ”¹å–„ã¨æ–°æ©Ÿèƒ½ãŒå°Žå…¥ã•ã‚Œã¦ã„る。 4月11æ—¥ã€Appleã¯Safari Technology Preview Release 192を発表ã—ãŸã€‚ã“ã®ãƒªãƒªãƒ¼ã‚¹ã¯ã€èªè¨¼ã€CSSã€ç·¨é›†ã€JavaScriptã€ãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€Web APIã€Web Extensionsã€ãŠã‚ˆã³Web Inspectorã«é–¢é€£ã™ã‚‹å¤šæ•°ã®æ”¹å–„ã¨æ–°æ©Ÿèƒ½ãŒå°Žå…¥ã•ã‚Œã¦ã„る。 特ã«æ³¨ç›®ã™ã¹ã新機能ã«ã¯ã€View Transitions APIã®ã‚µãƒãƒ¼ãƒˆã€ãƒ¡ãƒ‡ã‚£ã‚¢ã‚½ãƒ¼ã‚¹æ‹¡å¼µï¼ˆMSE）ã®ãƒ¯ãƒ¼ã‚«ãƒ¼ã§ã®ã‚µãƒãƒ¼ãƒˆã€JavaScriptã®Object
Webページã®ç”»åƒã‚„スタイルシートãªã©ã‚’ã¾ã¨ã‚ã¦1ã¤ã®HTMLファイルã¨ã—ã¦ä¿å˜ã—ã¦ãれる機能拡張「SingleFileã€ã®Safari版ãŒãƒªãƒªãƒ¼ã‚¹ã€‚
ブラウザã§é–‹ã„ã¦ã„ã‚‹Webページを画åƒã‚„スタイルシートã€ãƒ•ã‚©ãƒ³ãƒˆãªã©ã‚’å«ã‚ã¦1ã¤ã®HTMLファイルã¨ã—ã¦ä¿å˜ã—ã¦ãれる機能拡張「SingleFileã€ã®Safari版ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ã€‚詳細ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ SingleFileシリーズã¯ãƒ•ãƒ©ãƒ³ã‚¹ã®Gildas Lormeauã•ã‚“ãŒã‚ªãƒ¼ãƒ—ンソースã§é–‹ç™ºã—ã¦ã„るブラウザ機能拡張ã§ã€ç¾åœ¨ãƒ–ラウザã§é–‹ã„ã¦ã„ã‚‹Webページを画åƒã‚„スタイルシートã€ãƒ•ãƒ¬ãƒ¼ãƒ ã€ãƒ•ã‚©ãƒ³ãƒˆãªã©ã‚’ã¾ã¨ã‚ã¦1ã¤ã®HTMLファイルã¨ã—ã¦ä¿å˜ã—ã¦ãれる機能ãŒã‚ã‚Šã¾ã™ãŒã€ã“ã®æ©Ÿèƒ½æ‹¡å¼µã®Safari版「SingleFile for Safariã€ãŒMac App Storeã§ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ã€‚ SingleFile is a Safari extension that helps you to save an entire webpage including images, sty
CSS gradients for all web browsers, without using images - Robert's talk
We can’t change history, but we can change the future. Be nice to each other. @robertnyman Published on Monday, February 15, 2010 One thing that is quite nice is that we now have the ability to create gradients in our pages just from CSS code, and without the use of any images. Syntax options and web browser support The good news is that there is web browser support for CSS gradients in Firefox, S
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}