مقالات

هفته نامه وب شماره 194


تگ گوتن! تگ گوتن! 👋

آیا ویژگی های جدید سافاری را دنبال کرده اید؟ آیا می دانید چگونه به شکاف ها در CSS استایل بدهید؟ آیا نگران آینده وب هستید؟

آهنگ Web Weekly را روشن کنید و چند پاسخ را در زیر بیابید. لذت ببرید!


پاول می گوید:

Wifey زمانی که این یکی با صدای بلند پخش می شود را دوست ندارد، اما این یکی برای شنیدن با صدای بلند است. Djrum برای همه مناسب نیست، اما اگر به گاراژ آزمایشی و dnb علاقه دارید، ممکن است آن را دوست داشته باشید.

آیا می خواهید آهنگ مورد علاقه خود را با انجمن وب ویکلی به اشتراک بگذارید؟ پاسخ را فشار دهید؛ وجود دارد شش آهنگ دیگر در صف گیر کرده است


شاید متوجه شده باشید که من پس از به اشتراک گذاشتن نگرانی‌هایم در مورد وضعیت انتشار محتوا در شماره گذشته، دو هفته استراحت کردم. افراد زیادی تماس گرفتند و افراد زیادی شروع به پشتیبانی از وب ویکلی کردند. این خبرنامه اکنون 47 حامی دارد. ❤️

مجموعه عظیمی از امتیازات کارما به مارکو، رومن، دیو، دیتر، کارلوس، کریلک و برند برای حمایت از انتشارات مستقل می رسد. با تشکر از شما کارول و استیو همچنین توصیه های خوبی برای وب سایت هفتگی ارائه کردند. یک تشکر بزرگ از همه شما!

اما اجازه دهید شفاف باشم و اعداد و ارقام را به اشتراک بگذارم: پیدا کردن «چیزهای خوب» و نوشتن وب هفتگی به راحتی برای من 8 تا 10 ساعت در هفته هزینه دارد. و به لطف حمایت شما من تقریباً 150 دلار در ماه درآمد دارم. پس از کسر هزینه های هاست و ایمیل، برای 40 ساعت کار 100 دلار می شود.

بدیهی است که می دانید من شامل حامیان مالی هستم. در یک ماه خوب، این مبلغ 500 تا 600 دلار است. این همه قبل از مالیات است، و در کل معامله خیلی خوبی نیست. من هم از «فشار» هفتگی برای زایمان خسته شده ام.

من همیشه عاشق یادگیری و به اشتراک گذاری بوده ام، اما با وضعیت فعلی وب / صنعت / جامعه، فقط به این فکر می کنم که با این “پروژه جانبی کوچک” به کجا می روم. من هم 40 ساله شدم و این قطعا کمکی نمی کند.

با این کجا میرم؟ این شماره Web Weekly 194 است. من عاشق اعداد هستم، بنابراین قطعاً برای شماره 200 تلاش خواهم کرد. و نمی‌خواهم خیلی دراماتیک به نظر بیایم، این فقط یک خبرنامه است که به صندوق ورودی شما می‌آید، اما بله… من باید بنشینم و واقعاً در مورد اینکه چه کار کنم فکر کنم. من شما را در جریان قرار خواهم داد!


اگر وب ویکلی را دوست دارید، لطفاً آن را با دوستان و خانواده خود به اشتراک بگذارید.

یک “بازنشر” سریع واقعا به این خبرنامه مستقل کمک می کند. ممنون ❤️


چیزی که باعث شد این هفته لبخند بزنم

هفته نامه وب شماره 194

مدتی بود که منتظر اولین “هوش مصنوعی بزرگ” بودم، اما به نظر می رسد حتی تصاحب حساب های اینستاگرام “خوبی” باشد.

نگران نباش!

بدون کد

  • ایجاد یک برنامه جدید → “اعتراف به زمانی که ذهن شما تغییر کرده است و چرا یک مهارت رهبری دست کم گرفته شده است.”
  • کارهایی را انجام دهید که از آنها لذت خواهید برد ← “شما می توانید پیراهن خود را اتو کنید زیرا “باید اتو کنید”، یا می توانید آن را اتو کنید زیرا عاشق کسی هستید که فردا آن را می پوشد.”
  • غم و اندوه خاموش دوستی بزرگسالان ← “دوستی بزرگسالان به یکی از مهم ترین و کم بحث ترین ضررهای زندگی مدرن تبدیل شده است.”

نکات برجسته سافاری 27

اخبار WWDC26: WebKit در سافاری 27 بتا

آیا به WWDC26 امسال توجه کردید؟ باید بگویم که در محافل من بسیار آرام بود. اپل نسخه بتای جدید سافاری ۲۷ را منتشر کرد.

دارای «58 ویژگی جدید، 525 اصلاح و 4 مورد منسوخ شدن» است. در اینجا دو مورد علاقه من است.

یک قطعه HTML که انتخابی را نشان می دهد که شامل "محتوای انتخاب شده" و HTML بیشتر در "گزینه ها" عنصر

ابتدا، Safari به Chromium می‌پیوندد و به‌زودی از «انتخاب‌های سفارشی» پشتیبانی می‌کند. یعنی ، appearance: base-select، ::picker-icon و ::checkmark به آرامی ارزش یک نگاه را دارد!

<img decoding=” loading=”lazy”/>

WebKit در حال پیوستن به باشگاه است و پشتیبانی را آغاز خواهد کرد sizes=auto برای تصاویر! این بدان معناست که ما در حال ورود به قلمرو بارگذاری تصویر اولیه هستیم!

به غیر از آن، این پست در مورد انتشار است خیلییییییییییییییییییییییییییییییییییییییییییییییییییییییییییی اوووووووووووووووووووووووووم برای این اتفاق طولانی مدت! “خداحافظ” سکویا و “سلام” تاهو، حدس می زنم. گوشه های گردتر در راه است! دنیای شیشه مایع این روزها چقدر بد است؟

سافاری جدید را بررسی کنید

آیا به یک معیار عملکرد جدید نیاز داریم؟

بخشی که اغلب نادیده گرفته می شود این است که TBT مجموع نامحدودی از تمام کارهای مسدود کردن در ردیابی نیست: این مجموع تمام زمان مسدود کردن بین اولین قرعه کشی با محتوا و زمان تعامل است.

هری توضیح می دهد کل زمان مسدود شدن، ابتدا با محتوا نقاشی کنید، و زمان تعامل معیارهای perf و ادعا می کند که ما به یک معیار دیگر نیاز داریم: پنجره TBT. این توضیح خوبی است از اینکه چند معیار بر یکدیگر تأثیر می‌گذارند و من نمی‌دانستم زمان تعامل چگونه می‌تواند بر زمان کل بلوک تأثیر بگذارد.

یک شبکه سریع بسازید

سرگرمی با جدید image() تابع CSS

.hero { پس‌زمینه-تصویر: تصویر(آلفا(مشکی/50%))، url('/mountains.avif'); }

Ollie به آینده نگاه کرد و نحوه فوق العاده جدید را به اشتراک گذاشت image() این ویژگی برخی از جلوه‌های پس‌زمینه کاربردی فقط CSS را فعال می‌کند! image() آنقدر جدید به نظر می رسد که هنوز داده های سازگاری واقعی ندارد، اما در Chrome Canary کار می کند و بعد از 150 ارسال می شود.

مقداری رنگ اضافه کنید

تزئینات شکاف CSS

.shelf { column-rule-width : 1px ;   ستون-قاعده-سبک: جامد;   رنگ قانون ستون: oklch(70% 0.14 235)؛   rule-inset-cap: 10px;   قانون درج: 130 پیکسل. }

Chromium دو هفته پیش شروع به انتشار تزئینات اشکال با نسخه 149 کرد. و پسر من در مورد آن هیجان زده هستم. سایت وب ویکلی شامل بسیاری از شکاف های محکم و بریده بریده است و ساخت این اثر بسیار دردناک بود.

برشت هر کاری را که می توانید انجام دهید و بسیاری از آن ها را توضیح می دهد!

شکاف را شکل دهید

وب شگفت انگیز عجیب – personalsit.es

این سایت برای اشتراک گذاری و لذت بردن از سایت های شخصی دیگران ایجاد شده است و در حال حاضر حدود 1040 نفر از آنها را در خود جای داده است. با شگفتی و هیبت شاهد آن باشید. بی عیب و نقص خیره کننده. چگونه این کار را انجام دادند؟ بله، قطعاً باید به زودی کار خود را دوباره انجام دهید.

اگر دلتان برای “وب قدیمی” تنگ شده است، من دوست دارم هر از گاهی این مجموعه از وب سایت های شخصی را مرور کنم.

چیزهای خوب را پیدا کنید

گفت: شاید یک روز سایت خیره کننده ای مانند Elle ایجاد کنم.

وضعیت CSS

وضعیت CSS 2026

نظرسنجی وضعیت CSS برای دو هفته دیگر باز است! اگه یه لحظه وقت داری برو بگیر من تازه تمومش کردم و حدود 10 دقیقه طول کشید. این یک نقطه داده مهم برای سازندگان مشخصات و فروشندگان مرورگر است، بنابراین بیایید همه چیز را به پایان برسانیم.

کمی بینش بدهید

آینده فایرفاکس و وب

آینده فایرفاکس و وب

من تا الان فقط نیمی از این قسمت Syntax رو گوش دادم، اما شنیدن صحبت های جیک همیشه خوبه و دیدنش در تیم فایرفاکس هنوز هم عجیبه.😅

آگاه باشید

آیا در نهایت عناوین متن‌آگاه خواهیم داشت؟



<h1>موزه ها</h1>
<p><!-- заглавие ниво 1 --><отместване на заглавието на раздела="1"></p>
<h1>ورود رایگان به موزه</h1>
<p><!-- заглавие ниво 2 --></раздел>” loading=”lazy”/></p>
<p>البته، ما در اینجا به آینده نگاه می کنیم و موارد زیر فقط پس از فعال کردن یک پرچم در فایرفاکس نایتلی کار می کنند. با این حال، فوق العاده هیجان انگیز است. پس از دو دهه مبارزه با عناوین به درستی گروه بندی و ساختار یافته، <code>headingoffset</code> این ممکن است در نهایت راهی برای کنترل بیشتر امور باشد. مانوئل نگاهی سریع انداخت.</p>
<p>عناوین خود را تراز کنید</p>
<p><em>و اگر یک ویدیوی سریع را ترجیح می دهید، در اینجا جیک ویژگی جدید را نیز توضیح می دهد.</em></p>
<h2 id=صحبت از امنیت وب…

تغییرات حیاتی آینده برای npm v12.

از آنجایی که ربات ها تمام کدهای ممکن را اسکن و سوء استفاده می کنند، امنیت وب مهم تر از همیشه است. آینده npm انتشار در نهایت آنچه را که در هنگام اجرا امکان پذیر است، محکم می کند npm installاسکریپت های نصب شامل خواهد شد. هاللویا!

و اگر می‌خواهید واقعاً ایمن باشید، نیک در خبرنامه شگفت‌انگیز One Tip a Week خود نحوه راه‌اندازی فایروال رایگان Socket را به اشتراک گذاشته است تا کدهای مخرب حتی روی دستگاه شما وارد نشود!

در نهایت، همیشه خوب است که جلوتر بمانید و بهترین شیوه های عمومی را بررسی کنید. لیران حمایت می کند npm-security-best-practices و ارزش دیدن داره

MDN تصادفی – import with

const data = منتظر واردات ("./data.json", { با: { نوع: "json" }، })؛

از آرشیو نامحدود دانش MDN…

در اینجا یک یادآوری سریع وجود دارد که می توانید از آن استفاده کنید with در واردات استاتیک و پویا برای بارگیری JSON. انواع بیشتری مانند CSS و متن در راه است.🤞

به روش فانتزی وارد کنید

خلاصه TIL – نقش های ARIA می توانند معنای کودک را تغییر دهند

ویجتی که نشان می‌دهد «نقش=منوی» که به درستی اجرا نشده است، معنای یک آیتم فهرست را حذف می‌کند.

آیا می‌دانستید که نقش‌های ARIA که به درستی اجرا نشده‌اند می‌توانند به طور کامل معنایی را بشکنند؟ قانون استاندارد اعمال می شود: اگر می خواهید برای ARIA بروید، مطمئن شوید که می دانید چه کاری انجام می دهید.

از ARIA آگاه باشید

جدید در پایه

تازه در دسترس: @container style(--theme: dark) { .card { background: #1e1e2e;color: #cdd6f4;} } >Widely Available .prose { margin-block: 1lh;scroll-padding-block: 2rlh;}” loading=”lazy”/></p>
<p>دوستان، ما این کار را کردیم! با فایرفاکس 151، پرس و جوهایی به سبک کانتینر که با ویژگی های سفارشی اجرا می شدند، وارد خط پایه شدند. و خنده دار است که طبق caniuse.com، فایرفاکس اکنون تنها مرورگری است که از عملکرد کامل پشتیبانی می کند؟ چه دنیای بامزه ای!</p>
<p>و از طرفی که به طور گسترده در دسترس است، <code>lh</code> و <code>rlh</code> واحدها اکنون برای استفاده بسیار ایمن هستند!</p>
<h2 id=سه پروژه ارزشمند برای بررسی

یاور کوچک جدید

مقایسه معیارها و رندر دو فونت.

اگر با بازی فونت وب جایگزین برای کاهش تغییر طرح‌بندی مشکل دارید، Fontastic Space می‌تواند به شما کمک کند!

مقایسه فونت ها

فکر هفته

من از هوش مصنوعی استفاده می‌کنم زیرا می‌ترسم پشت سر بگذارم، اما مطمئناً مطمئن نیستم که این شغلی است که عاشقش شدم یا خیر.

اما [using AI] متفاوت است زیرا مهندسان را ملزم نمی کند که روش جدیدی را برای انجام کاری که انجام می دهند بیاموزند. از آن‌ها می‌خواهد که از انجام کاری که در وهله اول آنها را مهندس کرده است دست بکشند و کاملاً به چیز دیگری تبدیل شوند.

و اگر اکنون می‌پرسید که آیا این خبرنامه تولید شده است، قطعاً اینطور نیست.

از این موضوع چیزی یاد گرفتی؟

❤️ اگر چنین است، به 47 حامی دیگر Web Weekly بپیوندید و با کمک مالی ماهانه کوچکی به حامیان مالی Patreon یا GitHub برگردانید.

همین، دوستان!

آیا این ایمیل را دوست داشتید؟ از این ایمیل متنفرید؟ من می خواهم در مورد آن بشنوم!

اگر فکر می کنید چیزی نیاز به بهبود دارد یا چیزی شما را خوشحال کرده است، لطفاً به این ایمیل پاسخ دهید زیرا می خواهم بیشتر بدانم!


و با آن، از خود مراقبت کنید – از نظر ذهنی، جسمی و عاطفی.

هفته آینده می بینمت!👋


Source link

نوشته های مشابه

دیدگاهتان را بنویسید

دکمه بازگشت به بالا