2026-07-23T09:46:24Z https://nostr.ae Jen Simmons https://nostr.ae/npub130l4a0flfpzvlfdzecxuakyyl272vasdv352l33ez2q4rukjawpqddn5e6 https://cdn.masto.host/frontendsocial/accounts/avatars/109/327/166/138/497/141/original/d4fddc5c52cee46f.jpg https://cdn.masto.host/frontendsocial/accounts/avatars/109/327/166/138/497/141/original/d4fddc5c52cee46f.jpg https://nostr.ae/nevent1qqsr09cc0v2dt4v0qdtsnjcghvt7kef4e0d57vgsgfs2n5agx7uvlsszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyfnsx6u Safari 26.5 beta is out! Includes:<br/>• `:open` pseudo-class for `&lt;details&gt;`, `&lt;dialog&gt;`, `&lt;select&gt;`, and `&lt;input&gt;` elements<br/>• `color-interpolation` attribute on SVG gradients, enabling `linearRGB` color spaces<br/>• `source` property on `ToggleEvent`<br/>• Origin API<br/><br/><a href="https://developer.apple.com/documentation/safari-release-notes/safari-26_5-release-notes">https://developer.apple.com/documentation/safari-release-notes/safari-26_5-release-notes</a> 2026-04-03T23:49:53Z https://nostr.ae/nevent1qqs2e8uqfty2kru9n3tzzr9khkqesyuucafjwjvcjmge0fdq5tjfuzgzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyhzrsgj In reply to <a href='/nevent1qqs8zzkpg5lr035rvmtsxz5scmf9vj942ns97yhar2z3u5l2xa4sexs3zw9te'>nevent1q…w9te</a><br/>_________________________<br/><br/>The heart of this release is focused on what web developers ask for most. We hear you loud and clear. Results from 2025 developer surveys made it clear you want time to catch up with new features, not be swamped with more. You want existing features to work consistently across every browser. You asked for browser engineers working on WebKit to help you by squashing bugs and closing gaps in spec coverage. That’s what this release aims to do. 2026-03-24T18:03:59Z https://nostr.ae/nevent1qqs8zzkpg5lr035rvmtsxz5scmf9vj942ns97yhar2z3u5l2xa4sexszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy0ar4c6 Safari 26.4 is here!<br/><a href="https://webkit.org/blog/17862/webkit-features-for-safari-26-4/">https://webkit.org/blog/17862/webkit-features-for-safari-26-4/</a><br/><br/>Grid Lanes. WebTransport. Keyboard Lock API. And _tons_ of fixes &amp; improvements. Please read the introduction to our article to learn what we’ve been up to… 2026-03-24T17:23:05Z https://nostr.ae/nevent1qqszyd7hq0kztlujpx8xdjm2mzv7xwvz667wcn6meaduje5ukdjyv2szyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy7s4hm5 Did you see? The first beta of Safari 26.4 is out today. <br/><br/>What’s most exciting to you as a person making websites/apps?<br/><br/><a href="https://developer.apple.com/documentation/safari-release-notes/safari-26_4-release-notes">https://developer.apple.com/documentation/safari-release-notes/safari-26_4-release-notes</a> 2026-02-17T01:22:36Z https://nostr.ae/nevent1qqsy7avwj4f0ufuk6y7jn8z2lwqu9scsyq5k6mcpf75zz774vlhel7czyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyud8uqz I’m seeing so much about LLMs in my feed today. <br/><br/>Web designers and developers — how are you feeling about AI and what it means for your work? <br/><br/>Are you using the tools? How? What’s changing?<br/><br/>How do you expect AI to be used in the future for making websites &amp; web apps? 2026-02-11T19:50:12Z https://nostr.ae/nevent1qqswe7d9gvdg86ge3v6szrskknlmkwrjvlx6pjxcnulzwqcla0zzyhczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cymuxxze Did you see everything in Safari Technology Preview 234?<br/><a href="https://webkit.org/blog/17674/release-notes-for-safari-technology-preview-234/">https://webkit.org/blog/17674/release-notes-for-safari-technology-preview-234/</a><br/><br/>It’s got a lot of new features including Grid Lanes, Threaded Scroll-driven Animations, seven new Web API, and more. Plus a TON of other improvements &amp; fixes. 2025-12-20T00:22:54Z https://nostr.ae/nevent1qqs2vdyxt3894y9zazkedzxckqyzhtxhd0gs8uqww8ut2z4tz3qnw3qzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy9ykrq6 Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays! <br/><br/><a href="https://webkit.org/blog/17660/introducing-css-grid-lanes/">https://webkit.org/blog/17660/introducing-css-grid-lanes/</a> 2025-12-19T21:33:54Z https://nostr.ae/nevent1qqstr9m30hvq4sd85dmzl453k4zms56zf3h3mvrhxfwx672vjc9fzaczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy2endvs Curious about web technology coming to Safari? How about `field-sizing`, `position-visibility`, `random()`, `scrollbar-color`, `hidden=until-found`, auto-expanding `&lt;details&gt;`, `command` &amp; `commandfor`, Largest Contentful Paint, CHIPS, `scrollend` event, Navigation API &amp; much MUCH more!<br/><br/><a href="https://developer.apple.com/documentation/safari-release-notes/safari-26_2-release-notes">https://developer.apple.com/documentation/safari-release-notes/safari-26_2-release-notes</a> 2025-11-05T20:19:55Z https://nostr.ae/nevent1qqst43kclw0y0z60270fyvfq9mxdp82gwc2a9hyj54hr7w24mrzdfggzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cykhzxf0 I’m surprised I haven’t heard more responses from web developers about the change to Safari on iOS and iPadOS regarding web apps. Now every website can be a web app (saved to the Home Screen and opened as a stand-alone app) — not just sites that have been configured a certain way by the developers.<br/><br/>It’s a big difference for users. Every site gets the same experience. No more mysterious sometimes-it-works-one-way, sometimes-another. <br/><br/>Read more: <a href="https://webkit.org/blog/17333/webkit-features-in-safari-26-0/#every-site-can-be-a-web-app-on-ios-and-ipados">https://webkit.org/blog/17333/webkit-features-in-safari-26-0/#every-site-can-be-a-web-app-on-ios-and-ipados</a><br/> <img src="https://cdn.masto.host/frontendsocial/media_attachments/files/115/295/174/161/616/221/original/5e9f5a58794e7fc0.png"> <br/> 2025-09-30T20:41:54Z https://nostr.ae/nevent1qqs2h336lfg3h5n8wj68k3fu2pre93875hyyv5p0v9tmf7y3qas3s5szyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyrcjhwz Have you been meaning to learn how to use CSS Subgrid? Here’s a very practical and straightforward how-to from @saron.bsky.social!<br/><br/><a href="https://webkit.org/blog/17339/subgrid-how-to-line-up-elements-to-your-hearts-content/">https://webkit.org/blog/17339/subgrid-how-to-line-up-elements-to-your-hearts-content/</a> 2025-09-15T16:52:05Z https://nostr.ae/nevent1qqspy2pmyc4yn9422hrhdmzn7nqaplra54yj0vtw5dy3d2rpn5yempszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy3ctm35 In reply to <a href='/nevent1qqs92m23jw35lw9pqd59wzcahq2vm2czpz87jee6v4vt50jf39274kckg07rz'>nevent1q…07rz</a><br/>_________________________<br/><br/>So, I&#39;ll just post this one thread. Because it&#39;s everywhere right now. <br/><br/>Do I dare beg you to care again? Quote the science / find all the links to proof? I don&#39;t know. I need to sleep &amp; probably it won&#39;t matter. The facts are easily found. Most are already known by most people. <br/><br/>This is a problem of empathy now. To wake up (yes) and recognize that &#34;but I&#39;m a good person, so I don&#39;t have to worry, it won&#39;t get me, I have good health/genes/morality&#34; is eugenics. <br/><br/>Choose another path. <br/><br/>Please? 2025-09-04T06:30:58Z https://nostr.ae/nevent1qqs92m23jw35lw9pqd59wzcahq2vm2czpz87jee6v4vt50jf39274kczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy5kevqz In reply to <a href='/nevent1qqs0qr9lpjeu5y234ydxyv252506x4zk9qrm3xc98f0l9tkdrswytnq74dgwv'>nevent1q…dgwv</a><br/>_________________________<br/><br/>I learned about Covid in Jan 2020, and looked up a LOT of information in Feb. What I learned alarmed me, so I prepared (long before most people in the U.S. did) and then I spread the news on Twitter. [RIP, I miss Twitter.]<br/><br/>I wrote a lot about Covid in 2020 and 2021 on Twitter. <br/><br/>And then I gave up. I realized the people around me did not care. And I was screaming into the wind.<br/><br/>But sadly Covid did not let go of me. I&#39;m still disabled by it. Every day. 2025-09-04T06:27:15Z https://nostr.ae/nevent1qqs0qr9lpjeu5y234ydxyv252506x4zk9qrm3xc98f0l9tkdrswytnqzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy7jgura In reply to <a href='/nevent1qqsyrv2mgkjnz75ky7cd8298mptjkjkxn0qxrd63sealhd4slwnufgc0skarj'>nevent1q…karj</a><br/>_________________________<br/><br/>We know a lot about this virus. We know how to take care of ourselves &amp; each other. <br/><br/>You just have to decide that you want to.<br/><br/>It was incredible in 2020 to see how much people cared, &amp; how far they were willing to go to help their neighbors, friends &amp; family. <br/><br/>It was devastating to watch in 2022 as 98% of people decided that they were done caring. And instead choose delusion. To intentionally infect others rather than experience more inconvenience. <br/><br/>It&#39;s not too late to start caring again. 2025-09-04T06:24:24Z https://nostr.ae/nevent1qqsyrv2mgkjnz75ky7cd8298mptjkjkxn0qxrd63sealhd4slwnufgczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy7yjzka In reply to <a href='/nevent1qqsqfvu07fjfccam5ezs2m2grfh57x63ln5yjealjcatr6gyq3c05ksgy6ws3'>nevent1q…6ws3</a><br/>_________________________<br/><br/>Waste water data from cities in the United States are showing a massive outbreak in many places right now. I&#39;m watching one person after another get it. While almost no one is taking precautions.<br/><br/>The information we were told at the beginning about it not infecting or affecting kids much turned out to be proven by scientists to be wrong. Kids do suffer horrible consequences. <br/><br/>Masks make a massive difference. You need masks that seal, KN95 or N95. Covid is airborne. It floats far. 2025-09-04T06:19:34Z https://nostr.ae/nevent1qqsqfvu07fjfccam5ezs2m2grfh57x63ln5yjealjcatr6gyq3c05kszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy9jfek3 Covid is highly contagious.<br/><br/>It’s airborne. Floats in the air &amp; hangs for hours, like measles. You can show up later &amp; get infected. <br/><br/>It’s incredibly damaging to the human body. Especially if you are infected over &amp; over.<br/><br/>The vaccines are amazing. And yet, they do not prevent vaccinated people from being infected &amp; contagious.<br/><br/>Many infectious people have no symptoms at all.<br/><br/>The rapid home tests have an incredibly high rate of false negatives. A negative test does NOT mean you don&#39;t have it. 2025-09-04T06:15:57Z https://nostr.ae/nevent1qqs22prsgep5j9m9hsfddt233n3q0kqtcxah4hqm4xss4ec7fzff5qgzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyyqp6df Web developers, <br/><br/>I have a question for you. Imagine an idea for a new web technology is proposed. But at least of the browser makers formally objects because of privacy concerns or other reasons. They say &#34;No, we object to this proposal. We will never ship this. Let’s redesign it without these problems.&#34; But the other browser disagrees &amp; ships anyway.<br/><br/>Should that technology be considered A Web Standard — when 1 or 2 browsers implement &amp; ship, while 1 or 2 browsers Formally Object and say no? 2025-09-03T21:35:56Z https://nostr.ae/nevent1qqspward6u387v3x3m5whtweg5t72xm27e49rxwljrne9v6z6mvnl6czyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cytjeqcd Web developers, do you test your sites in Safari Beta? (On a standalone machine, automated? On your Mac?)<br/><br/>If not, why? Is it because installing the beta overrides regular Safari? If you could have Safari &amp; Safari beta both at the same time, would you do so?<br/><br/>What do you need? Why? Share details! 2025-08-06T23:19:39Z https://nostr.ae/nevent1qqsyz3spnqdvlg04vhx2lkvq23ktnr5n087c0480z793vd7a6q6t2tgzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyuehmcy Over the years, I’ve heard a lot of developers &amp; other people wish that uBlock Origin was available for Safari. Now it is! Download for Safari 18.6 and Safari 26 beta. <br/><br/><a href="https://apps.apple.com/app/ublock-origin-lite/id6745342698">https://apps.apple.com/app/ublock-origin-lite/id6745342698</a> 2025-08-05T17:36:25Z https://nostr.ae/nevent1qqst3n2s6uler4a7mmyhkm3e7rku2u2qr5fxvff96uukdtvjcwe2agczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cymsn6xr What do you need most from WebKit (the rendering engine for Safari that runs your HTML, CSS, JS, and more)? <br/><br/>If you are making websites, what could we do in WebKit to make it easier for you to create fantastic experiences for your users? 2025-07-25T17:20:37Z https://nostr.ae/nevent1qqspgt0pfwkywwad8nnwktxmj4662wz2rhjufu5s0lg39qdjyxakhnqzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy42k5qn Imagine one group advocates for a new web technology, and write down their ideas. And then other people have concerns about those ideas (maybe thinking it’s not well designed, not easy for developers to use, invades privacy, isn’t secure, etc)… so they are totally not on board. If those ideas end up in a web standards group anyway, and get pushed through while the original group still objects — is that a web standard or not? If a browser formally objects &amp; refuses to ship, is it a web standard? 2025-06-24T16:59:38Z https://nostr.ae/nevent1qqsfkqdlewdyaefhhq20zhtqs7ukhvpxm36adnwk8m4pup3utyap8xczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyjxrhe9 In reply to <a href='/nevent1qqsyaapd8pcm6xkfnefnjsd4g04fh9a0pknzjs342hm7t8pelrm9gecm7su7f'>nevent1q…su7f</a><br/>_________________________<br/><br/>A ban on masks is a ban against people like me existing in public. I got covid before the lockdowns in the U.S., because our government failed to act. It left me significantly disabled. And now, I must avoid getting it again. A mask ban is a return of the ugly laws, a ban on disabled people. I will not obey. Let’s go to court. Absolutely not. I have a right to exist. 2025-06-16T02:17:14Z https://nostr.ae/nevent1qqsphqh6n9ryr3k34vpxuarykrud9cep70c5fga996h38dmn8xxnavszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyr597g9 Now that you’ve seen what’s coming in Safari 26… web designers &amp; developers, what do you need most to come next? If you were setting the priorities for what happens, what would you put at the top of the list? 2025-06-11T20:23:47Z https://nostr.ae/nevent1qqstrm8zzav5rww2acxd5kqsaxq3070rzh8t7nszcpqp7xdwgzv2reszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyhyq29x If you make websites — as a developer, designer, product owner or more — what’s your favorite way to learn about what’s new on the web?<br/><br/>What type of content do you find most helpful?<br/><br/>Where are some of your favorite resources?<br/><br/>What’s hard? What doesn’t work? Why?<br/><br/>What do you need that you don’t have now?<br/><br/>What do you want to learn? What could unblock you?<br/><br/>If you could wave a magic wand, what would you want someone to make for you??? 2025-05-14T21:52:58Z https://nostr.ae/nevent1qqs2rujc54fcj48v78kutnhyuv5m8e6awrd8dtu9780pzwe3np8vnwqzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyaj85qk In reply to <a href='/nevent1qqsy38vy3vw8auk8s0yryljq4tddlapdzz66emzsme8404u00n0sw8s5t5vu0'>nevent1q…5vu0</a><br/>_________________________<br/><br/>Oh, this is what I was talking about. It started with a quick demo on CodePen to check out what `contrast-color` does. Then a very short blog post for that demo. Then… oh. <br/><br/>Now it’s a 2500 word article on contrast algorithms, questioning how best to get to true accessibility…<br/><br/><a href="https://webkit.org/blog/16929/contrast-color/">https://webkit.org/blog/16929/contrast-color/</a> 2025-05-13T19:00:30Z https://nostr.ae/nevent1qqsgd3uj30tzgjxfudvrhna2qduwklqa9u6pygjadsps2mz36aek2vqzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy87fkse Have you ever wished the browser would look at a background color and pick black or white for the text — whichever one provides more contrast? Now, the `constrast-color()` function in CSS does just that.<br/><br/><a href="https://webkit.org/blog/16929/contrast-color/">https://webkit.org/blog/16929/contrast-color/</a> 2025-05-13T18:50:11Z https://nostr.ae/nevent1qqsy38vy3vw8auk8s0yryljq4tddlapdzz66emzsme8404u00n0sw8szyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyuj33mm In reply to <a href='/nevent1qqsqsylmg0xxekuetlwfytzr85y72d0m5m8mhm8leytkguj35zuhdmqh85w9l'>nevent1q…5w9l</a><br/>_________________________<br/><br/>This is one thing I love about what I do. I get to find out so many things I would never had known, because I&#39;m surrounded by smart &amp; generous experts who chime in and make the content we are preparing for you much better. The bar is really high, and we keep perfecting things over and over until they are right. <br/><br/>I&#39;m excited about what I learned. I&#39;m proud of what I&#39;m getting to write. <br/><br/>The work is far better than what I could ever do alone because of my colleagues. 2025-05-09T00:49:54Z https://nostr.ae/nevent1qqsqsylmg0xxekuetlwfytzr85y72d0m5m8mhm8leytkguj35zuhdmqzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy25f0uw Hey, let me write about this new CSS property, I said. It&#39;ll be easy, I said. It&#39;s such a simply property… oh wait, what? Why does this demo not seem to work? Oh it does work. But the thing underneath it is flawed? Everyone agrees it needs to be better. People have been working on it for YEARS? Oh. Ok I&#39;ll explain that. And just get a few people to review this… wait, what else? Ok add an entire new section. Oh. Rewrite all this?<br/><br/>Weeks later…<br/><br/>Ok, I&#39;ll rewrite this whole section again… And this… 2025-05-09T00:39:55Z https://nostr.ae/nevent1qqsvlpxle6mjqd7p98sjtjahc963capktg78wu5mcwdkp59z5l86qhqzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy49mfln Using the color picker in HTML for your website? Did you realize it’s been limited to sRGB? Well, no longer. In Safari, now you can use two new attributes to support P3 color and alpha transparency. <a href="https://webkit.org/blog/16900/p3-and-alpha-color-pickers/">https://webkit.org/blog/16900/p3-and-alpha-color-pickers/</a> 2025-05-07T13:08:50Z https://nostr.ae/nevent1qqs2r7c24z042g7wvt8ktawzu70kw4nrymhqum5nleex9ps3gakr3pczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyaeghat If you write code to make websites (HTML, CSS, JS, Web API, Media files, etc), and you get frustrated trying to wrangle your code to work in Safari, which bugs are blocking you? Which existing features would you most like to see improved? If you got a chance to order priorities, what bug fixing effort would you put at the top of the list? 2025-05-02T16:50:21Z https://nostr.ae/nevent1qqs08ckmn2zhyrlu0rax7ezqskjxaew5anemut85cqeljy0j5u9vkvczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy9d4u4z Does anyone have any example of websites that are using SVG for their icons? <br/><br/>Just plain icons? Does anyone make responsive icons? Light/dark icons? <br/><br/>How important is this to you? Would you rely on it if it were more deeply supported? 2025-04-28T20:05:03Z https://nostr.ae/nevent1qqsxvssnhy5ay4d62mm94l4vjkarqmzr3d30y4994d7n6ajk3plvncgzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyexd6p7 In reply to <a href='/nevent1qqspzc2vyfgdwkmj825qluuee4jpxvaafskpx5w5rr360mux44wqywqwku4rs'>nevent1q…u4rs</a><br/>_________________________<br/><br/>You can use line-height units (`lh and &#39;rlh`) in your designs to better tie layout to your typography. Including using them as paragraph margins (instead of `em`) to easily establish much better vertical rhythm. These units are supported in all browsers today!<br/><br/><a href="https://webkit.org/blog/16831/line-height-units/">https://webkit.org/blog/16831/line-height-units/</a> 2025-04-25T16:01:04Z https://nostr.ae/nevent1qqspzc2vyfgdwkmj825qluuee4jpxvaafskpx5w5rr360mux44wqywqzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyauu40d In reply to <a href='/nevent1qqsdw0d3kq7zjwy572c3p2xx2kpg4fnnj20x66mjrch3tvg9darvdes5rvyyp'>nevent1q…vyyp</a><br/>_________________________<br/><br/>The CSS shape() function makes it possible to create any shape you want, including custom curves, when defining a shape value for `clip-path`, `offset-path`, or `shape-outside`. And it’s easily responsive, unlike SVG. <br/><br/><a href="https://webkit.org/blog/16794/the-css-shape-function/">https://webkit.org/blog/16794/the-css-shape-function/</a> 2025-04-25T15:59:23Z https://nostr.ae/nevent1qqsdw0d3kq7zjwy572c3p2xx2kpg4fnnj20x66mjrch3tvg9darvdeszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyer6xaw In reply to <a href='/nevent1qqs0entl3vmstwcu20l9d24v8qtddn06zl6w75men6wk78mt0ng5rfqjfy6eu'>nevent1q…y6eu</a><br/>_________________________<br/><br/>`text-wrap: pretty` lets you ask the browser to use a better mechanism for determining when to wrap text, avoiding short last lines, avoiding poor hyphenation, and making the inline end edge less raggedy (improving rag). In Safari, it improves *all* lines of text.<br/><br/><a href="https://webkit.org/blog/16547/better-typography-with-text-wrap-pretty/">https://webkit.org/blog/16547/better-typography-with-text-wrap-pretty/</a> 2025-04-25T15:57:36Z https://nostr.ae/nevent1qqs0entl3vmstwcu20l9d24v8qtddn06zl6w75men6wk78mt0ng5rfqzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyu6jhfj In reply to <a href='/nevent1qqs8qe4glctsn83yn3mc6w9t9swdxf6wlu9yufqyfggr7gjtaey2jtqxa3yyj'>nevent1q…3yyj</a><br/>_________________________<br/><br/>Safari 18.4 contains a huge number of new features for web developers, including Declarative Web Push, shape(), sideways writing modes, text-auto-space, P3 support for color pickers, preset device sizes in Responsive Design Mode, and 78 more features!<br/><br/><a href="https://webkit.org/blog/16574/webkit-features-in-safari-18-4/">https://webkit.org/blog/16574/webkit-features-in-safari-18-4/</a> 2025-04-25T15:54:58Z https://nostr.ae/nevent1qqs8qe4glctsn83yn3mc6w9t9swdxf6wlu9yufqyfggr7gjtaey2jtqzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cydc687x In reply to <a href='/nevent1qqs2h6s4s802ecwfnfc9q8z94xzw2uk5zy5nlwn44m5dpt0kl53h7vs55m0g4'>nevent1q…m0g4</a><br/>_________________________<br/><br/>Item Flow — we came up with a proposal for new CSS that combines `flex-flow` and `grid-autoflow` into a new property called `item-flow`. It allows for new features in Flexbox and Grid, including `item-pack: collapse` for triggering masonry-style layouts. <br/><br/><a href="https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/">https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/</a> 2025-04-25T15:52:25Z https://nostr.ae/nevent1qqs2h6s4s802ecwfnfc9q8z94xzw2uk5zy5nlwn44m5dpt0kl53h7vszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy5vrekr In reply to <a href='/nevent1qqsp4f9v2qv5h8lxjh2yp4wrwqp8ex0padtas4m85ej2auv6gxe3swszc8d9c'>nevent1q…8d9c</a><br/>_________________________<br/><br/>In case you missed these 6 articles, let me list them… Declarative Web Push — we’ve created a new web standard for push notifications that’s easier to use than the original Web Push. Use declarative JSON formatted a certain way &amp; be done. No need for a Service Worker.<br/><br/><a href="https://webkit.org/blog/16535/meet-declarative-web-push/">https://webkit.org/blog/16535/meet-declarative-web-push/</a> 2025-04-25T15:33:28Z https://nostr.ae/nevent1qqsp4f9v2qv5h8lxjh2yp4wrwqp8ex0padtas4m85ej2auv6gxe3swszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyduvnre Make websites? Are you reading webkit.org? We published 6 articles in the last 5 weeks — aiming for at least one a week from now on. Teaching you all about new technology, proposals for the future, and what’s coming in Safari.<br/><br/>• lh units<br/>• shape()<br/>• text-wrap: pretty<br/>• Safari 18.4<br/>• Item Flow<br/>• Declarative Web Push<br/><br/>Plus release notes for Safari Technology Preview every other week.<br/><br/>What should we write about next? 2025-04-25T15:23:12Z https://nostr.ae/nevent1qqsthc7zfsvp644vh745uf5t2y6szqp2wl3cy3a0ht3zz3z96x5rqtqzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyxj42zq Are you excited for masonry layouts in CSS? Wondering what’s happening? <br/><br/>Well, a third option is emerging. One that unifies the `flex-flow` and `grid-auto-flow` properties into a whole new mechanism — Item Flow.<br/><br/>Learn what it is, and what it means for Flexbox and Grid in <a href="https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/">https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/</a><br/> <img src="https://cdn.masto.host/frontendsocial/media_attachments/files/114/242/546/831/198/008/original/1883e87913301dc8.jpg"> <br/> 2025-03-28T23:02:08Z https://nostr.ae/nevent1qqsp9xlhwyetks57cjtpr69laa4vvdgv47e8a2kf8e72m3ctf5xyytczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyglut54 Web Push is exciting. But it requires service workers and a bunch of custom code that can be different from project to project.<br/><br/>How about instead we standardize on using JSON &amp; leave JavaScript out of it!<br/><br/>Meet Declarative Web Push. Available in iOS and iPadOS 18.4 beta.<br/><br/><a href="https://webkit.org/blog/16535/meet-declarative-web-push/">https://webkit.org/blog/16535/meet-declarative-web-push/</a> 2025-03-27T18:13:35Z https://nostr.ae/nevent1qqs0cu3ac70yaphzd435d0a5as3vvy4qr50e7chvxwqjnxrz998lcqqzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cylmgtf8 In reply to <a href='/nevent1qqspq4v6uuzary4cshxj3qwdnqm23vsdngs8cavkuadszylaqc87jasj63d5z'>nevent1q…3d5z</a><br/>_________________________<br/><br/>Standards-first is truly important. People have had ideas of how form controls and their custom styling should work for THIRTY YEARS. There is no lack of ideas. What&#39;s been lacking is consensus on how to move forward. Anyone pushing a one-company / one-person agenda without true cross-browser, cross-working-group consensus is not going to break the three-decade old log jam. 2025-03-21T23:27:48Z https://nostr.ae/nevent1qqsqgrxa7qgnkfvtefmlc0ws2tzfanpwy5x79wwvvvx6dhuznwf5fnczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyvdmwfw There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything — building on an interoperable UA set of defaults. It only took 30 years! <br/><br/>First will be the chance to style the “in-page” controls (the part embedded in the webpage), plus the popover for &lt;select&gt; (the part that appears “over top of” the page). Later we’ll do popovers for more things — like the date picker, etc. <br/><br/>Read about it here: <a href="https://drafts.csswg.org/css-forms/">https://drafts.csswg.org/css-forms/</a><br/> <img src="https://cdn.masto.host/frontendsocial/media_attachments/files/114/202/668/590/283/062/original/bf5eef679ce9c4be.png"> <br/> 2025-03-21T22:00:56Z https://nostr.ae/nevent1qqsygtu229fsdnvy2kny0h53sdgug3xkzd36w4uy4f3xv6gdfeg6jnczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy2kgdjv Safari Technology Preview 215 is here! It includes several exciting features: <br/>- Scroll Driven Animations<br/>- text-wrap-style: pretty<br/>- CSS Anchor Positioning<br/>- HDR images<br/>- Trusted Types<br/>- File System WritableStream API<br/><br/><a href="https://webkit.org/blog/16523/release-notes-for-safari-technology-preview-215/">https://webkit.org/blog/16523/release-notes-for-safari-technology-preview-215/</a> 2025-03-17T19:12:59Z https://nostr.ae/nevent1qqsqt5yn5ac845tytfcq8j3xv6dkz3fesjkzcgs92ytyvytymqpfr6szyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cywrq6de Styling HTML form controls is something web designers &amp; developers have wanted for years! <br/><br/>My team is working on a solution — you’ll apply `appearance: base` and switch to a new interoperable, consistent controls with easy to override default CSS. They inherit much more of what you already have going on. And then you can override (even more of) those styles using new pseudo-elements. <br/><br/>See the details at: <a href="https://drafts.csswg.org/css-forms/">https://drafts.csswg.org/css-forms/</a> 2025-03-05T17:43:11Z https://nostr.ae/nevent1qqsxdw86ka034gdlhqa2de8f5tsq3ya7hpravcpmdq9rf4xuxlag3jgzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyhe8fsx We heard your requests! <br/><br/>Responsive Design Mode in Safari 18.4 beta now has a dropdown of preset viewport sizes available. Along with a button to switch orientation.<br/> <img src="https://cdn.masto.host/frontendsocial/media_attachments/files/114/044/085/642/442/150/original/2acfe119adda1789.png"> <br/> 2025-02-21T21:51:08Z https://nostr.ae/nevent1qqsdpe9kz3wmw2j28q6lgmh2wc8s0uzumtylk35khw2smvmwsfpedcczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy64dzgd Interop 2024 reached an all time high interoperability score! Every browser tested earned a 99 while overall interoperability reached 97% pass rate (in preview browsers).<br/><br/>Read more about the success of Interop 2024:<br/><a href="https://webkit.org/blog/16413/the-success-of-interop-2024/">https://webkit.org/blog/16413/the-success-of-interop-2024/</a> 2025-01-14T21:41:57Z https://nostr.ae/nevent1qqswnnnw7ptemnu255zu3yf5t0a39hf2l3xy95qhyt5sa78yh6p0wyczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cymcc86n Safari 18.2 is here! For web developers, it’s the biggest release of new features this year. Highlights include cross-document View Transitions, text-box, spatial videos in visionOS, ruby improvements, WASM garbage collection, HTTPS by default, Genmoji, and more.<br/><br/><a href="https://webkit.org/blog/16301/webkit-features-in-safari-18-2/">https://webkit.org/blog/16301/webkit-features-in-safari-18-2/</a><br/> <img src="https://cdn.masto.host/frontendsocial/media_attachments/files/113/635/643/020/773/521/original/49858d78537e40b7.png"> <br/> 2024-12-11T18:35:30Z https://nostr.ae/nevent1qqsfq3nruwcuy82qfljzghxlj2s8aw8xufxgp9kk43yjj3jmkasqneszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyuamvlw I’m excited about what we have coming in Safari 18.2 for web designers and developers. <br/><br/>- `text-box-edge`, `text-box-trim`, and `text-box`<br/>- cross-document View Transitions, View Transition Classes, View Transition Types, `view-transition-name: auto`<br/>- dividing by numbers with units in `calc()`<br/>- `background-clip: border-area`<br/>- `scrollbar-width` and `scrollbar-gutter`<br/>- ruby-align, ruby-overhang, unprefixed `ruby-position`<br/>- `input type=week` on iOS<br/><br/>And a LOT more!<br/><br/><a href="https://developer.apple.com/documentation/safari-release-notes/safari-18_2-release-notes">https://developer.apple.com/documentation/safari-release-notes/safari-18_2-release-notes</a> 2024-11-01T20:50:22Z https://nostr.ae/nevent1qqsxu6kpe38y4u0secwgnnwpkxy6t2ck7ur4zls5803qeqnwn9dz0eszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cycd5zas This article by <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/npub18q57u2v3xwnu3tlfq3hhkltrfwp5ap0j5phdg9pa0lvwpq0p3tpqqgah6v" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>Ahmad Shadeed</span> (<span class="italic">npub18q5…ah6v</span>)</a></span> is fantastic. It explores the choice of adding masonry-layout capabilities to CSS Grid vs creating a whole new display type. He created several examples, going through the code needed to create layout variations at breakpoints while still supporting older browsers. What would it be like to use each in the real world? <br/><br/> A highly recommended read! <br/><br/><a href="https://ishadeed.com/article/css-grid-masonry/">https://ishadeed.com/article/css-grid-masonry/</a><br/> <img src="https://cdn.masto.host/frontendsocial/media_attachments/files/113/397/730/888/157/745/original/a9f917bb4cd7c54d.png"> <br/> 2024-10-30T18:17:34Z https://nostr.ae/nevent1qqs250p6twq5fspq0m72xe5r8vjqukym780c86g8ew90xhsscpvh8zszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy2amnnv This week is the WebKit Contributor’s meeting — with the browser engineers who contribute to WebKit. Including from Apple, Igalia, Sony, Redhat &amp; more.<br/><br/>Did you know that WebKit is not just the browser engine for Safari — but for many other browsers, apps, and platforms as well? Igalia <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/npub12wy58v274ujdn9cuujkg24zx05tnv209svzdqelats4ff5zurfmqczlm9d" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>npub12wy58v274ujdn9cuujkg24zx05tnv209svzdqelats4ff5zurfmqczlm9d</span> (<span class="italic">npub12wy…lm9d</span>)</a></span> maintains two of them: WebKitGTK <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/npub1reqh6cfc4gkz65qyzkd9957mdes0upq2vwa3rhylkmxarfrynjnsys6fnv" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>WebKitGTK</span> (<span class="italic">npub1req…6fnv</span>)</a></span> and WPE <span itemprop="mentions" itemscope itemtype="https://schema.org/Person"><a itemprop="url" href="/npub1kyk9vxef9cphula5e9hsqr7natmqt87kf522qlp0fy204vpyu2jqfgg5gg" class="bg-lavender dark:prose:text-neutral-50 dark:text-neutral-50 dark:bg-garnet px-1"><span>WPE WebKit</span> (<span class="italic">npub1kyk…g5gg</span>)</a></span><br/><br/>WebKit is especially great for devices that don’t have a lot of power. It’s used for digital signs, medical devices, game consoles and more! 2024-10-22T20:53:05Z https://nostr.ae/nevent1qqsvf84jpl2f84szwlfl2gv7vtfhk94kxdj6z9t9tejupvpdszndl9gzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cypcd93k I’m really proud of this article on Masonry &amp; CSS. <br/><br/>It was incredibly hard to write. We spent weeks writing and rewriting, digging deeper &amp; deeper into the issues at had, working to make things as easy to understand as possible.<br/><br/> <a href="https://webkit.org/blog/16026/css-masonry-syntax/">https://webkit.org/blog/16026/css-masonry-syntax/</a><br/><br/>There’s also a really cool idea about how to add another new feature to CSS Grid. (It would make it super easy to create a common article layout that’s not easy today.) <br/><br/>I can’t wait to hear what you think.<br/> <img src="https://cdn.masto.host/frontendsocial/media_attachments/files/113/346/884/852/808/022/original/f33bba8bec4da22f.jpg"> <br/> 2024-10-21T18:43:55Z https://nostr.ae/nevent1qqsdk66vl8xctst6av6par6m2sn2hphyceqnmsvndknlyc520dv6uggzyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyrg5df6 Would you like to be able to create masonry-style layouts in CSS??? We just wrote a giant article with all the latest news on where this feature is at.<br/><br/>The CSSWG is now debating how the syntax should work. Please read our thoughts, and chime in with yours (read to the end of the article to learn how).<br/><br/><a href="https://webkit.org/blog/16026/css-masonry-syntax/">https://webkit.org/blog/16026/css-masonry-syntax/</a> 2024-10-21T18:31:27Z https://nostr.ae/nevent1qqstgpv6n75z52hl076t3a4ehek2ttylcqshn69m86cm75dd4feh73czyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy2vxw5w If you write CSS (aka typidy-type CSS selectors, properties &amp; values into a code editor), have you learned CSS Grid yet?<br/><br/>If not, reply with why. Why haven&#39;t you learned Grid yet? What would cause you to learn it? What help would help? 2024-10-17T17:14:33Z https://nostr.ae/nevent1qqsfwhwjjw5feg59srafeh3rtgzcda9phsmgx2zr3met6u44f86elrczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cym3h7pm Web developers,<br/><br/>What existing CSS do you struggle with most?<br/><br/>Can you think of an older feature from CSS2/ CSS3, that has been in all browsers for a long time, but still doesn&#39;t work the same cross-browser. And so you fight with it, you have to use a hack or workaround. Or you just cannot use that feature at all. Perhaps you haven&#39;t even thought about it in a long time because you wrote it off as unusable long ago.<br/><br/>Is there anything that still falls into that category? <br/>What do you want fixed? 2024-09-19T14:50:44Z https://nostr.ae/nevent1qqsz3g8gp72ft69vvtss0xd3n625av5ma360c83paexzp5mccfvp0mczyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cy0szl9t Safari 18.0 is here. Have you seen what’s new for web development? Lots of new CSS, HTML, JS, Web API, media… Plus new Safari features like Distraction Control, Viewer, and a way to use Safari’s web developer tools with iPhone Mirroring.<br/><br/>Our articles are packed with practical examples demonstrating how to use the new web technology. I hope you find it helpful. <br/><br/><a href="https://webkit.org/blog/15865/webkit-features-in-safari-18-0/">https://webkit.org/blog/15865/webkit-features-in-safari-18-0/</a> 2024-09-17T16:38:54Z https://nostr.ae/nevent1qqsgjtxz74y9mundjpwa2wpdeq48hjhv3p25v9q0zkwp2vlgwrawt7czyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyzvn3ex In reply to <a href='/nevent1qqsqacj4nhtnpauc55f52zl2fnsemgd2su089tex273uzspahqja8hsraw68y'>nevent1q…w68y</a><br/>_________________________<br/><br/>I don’t know which is more shocking — learning that humans are this deeply selfish. That many people I know have the capacity to commit casual murder.<br/><br/>Or to watch communities I used to be a big part of drop me so completely. Discard people like me. Reject us. Banish us. Pretend like I never existed, never contributed anything.<br/><br/>Either way, their every action, every superspreader party, every “yes I’m infected but I need to have a life”… they let me know there is no place in their world for me. 2024-08-18T00:21:46Z https://nostr.ae/nevent1qqsqacj4nhtnpauc55f52zl2fnsemgd2su089tex273uzspahqja8hszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cyqejk4l Day 1628. It’s still shocking to watch people I used to think were my friends &amp; community ignore the very real danger of the raging pandemic. People *knowingly infected* going about their lives in public, in the park, on airplanes… Basically expressing eugenics in real time. Knowing their actions will kill &amp; disable others, but truly not caring. At all. Even when they know me — are looking right at me — choosing to act in a way that could steal my life away from me. Pretending they aren’t. 2024-08-18T00:15:36Z https://nostr.ae/nevent1qqsyjwus3qm2nurw3ccmw9k8ssc6fc79grww3qhwze02pz5n2jtsagszyz9l7h4a8ayyfna95t8qmnkcsnatefnkp4jx3t7x8yfgz50j6t4cytaqc2v A mask ban will ban me completely from indoor public life. <br/><br/>I’ve already been pushed most of the way out of society. I cannot believe people are legislating pushing people like me all the way out. Oh, wait, yes I can. This is what the last 2.8 years have been like. Watching everyone around me deciding one by one they would rather banish me from society than be even the slightest bit inconvenienced. Letting me know their feelings are far more important than my life. <br/><br/><a href="https://med-mastodon.com/@luckytran/112611073769629423">https://med-mastodon.com/@luckytran/112611073769629423</a> 2024-06-13T23:55:05Z