اللانهاية في CSS: رحلة غريبة عبر تفسيرات المتصفح

2025-08-21
اللانهاية في CSS: رحلة غريبة عبر تفسيرات المتصفح

تستكشف هذه المقالة السلوك الغريب لكلمة المفتاح `infinity` في دوال الحساب في CSS. من خلال تطبيق `infinity` على خصائص مثل `text-indent` و `word-spacing` و `letter-spacing`، يكتشف الكاتب عدم الاتساق في كيفية تعامل المتصفحات المختلفة مع القيم اللانهائية، على الرغم من أن النتائج المرئية تؤدي بشكل ثابت إلى تجاوز أفقي. والأكثر إثارة للاهتمام، عند استخدامه مع `z-index`، يتم تحديد القيمة المحسوبة لـ `infinity` بأقصى قيمة عدد صحيح في جميع المتصفحات، مما يؤدي إلى ترتيب تراكب غير متوقع. أخيرًا، يجرب الكاتب استخدام `infinity` لمدة الرسوم المتحركة، ويجد أنها تُترجم إلى أوقات طويلة للغاية، بل إنها تتسبب في عدم استجابة Safari للصفحة. باختصار، تكشف التجربة عن الاستراتيجيات المختلفة التي تستخدمها المتصفحات في التعامل مع القيم اللانهائية في CSS وبعض الآثار الجانبية المدهشة.

اقرأ المزيد

اختبار حدود المتصفح باستخدام قيم CSS اللانهائية

2025-08-08
اختبار حدود المتصفح باستخدام قيم CSS اللانهائية

جرّب الكاتب تعيين عرض وارتفاع عنصر ما على `calc(infinity * 1px)` في CSS لاستكشاف كيفية تعامل محركات عرض المتصفح المختلفة مع القيم اللانهائية. قام كل من Chrome وSafari بتقييد القيمة بما يقارب 33,554,400 بكسل. ومع ذلك، أظهر Firefox Nightly سلوكًا غير عادي؛ حيث تم تقييد الارتفاع إلى ارتفاع سطر النص، بينما وصل العرض إلى ملايين البكسل، لكن عرض التصميم كان حوالي النصف. كشفت اختبارات إضافية مع حجم الخط وارتفاع السطر عن اختلافات مماثلة، حيث كان عرض Firefox يختلف اختلافًا كبيرًا عن المتصفحات الأخرى. يتكهن الكاتب بأسباب هذه التناقضات ويدعو القراء إلى تقديم تفسيرات.

اقرأ المزيد
التطوير عرض المتصفح

عقد من الحزن: خسارة لا تطاق

2025-02-14
عقد من الحزن: خسارة لا تطاق

قبل ستة عشر عامًا، وُلدت ابنة الكاتب الثانية؛ وقبل عشرة أعوام، توفيت في عيد ميلادها السادس. يصف النصّ تأملات الكاتب في هذا اليوم، اليوم الذي كانت ستبلغ فيه ابنته السادسة عشرة، بعد عقد من وفاة ابنتها. يزور الكاتب قبرها ويحضر مراسم تأبينية أخيرة في معبد أنشي شيسد فيرمونت، وهو مكان كان ذا معنى خاص لها، قبل إغلاقه، مما يضيف طبقة أخرى من الحزن. يعترف الكاتب بأنه بعد عقد من الزمن، لا يزال ألم فقدان ابنته قائماً، وكذلك شعور بالذنب لأنه شعر بأنه "أخفق في ابنته بالطريقة الأكثر جوهرية".

اقرأ المزيد
متنوع الخسارة