Hello our valued visitor, We present you the best web solutions and high quality graphic designs with a lot of features. just login to your account and enjoy ...

<none>

Hello our valued visitor, We present you the best web solutions and high quality graphic designs with a lot of features. just login to your account and enjoy ...

CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.
6 + 5 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.

أخبار تكنلوجيا

رقم الخبر عنوان الخبر التفاصيل
36,693 الكرات الرأسية تضع محترفي الساحرة المستديرة أمام مصير مرعب نجما كرة القدم المشهوران بوبي تشارلتون وغيرد مولر مثالان على محترفي كرة القدم السابقين الذين عانوا من الخرف في الشيخوخة. مصيرهم يؤجج النقاش حول احتمال وجود خطر محدق باللاعبين بسبب الكرات الرأسية. فماذا يقول المختصون؟
36,692 مستخدمو iPhone 12 Mini يعانون من مشاكل

أبلغ عدد كبير من مالكي iPhone 12 mini الجدد عن مشكلات حساسية شاشة القفل منذ استلام هواتفهم.

ويحتوي منتدى MacRumors على منشور مكون من عدة صفحات يصف المشكلة، وقد تمت مشاركة الموضوع على موقع ريديت، حيث أبلغ المزيد من المستخدمين عن مشكلات مماثلة.

وتظهر المشكلة لمعظم المستخدمين عند التمرير لأعلى من أسفل شاشة القفل باستخدام إبهامهم لإلغاء قفل الجهاز، أو عند الضغط على أزرار المصباح أو الكاميرا عبر شاشة القفل.

ولا تتعرف الشاشة دائمًا على الضغط أو التمرير لأعلى لإلغاء القفل، وتنتهي مشكلات الحساسية بمجرد فتح iPhone 12 mini.

ويبدو أن الأصابع الأخرى بخلاف الإبهام لا تعاني من المشكلة، لكن هذا ليس مفيدًا جدًا لهاتف مصمم للاستخدام بيد واحدة.

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

ومع ذلك، لا يوجد إجماع حتى الآن على سبب المشكلة، وهل هي متعلقة بالأجهزة أو البرامج.

وعلى صعيد منفصل، أقرت شركة آبل في مستند دعم جديد بأن المستخدمين قد يواجهون مشكلات في جودة الصوت مع بعض الأجهزة السمعية المصنوعة لهواتف آيفون.

وتقول آبل: إنها على دراية بالمشكلة وستوفر إصلاحًا عبر تحديث برمجي في المستقبل.

وأوضحت الشركة أن بعض الأجهزة السمعية المتصلة بهواتف iPhone 12 mini أو iPhone 12 أو iPhone 12 Pro أو iPhone 12 Pro Max قد تصدر ضوضاء غير متوقعة، ومن ضمنها صوت ثابت عالٍ أو صوت متقطع أو صوت مشوش.

وأبلغ المستخدمون عن هذه المشكلات في العديد من المنتديات عبر الإنترنت، ومن ضمنها مجتمعات دعم آبل وريديت.

ولم تحدد آبل التحديث البرمجي الذي سيتضمن الإصلاح، لكنها أطلقت أول إصدار تجريبي من iOS 14.3 للمطورين والمختبرين العامين في وقت سابق من هذا الأسبوع.

يذكر أن هذه ليست المرة الأولى التي يواجه فيها مستخدمو الأجهزة السمعية صعوبة في استخدام نماذج هواتف آيفون الجديدة، حيث جرى إصدار تحديث iOS 13.1.3 في شهر أكتوبر 2019 لإصلاح مشكلات موثوقية اتصال البلوتوث، وخاصةً للأجهزة السمعية.

36,677 تسريب يكشف عن خطة آبل لهاتف آيفون 13 في 2021‏

توقع المحلل مينغ تشي-كو، الذي يعد الأشهر فيما يتعلق بتسريبات شركة آبل، أن ترتفع إيرادات شركة آبل بنسبة 100%على أساس سنوي في عام 2021 بسبب التغيير في مكونات بطارية هاتف (آيفون 13).

وذكر (كو) في تقريره الأحدث شركة Taiwan Career Technology ستعود إلى الصورة بوصفها موردًا رئيسيًا لمجموعة منتجات آبل بالكامل في عام 2021، ويشمل ذلك هواتف (آيفون 13) في النصف الثاني من 2021، وسماعات الأذن (أير بودز) في النصف الأول من العام المقبل. وذلك بالإضافة إلى حاسوب (آيباد) جديد مع شاشة من نوع mini LED سيُطلق في الإطار الزمني نفسه.

وتستخدم بطاريات (آيفون 12) الحالي مزيجًا من الألواح اللينة والصلبة، ويُقال: إن (آيفون 13) سيتحول بالكامل إلى تقنية الألواح اللينة. وتحتوي بطاريات الألواح اللينة طبقات أقل مقارنةً ببطاريات الألواح الصلبة. وسيساعد هذا النوع الجديد من البطاريات في توفير مساحة داخلية في أجهزة آيفون، وبالتالي التقليل من تكلفة الإنتاج.

وتحتوي أجهزة آيفون للعام الحالي بطاريات أصغر قليلًا من هواتف (آيفون 11) من العام الماضي. وبالنظر إلى استهلاك الطاقة الإضافي من مودم 5G عبر الهواتف الأربع، والشاشة الكبيرة لهاتف (آيفون 12 برو)، فإن أجهزة آيفون الجديدة لا تعمل جيدًا فيما يتعلق بالتحمل. لذا، فإن آبل تبحث عن طرق لإطالة عمر البطارية مع جعل هواتف آيفون أنحف.

ومن المتوقع أن تتلقى شركة Taiwan Career Technology العام المقبل ما بين 40 في المئة إلى 50 في المئة من طلبات البطاريات لهواتف (آيفون 13)، و(آيفون 13 ميني). ومن المتوقع أن تزوِّد شركتا Unimicron، و Unitech، وهما موردان آخران، بطاريات لأجهزة آيفون القادمة.

ووفقًا للتقرير، من المتوقع أن تأتي سماعات الأذن (أير بودز 3) الجديدة بالتصميم ذاته لسماعات (أير بودز برو) الحالية، ومن المتوقع أن تفي شركة Taiwan Career Technology بطلبات اللوحات اللينة في سماعات (أير بودز) نفسها. وكذلك في عُلب الشحن.

وسيوفر المورد ذاته أيضًا لوحات ناعمة للمكونات الصوتية والبصرية لأجهزة (آيباد). ومن المتوقع إطلاق كل من أجهزة آيباد، وأير بودز 3 الجديدة في وقت ما خلال النصف الأول من العام المقبل.

36,676 ماك ميني 2020 بمعالج Apple M1: المواصفات والمميزات والسعر

هذا المقال تم نشره بواسطة صدى التقنية صدى التقنية
رابط المقال ماك ميني 2020 بمعالج Apple M1: المواصفات والمميزات والسعر

أعلنت شركة ابل رسميا عن جهاز ماك ميني 2020 بمعالج Apple M1 الجديد، وهو أول معالج من تصنيع ابل اعتمادا على تقنيات ARM تستخدمه في أجهزة ماك، والذي تقول ابل أنه يوفر للمستخدم أداء أسرع ثلاثة مرات مقارنة مع الجيل السابق الذي يعمل بمعالج إنتل، كما يوفر معالج الرسوميات ثماني النواة المدمج به أداء أسرع 6 أضعاف مقارنة بالجيل السابق، مع قفزة كبيرة في معالجة مهام التعلم الآلي تصل إلى 15 ضعفا مقارنة مع الجيل السابق. 

ما هي مميزات Mac Mini 2020 الجديد بمعالج M1 ؟  وهذه أفضل مميزات ماك ميني 2020 الجديد بمعالج Apple M1: 
  • دعم الشاشات بدقة حتى 6K.
  • معالج رسوميات أسرع 6 مرات وأداء أسرع 3 مرات مقارنة بالجيل السابق. 
  • سعة تخزينية حتى 2 تيرابايت ورام حتى 16 جيجابايت. 
  • مزود بمعالج M1 الجديد (يجعله قادرا على تشغيل تطبيقات ايفون).
  • دعم واي فاي 6.
  • يحمل منفذين Thunderbolt/USB 4.0، بالإضافة لمنفذ HDMI ومنفذ تقليدي للسماعات. 
أداء ماك ميني 2020 بمعالج M1

وقارنت ابل بين أداء ماك ميني 2020 بمعالج M1 والجيل السابق، حيث قالت :

  • يمكن لجهاز Mac Mini 2020 بمعالج M1 معالجة الأكواد البرمجية في Xcode أسرع حتى 3 مرات. 
  • معالجة مقطع فيديو كبير من خلال تطبيق Final Cut Pro بسرعة أكبر حتى 6 أضعاف. 
  • تعديل الصور بدقة عالية من خلال تطبيق Pixelmator Pro أسرع حتى 16 ضعف. 

ويدعم Mac mini 2020 بمعالج M1 التوصيل بشاشتين، بما في ذلك شاشة  Pro Display XDR من Apple بدقة 6K، كما يدعم Wi-Fi 6، وقالت آبل أن الجهاز مزود بنظام حراري يضمن الحفاظ على الأداء باستمرار، مع الحفاظ على البرودة ومنع الضجيج. 

نظام التشغيل ماك Big Sur

ويعمل جهاز ماك ميني 2020 الجديد بمعالج M1 بالإصدار الجديد من نظام ماك الذي يحمل اسم Big Sur، والذي يقدم تحسينات كبيرة على تطبيقات النظام مثل متصفح سفاري وتطبيق الرسائل وتطبيق الخرائط، بالإضافة للتكامل مع المعالج الجديد لتقديم أفضل تجربة ممكنة للمستخدم، مع دعم تشغيل تطبيقات ايفون وتطبيقات ايباد على أجهزة ماك بسهولة، وتقول آبل أن المعالج الجديد يتيح تشغيل جهاز ماك من وضع السكون لحظيا على غرار هواتف ايفون وأجهزة ايباد، كما تقول أن متصفح سفاري أصبح أسرع حوالي 1.5 مرة في معالجة تطبيقات جافاسكربت وأكثر استجابة مرتين تقريبا.

سعر ماك ميني 2020 بمعالح M1

ويتوفر جهاز Mac Mini 2020 بمعالج Apple M1 الجديد بسعر 699 دولار أمريكي للإصدار بمساحة تخزينية 256 جيجابايت SSD ورام 8 جيجابايت، وبسعر 899 دولار أمريكي للإصدار بمساحة تخزينية 512 جيجابايت SSD ورام 8 جيجابايت، مع إمكانية ترقية الرام إلى 16 جيجابايت مقابل 200 دولار أمريكي إضافية، كما يتوفر جهاز ماك ميني الجديد بمعالج M1 بسعة تخزينية 1 تيرابايت و2 تيرابايت. 

هذا المقال تم نشره بواسطة صدى التقنية صدى التقنية
رابط المقال ماك ميني 2020 بمعالج Apple M1: المواصفات والمميزات والسعر

36,662 سعر ماك بوك برو 2020 بمعالج Apple M1 والمواصفات والمميزات

هذا المقال تم نشره بواسطة صدى التقنية صدى التقنية
رابط المقال سعر ماك بوك برو 2020 بمعالج Apple M1 والمواصفات والمميزات

أعلنت شركة ابل رسميا عن جهاز ماك بوك برو 2020 بمعالج Apple M1 الجديد الأول من تصنيعها والمبني اعتمادا على تقنيات ARM، وذلك خلال مؤتمر ماك One More Time الذي أقامته في وقت سابق من شهر نوفمبر الحالي 2020، وهو الجهاز الذي يبدأ سعره من 1299 دولار أمريكي على غرار الجيل السابق المزود بمعالجات إنتل، والذي تقول آبل أنه يوفر أداء أسرع 2.8 مرة مقارنة بالجيل السابق، مع معالج رسوميات مدمج يوفر أداء أسرع حتى 5 أضعاف، وهو ما يوفر أداء مناسبا سواء في كتابة الشفرات البرمجية أو مونتاج الفيديو أو تحرير الصور عالية الدقة. 

ما هي مميزات ماك بوك برو 2020 بمعالج M1 ؟ 

وهذه أفضل مميزات Macbook Pro الجديد بمعالج M1: 

  • شاشة 13.3 بوصة تدعم التدرج اللوني الواسع P3. 
  • أداء أسرع حتى 2.8 مرة مقارنة مع الجيل السابق. 
  • معالجة أسرع للرسوميات حتى 5 أضعاف مقارنة بالجيل السابق. 
  • بطارية تتيح الاستخدام حتى 20 ساعة. 
  • مزود بلوحة مفاتيح ماجيك + شريط يدعم اللمس أعلى لوحة المفاتيح Touch Bar. 
  • سعة تخزينية SSD حتى 2 تيرابايت ورام حتى 16 جيجابايت.
  • يحمل منفذين Thunderbolt 3 مع دعم USB 4. 
  • مزود بنظام خاص للتبريد على عكس ماك بوك اير الذي لا يحمل مروحة للتبريد. 
  • يأتي مزودا بمستشعر لبصمات الأصابع TouchID لتأمين الجهاز ومصادقة عمليات الدفع والشراء. 
  • يدعم Wi-Fi 6. 
  • يعمل بالإصدار الجديد من نظام ماك macOS Big Sur. 
أداء ماك بو برو 2020 بمعالج M1 الجديد من ابل 

وزودت آبل جهازها الجديد ماك بوك برو بمعالج Apple M1 الأول من تصنيعها، والذي يمثل تحديا ومرحلة جديدة في تاريخ آبل، حيث يعتمد على تقنيات ARM على غرار معالج هواتف ايفون وأجهزة ايباد الذي تصنعه الشركة أيضا، وهو ما يزيد من التوافق بين أجهزة آبل المختلفة، كما يقدم كفاءة كبيرة في استهلاك الطاقة مقارنة مع معالجات إنتل في الأجيال السابقة من أجهزة Mackbook Pro.

وقالت ابل أن جهازها الجديد Mackbook Pro 2020 اعتمادا على معالجها الجديد M1 ونظام التبريد النشط يوفر أداء أسرع حوالي 2.8 مرة مقارنة بالجيل السابق، كما تقدم وحدة معالجة الرسوميات ثمانية النواة المدمج في المعالج نفسه أداء أسرع ما يصل إلى 5 أضعاف، بالإضافة إلى أداء أسرع حتى 11 مرة في معالجة مهام التعلم الآلي، إلى جانب توفير ما يصل إلى 17 ساعة من تصفح الويب عبر واي فاي وما يصل إلى 20 ساعة من تشغيل الفيديو، وهو ما يجعله يوفر عمر بطارية حوالي الضعف مقارنة بالجيل السابق والأطول على الإطلاق في جهاز ماك.

وقارنت آبل أداء ماك بوك برو 2020 بمعالج M1 بالجيل السابق، حيث قالت أنه: 
  • معالجة أكواد Xcode البرمجية بسرعة تصل إلى 2.8 مرة.
  • معالجة Render فيديو ثلاثي الأبعاد 3D معقد عبر Final Cut Pro أسرع 5.9 مرة. 
  • تصمم مشاهد الألعاب المعقدة بسلاسة في Unity Editor حتى 3.5 مرة أسرع.
  • معالجة معام التعلم الآلي ML حتى 11 مرة أسرع.
  • تعديل فيديو بدقة 8K عبر DaVinci Resolve. 
تصميم ماك بوك برو 2020 بمعالج M1

وفيما يحمل Macbook Pro 2020 الجديد نفس تصميم الجيل السابق، يأتي الجهاز بشاشة 13.3 بوصة بدقة 2560×1600 بكسل بكثافة 227 بكسل لكل بوصة، مع دعم التدرج اللوني الواسع P3 ودعم تقنية True Tone، وهي الشاشة التي توفر سطوعا حتى 500nits، كما يأتي الجهاز بلوحة مفاتيح مضيئة Magic Keyboard مزودة بمستشعر لبصمات الأصابع TouchID، مع وجود شريط وظائف يدعم اللمس أعلى لوحة المفاتيح Touch Bar، بالإضافة لوجود منفذين Thunderbolt / USB 4 للشحن وتوصيل الجهاز بشاشة خارجية بدقة حتى 6K، وتستفيد الكاميرا الأمامية FaceTime من قدرات المعالج الجديد ومعالج الإشارة المدمج به في توفير جودة أفضل في أثناء إجراء اجتماعات الفيديو، مع وجود سماعات ستيريو ومنفذ تقليدي للسماعات وثلاثة مايكروفونات. بالإضافة لدعم الصوت المحيطي Dolby Atmos

سعر Macbook Pro 2020 بمعالج M1 

ويتوفر جهاز Macbook Pro 2020 ماك بوك برو 2020 بمعالج ابل M1 الجديد للشراء الآن وذلك بسعر 1299 دولار أمريكي للإصدار بسعة تخزينية 256 جيجابايت SSD ورام 8 جيجابايت، مع إمكانية ترقية المساحة التخزينية إلى 512 جيجابايت مقابل 200 دولار أمريكي إضافية، وإمكانية ترقية الرام إلى 16 جيجابايت مقابل 200 دولار أمريكي إضافية، ويتوفر الجهاز بسعة تخزينية 1 تيرا بايت مقابل 400 دولار إضافية مقارنة مع الإصدار بسعة 256 جيجابايت، كما يتوفر بسعة تخزينية 2 تيرابايت مقابل 800 دولار إضافية. 

هذا المقال تم نشره بواسطة صدى التقنية صدى التقنية
رابط المقال سعر ماك بوك برو 2020 بمعالج Apple M1 والمواصفات والمميزات

36,657 تنسيق القوائم وإضافة الظلال ورسم الأشكال في CSS

أنماط القوائم table { width: 100%; } thead { vertical-align: middle; text-align: center; } td, th { border: 1px solid #dddddd; text-align: right; padding: 8px; text-align: inherit; } tr:nth-child(even) { background-color: #dddddd; } المعامل الوصف list-style-type تُحدد شكل أو نوع مؤشر القائمة، ويمكن أن تأخذ القيم disc، أو circle، أو square، أو decimal، أو lower-roman، أو upper-roman، أو none. انظر توثيق W3C لمعرفة جميع القيم المتاحة. list-style-position تُحدِّد مكان مؤشر القائمة. list-style-image تُحدِّد صورة تستخدم كمؤشر للقائمة. initial تُرجع القيمة الإبتدائية للخاصية. inherit ترث أنماط القائمة من العنصر الأب.

مثال

li { list-style-type: square; } li { list-style-image: url('images/bullet.png') } li { list-style-position: inside; } تموضع عناصر القائمة

لكل من عناصر القائمة (عناصر <li>) والعنصر الحاوي لها (<ul> أو <ol>) هوامش وحواشي خاصة به، وتؤثر هذه الهوامش والحواشي على موضع محتوى عنصر القائمة <li>، وبما أن المتصفحات المختلفة تضيف هوامش وحواشي بمساحات مختلفة مما يؤدي إلى إختلاف شكل الصفحة حسب المتصفح الذي تُعرض فيه، لذلك لابد من إعادة ضبط هذه المساحات يدويًا. لكل عنصر من عناصر القائمة صندوق يُسمى صندوق المؤشر (marker box) يوضع بداخلة مؤشر عناصر القائمة، ويمكن أن يكون هذا الصندوق داخل أو خارج صندوق عنصر القائمة <li>.

وضع صندوق المؤشر داخل صندوق عنصر القائمة

list-style-position: insde;

وضع صندوق المؤشر خارج صندوق عنصر القائمة

list-style-position: outside;

اطَّلع على تجربة حيَّة لهذا المثال على JSFiddle.

حذف المؤشر أو الترقيم من عناصر القائمة

في بعض الأحيان نحذف المؤشر أو الترقيم من عناصر القائمة، ويجب في هذه الحالات التخلص من مساحة صندوق المؤشر كما هو موضح في المثال التالي:

  • ملف HTML
<ul> <li>first item</li> <li>second item</li> </ul>
  • ملف CSS
ul { list-style-type: none; } li { margin: 0; padding: 0; } تحديد شكل المؤشر أو نوع الترقيم لعناصر القائمة

تحديد شكل المؤشر لعناصر القائمة الغير مرتبة (<ul>)

list-style: disc; /* A filled circle (default) */ list-style: circle; /* A hollow circle */ list-style: square; /* A filled square */ list-style: '-'; /* any string */

تحديد نوع الترقيم لعناصر القائمة المرتبة (<li>)

list-style: decimal; /* Decimal numbers beginning with 1 (default) */ list-style: decimal-leading-zero;/* Decimal numbers padded by initial zeros (01, 02, 03, … 10) */ list-style: lower-roman; /* Lowercase roman numerals (i., ii., iii., iv., ...) */ list-style: upper-roman; /* Uppercase roman numerals (I., II., III., IV., ...) */ list-style-type: lower-greek; /* Lowercase roman letters (α., β., γ., δ., ...) */ list-style-type: lower-alpha; /* Lowercase letters (a., b., c., d., ...) */ list-style-type: lower-latin; /* Lowercase letters (a., b., c., d., ...) */ list-style-type: upper-alpha; /* Uppercase letters (A., B., C., D., ...) */ list-style-type: upper-latin; /* Uppercase letters (A., B., C., D., ...) */ العدَّادات (CSS Counters) المعامل الوصف counter-name إسم العداد. integer (إختياري) يُظهر القيمة الإبتدائية للعداد، أو القيمة التي سيزيد العداد بمقدارها. none القيمة الإبتدائية لجميع خصائص العداد. counter-style تُحدد النمط الذي ستظهر به قيمة العداد. connector-string تُحدد العلامة أو النص الذي سيُعرض بين قيم العداد (مثلًا: علامة النقطة (.) في 2.1.1). استخدام الأرقام الرومانية في عدَّادات CSS
  • ملف CSS
body { counter-reset: item-counter; } .item { counter-increment: item-counter; } .item:before { content: counter(item-counter, upper-roman) ". "; }
  • ملف HTML
<div class='item'>Item No: 1</div> <div class='item'>Item No: 2</div> <div class='item'>Item No: 3</div>

في هذا المثال ستُعرض قيم العداد بالأرقام الرومانية (I، II، III).

ترقيم العناصر في صفحة HTML باستخدام العدادات
  • ملف HTML
<div class='item'> <div class='item-header'>Item 1 Header</div> <div class='item-content'>Lorem Ipsum Dolor Sit Amet....</div> </div> <div class='item'> <div class='item-header'>Item 2 Header</div> <div class='item-content'>Lorem Ipsum Dolor Sit Amet....</div> </div> <div class='item'> <div class='item-header'>Item 3 Header</div> <div class='item-content'>Lorem Ipsum Dolor Sit Amet....</div> </div>
  • ملف CSS
body { counter-reset: item-counter; /* إنشاء العداد */ } .item { counter-increment: item-counter; /* تزيد قيمة العداد لكل تكرار للصنف item */ } .item-header:before { content: counter(item-counter) ". "; /* طباعة قيمة العداد */ } item { border: 1px solid; height: 100px; margin-bottom: 10px; } .item-header { border-bottom: 1px solid; height: 40px; line-height: 40px; padding: 5px; } .item-content { padding: 8px; }

اطَّلع على تجربة حيَّة لهذا المثال على JSFiddle.

إنشاء ترقيم متعدد المستويات باستخدام عدَّادات CSS
  • ملف HTML
<ul> <li>Level 1 <ul> <li>Level 1.1 <ul> <li>Level 1.1.1</li> </ul> </li> </ul> </li> <li>Level 2 <ul> <li>Level 2.1 <ul> <li>Level 2.1.1</li> <li>Level 2.1.2</li> </ul> </li> </ul> </li> </ul>

في هذا المثال استخدمنا مفهوم العدَّادات المتداخلة لإنشاء ترقيم متعدد المستويات، الفكرة الأساسية للعدادات المتداخلة أنّه إذا كان للعنصر عدَّاد بإسم معين وأُجبر على إنشاء عدَّاد آخر بنفس الإسم فإنه سيُنشِأه كابن للعداد الحالي.

في هذا المثال، عنصر <ul> الثاني يرث العداد list-item-number من العنصر الأب، ومن ثم عليه إنشاء عداد جديد بنفس الإسم لابنائه، وبالتالي يُنشئ العداد [list-item-number[1 كفرع من العداد [list-item-number[0. ولعرض النتيجة نستخدم الدالة ()counters بدلًا عن ()counter لأننا نمتلك أكثر من عدَّاد واحد.

تطبيق ظلال على العنصر

تسمح الخاصية box-shadow بإنشاء ظلال للعنصر، وإذا كانت الخاصية border-radius مُحدَّدة على العنصر مع هذه الخاصية، فستأخذ الظلال شكل الحواف المدورة.

المعامل الوصف inset تؤدي إلى إنشاء ظلال داخل إطار العنصر. offset-x الإزاحة الأفقية للظل عن العنصر. offset-y الإزاحة الرأسية للظل عن العنصر. blur-radius كلما كبرت القيمة زاد تأثير الضبابية، وبالتالي سيصبح الظل أكبر وأكشف لونًا، spread-radius القيم الموجبة لها ستؤدي إلى جعل الظل يتوسع ويكبر، والقيم السالبة ستجعل الظل يتقلص ويصغر، وإذا لم تُحدَّد هذه القيمة فستكون 0 (أي أنَّ قياس الظل سيبقى كما هو). color لون الظل. إنشاء ظل أسفل العنصر باستخدام العناصر الزائفة
  • ملف HTML
<div class="box_shadow"></div>
  • ملف CSS
box_shadow { background-color: #1C90F3; width: 200px; height: 100px; margin: 50px; } .box_shadow:after { content: ""; width: 190px; height: 1px; margin-top: 98px; margin-left: 5px; display: block; position: absolute; z-index: -1; -webkit-box-shadow: 0px 0px 8px 2px #444444; -moz-box-shadow: 0px 0px 8px 2px #444444; box-shadow: 0px 0px 8px 2px #444444; }

النتيجة

اطَّلع على تجربة حيَّة لهذا المثال على JSFiddle.

إنشاء ظلال خارجية لأوجه العنصر الأربعة
  • ملف HTML
<div class="box_shadow"></div>
  • ملف CSS
.box_shadow { -webkit-box-shadow: 0px 0px 10px -1px #444444; -moz-box-shadow: 0px 0px 10px -1px #444444; box-shadow: 0px 0px 10px -1px #444444; }

اطَّلع على تجربة حيَّة لهذا المثال على JSFiddle.

إنشاء ظلال داخلية للعنصر
  • ملف HTML
<div class="box_shadow"></div>
  • ملف CSS
box_shadow { background-color: #1C90F3; width: 200px; height: 100px; margin: 50px; -webkit-box-shadow: inset 0px 0px 10px 0px #444444; -moz-box-shadow: inset 0px 0px 10px 0px #444444; box-shadow: inset 0px 0px 10px 0px #444444; }

النتيجة

اطَّلع على تجربة حيَّة لهذا المثال على JSFiddle.

إضافة ظلال متعددة للعنصر
  • ملف HTML
<div class="box_shadow"></div>
  • ملف CSS
box_shadow { width: 100px; height: 100px; margin: 100px; box-shadow: -52px -52px 0px 0px #f65314, 52px -52px 0px 0px #7cbb00, -52px 52px 0px 0px #00a1f1, 52px 52px 0px 0px #ffbb00; }

النتيجة

اطَّلع على تجربة حيَّة لهذا المثال على JSFiddle.

رسم الأشكال في CSS رسم شبه المنحرف (Trapezoid)

لرسم شكل شبه المنحرف، أنشئ عنصر كتلي بارتفاع صفر، وعرض أكبر من الصفر، وإطار شفاف لجميع الأوجه عدا وجه واحد.

  • ملف HTML
<div class="trapezoid"></div>
  • ملف CSS
.trapezoid { width: 50px; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid black; } رسم المثلثات (Triangles)

لرسم المثلث أنشئ عنصر كتلي بارتفاع وعرض صفر، ويُرسم الشكل باستخدام الإطارات.

رأس المثلث إلى أعلى

<div class="triangle-up"></div> <style> .triangle-up { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 50px solid rgb(246, 156, 85); } </style>

النتيجة

رأس المثلث إلى أسفل

<div class="triangle-down"></div> <style> .triangle-down { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 50px solid rgb(246, 156, 85); } </style>

النتيجة

رأس المثلث إلى اليمين

<div class="triangle-right"></div> <style> .triangle-right { width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 50px solid rgb(246, 156, 85); } </style>

النتيجة

رأس المثلث إلى اليسار

<div class="triangle-left"></div> <style> .triangle-left { width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 50px solid rgb(246, 156, 85); } </style>

النتيجة

المثلث يشير إلى أعلى اليمين

<div class="triangle-up-right"></div> <style> .triangle-up-right { width: 0; height: 0; border-top: 50px solid rgb(246, 156, 85); border-left: 50px solid transparent; } </style>

النتيجة

المثلث يشير إلى أعلى اليسار

<div class="triangle-up-left"></div> <style> .triangle-up-left { width: 0; height: 0; border-top: 50px solid rgb(246, 156, 85); border-right: 50px solid transparent; } </style>

النتيجة

المثلث يشير إلى أسفل اليمين

<div class="triangle-down-right"></div> <style> .triangle-down-right { width: 0; height: 0; border-bottom: 50px solid rgb(246, 156, 85); border-left: 50px solid transparent; } </style>

النتيجة

المثلث يشير إلى أسفل اليسار

<div class="triangle-down-left"></div> <style> .triangle-down-left { width: 0; height: 0; border-bottom: 50px solid rgb(246, 156, 85); border-right: 50px solid transparent; } </style>

النتيجة

رسم الدائرة

لرسم الدائرة أنشئ عنصر كتلة بارتفاع وعرض متساويين، ومن ثم حدد قيمة الخاصية border-radius لتكون 50%.

<div class="circle"></div> <style> .circle { width: 50px; height: 50px; background: rgb(246, 156, 85); border-radius: 50%; } </style>

النتيجة

رسم الشكل البيضاوي

لرسم الشكل البيضاوي أنشئ عنصر كتلة بارتفاع وعرض مختلفين، ومن ثم حدد قيمة الخاصية border-radius لتكون 50%.

<div class="oval"></div> <style> .circle { width: 50px; height: 80px; background: rgb(246, 156, 85); border-radius: 50%; } </style>

النتيجة

شكل الانفجار

رسم شكل انفجار بثماني نقاط

<div class="burst-8"></div> <style> .burst-8 { background: rgb(246, 156, 85); width: 40px; height: 40px; position: relative; text-align: center; -ms-transform: rotate(20deg); transform: rotate(20eg); } .burst-8::before { content: ""; position: absolute; top: 0; left: 0; height: 40px; width: 40px; background: rgb(246, 156, 85); -ms-transform: rotate(135deg); transform: rotate(135deg); } </style>

النتيجة

رسم شكل انفجار باثنتي عشر نقطة

<div class="burst-12"></div> <style> burst-12 { width: 40px; height: 40px; position: relative; text-align: center; background: rgb(246, 156, 85); } .burst-12::before, .burst-12::after { content: ""; position: absolute; top: 0; left: 0; height: 40px; width: 40px; background: rgb(246, 156, 85); } .burst-12::before { -ms-transform: rotate(30deg); transform: rotate(30deg); } .burst-12::after { -ms-transform: rotate(60deg); transform: rotate(60deg); } </style>

النتيجة

رسم المربع

لرسم مربع انشئ عنصر كتلة بارتفاع وعرض متساويين.

مثال

<div class="square"></div> <style> .square { width: 100px; height: 100px; background: rgb(246, 156, 85); } </style>

النتيجة

رسم المكعب

تستخدم خصائص التحويلات ثنائية الأبعاد skewX()‎ و skewY()‎ على العناصر الزائفة لرسم المكعب.

مثال

<div class="cube"></div> <style> cube { background: #dc2e2e; width: 100px; height: 100px; position: relative; margin: 50px; } .cube::before { content: ''; display: inline-block; background: #f15757; width: 100px; height: 20px; transform: skewX(-40deg); position: absolute; top: -20px; left: 8px; } .cube::after { content: ''; display: inline-block; background: #9e1515; width: 16px; height: 100px; transform: skewY(-50deg); position: absolute; top: -10px; left: 100%; } </style>

النتيجة

اطلع على تجربة حيَّة لهذا المثال على JSFiddle.

رسم الهرم

تستخدم الإطارات مع التحويلات ثنائية الأبعاد skewY()‎ و rotate()‎ على العناصر الزائفة لرسم شكل الهرم.

<div class="pyramid"></div> <style> .pyramid { width: 100px; height: 200px; position: relative; margin: 50px; } .pyramid::before,.pyramid::after { content: ''; display: inline-block; width: 0; height: 0; border: 50px solid; position: absolute; } .pyramid::before { border-color: transparent transparent #ff5656 transparent; transform: scaleY(2) skewY(-40deg) rotate(45deg); } .pyramid::after { border-color: transparent transparent #d64444 transparent; transform: scaleY(2) skewY(40deg) rotate(-45deg); } </style>

النتيجة

ترجمة -وبتصرف- للفصول من كتاب CSS Notes for Professionals

36,637 "لا يريد استرجاع ذكريات 2020".. يوتيوب يأخذ استراحة

في حين يواصل فيروس كورونا تفشيه في العالم حاصدا المزيد من الضحايا، ليكون عام 2020 هو عام كوفيد 19، أكد موقع "يوتيوب"، أنه لن ينتج مقطع فيديو استرجاع الذكريات السنوي Rewind، وهو تقليد امتد لعقد من الزمان، وذلك لأن "العام الحالي مختلف عن سابقيه".

وفي بيان نشره الموقع الشهير على تويتر، قال: "لأن 2020 كانت مختلفة سنأخذ استراحة من إنتاج فيديو استرجاع الذكريات"، وذكر أنه ينتج هذا النوع من الفيديوهات منذ عام 2010.

ويعتبر 2020 عاما "مآساويا" خصوصا أن الكثير حول العالم فقدوا حياتهم وحياة أحبائهم بسبب فيروس كورونا الذي أودى بحياة أكثر من مليون 300 شخص منذ الإبلاغ عن ظهور المرض في الصين نهاية كانون الأول/ديسمبر.

وفيات وإغلاق وخسائر "غير مسبوقة"

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

كما أرغم طلاب المدارس على الدراسة عن بعد، والتزم سكان أغلب الدول على البقاء في منازلهم لشهور وأصبحت أشهر مدن العالم "مدن أشباح" بسبب العزل والحجر الصحي المفروض من الحكومات لمنع تفشي كوفيد 19.

في المقابل، ارتفع الإقبال على الموقع المملوك من شركة "غوغل"، وارتفع أيضا عدد المشتركين بسبب البقاء في المنازل.

وتسبب فيروس كورونا المستجد بوفاة 1,305,039 شخصا في العالم منذ الإبلاغ عن ظهور المرض في الصين نهاية كانون الأول/ديسمبر، بحسب تعداد أجرته وكالة فرانس برس استناداً إلى مصادر رسميّة السبت الساعة 11,00 ت غ.

أكثر من 53 مليون إصابة حول العالم

وأصيب أكثر من 53,438,640 شخصا في العالم بفيروس كورونا المستجد، تعافى منهم 34,324,500 شخص على الأقل حتى اليوم.

وأعدّت هذه الحصيلة استناداً إلى بيانات جمعتها مكاتب وكالة فرانس برس من السلطات الوطنية المختصّة وإلى معلومات نشرتها منظمة الصحة العالمية.

ولا تعكس هذه الأرقام إلا جزءا من العدد الفعلي للإصابات، إذ لا تجري دول عدة فحوصا إلا للحالات الأكثر خطورة، فيما تعطي دول أخرى أولوية في إجراء الفحوص لتتبع مخالطي المصابين، تضاف إلى ذلك محدودية إمكانات الفحص لدى عدد من الدول الفقيرة.

36,625 هل تستأثر الدول الغنية بلقاح كورونا على حساب الفقراء؟ هل ستحصل الدول الفقيرة على لقاح ضد كوفيد-19 بعد إعلان شركتي "فايزر" و"بيونتيك" هذا الأسبوع تطوير لقاح "فعال بنسبة 90 في المئة" لفيروس كورونا المستجد؟ سؤال يحمل بين عناصر إجابته معطيات مالية وأخرى أخلاقية ولوجستية.
36,617 فيسبوك تنافس "سناب شات".. وتطلق هذه الميزة!

بدأت شركة "فيسبوك" بإطلاق أحدث ميزة منافسة لخدمة Snapchat، إلى خدمة التراسل الفوري (مسنجر) Messenger وخدمة مشاركة الصور والفيديو القصير (إنستغرام) Instagram، وهي ميزة الرسائل السريعة المُختفية.

وكانت عملاقة التواصل الاجتماعي قد أعلنت عن الميزة المسماة (وضع التلاشي) Vanish Mode نهاية شهر أيلول/ سبتمبر الماضي في إطار دمج خدمة التراسل الخاصة بتطبيق مسنجر في إنستغرام.

تختفي على الفور

كما تتيح ميزة Vanish Mode لمستخدمي كل من خدمتي مسنجر، وإنستغرام إرسال النصوص، والصور، والرسائل الصوتية، والرموز التعبيرية، والملصقات التي تختفي على الفور بمجرد أن يشاهدها الطرف الآخر.

وربما لاحظ بعض المستخدمين بالفعل وضع Vanish Mode في إعدادات الدردشة في مسنجر، إذ كانت فيسبوك تطرحه ببطء لبعض المستخدمين منذ الإعلان عن إعادة التصميم قبل شهرين. وفي تطبيق إنستجرام، تعد بعض عناصر Vanish Mode بالفعل جزءًا من مجموعة ميزات المراسلة المباشرة الأساسية، ويشمل ذلك اختفاء الصور ومقاطع الفيديو بمجرد مشاهدتها.

محادثة مشفرة

ويتشابه وضع Vanish Mode في طريقة عمله مع وضع المحادثة السرية الموجود في مسنجر، والذي يتيح الدخول إلى محادثة مشفرة من طرف إلى طرف تُحفظ فقط على الجهاز، ومع ذلك فإن الوضع الجديد مصمم لحذف أي شيء يُرسل إلى الأبد بمجرد مشاهدته.

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

تطبيقاته المختلفة

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

ويعد Vanish Mode أحدث ما اتخذته فيسبوك في هذا الاتجاه، وإضافة ملحوظة بالنظر إلى أن الرئيس التنفيذي (مارك زوكربيرغ) أعلن العام الماضي أن شركته ستتحول بعيدًا عن المنشورات العامة نحو الرسائل والمجموعات الخاصة.

خيار مميز

هذا؛ وسيظهر Vanish Mode في كلا التطبيقين كخيار مميز يمكن تشغيله وإيقاف تشغيله في إعدادات أي دردشة معينة. ويمكن أيضًا الدخول إلى الوضع عن طريق التمرير لأعلى في نافذة الدردشات الفردية، وليس الجماعية.

وتقول فيسبوك "إن الوضع سيكون خياريًا، مما يعني أنه يجب على المستخدم الموافقة على الدخول إلى Vanish Mode بمجرد أن يُفعِّله الطرف الآخر في الدردشة. وسيرسل مسنجر وإنستجرام إشعارًا عندما يأخذ الطرف الآخر لقطة للشاشة أثناء الدردشة".

كما توضح إن Vanish Modeسيكون متاحًا لبرنامج مسنجر في الولايات المتحدة، وكذلك في بعض البلدان الأخرى بدءًا من اليوم. وسيتوفر لتطبيق إنستغرام في الولايات المتحدة وبلدان أخرى في وقت لاحق.

36,596 ماك بوك اير 2020 بمعالج M1: المميزات والسعر

هذا المقال تم نشره بواسطة صدى التقنية صدى التقنية
رابط المقال ماك بوك اير 2020 بمعالج M1: المميزات والسعر

أعلنت شركة ابل Apple هذا الأسبوع عن جهاز ماك بوك اير 2020 بمعالج Apple M1، وهو أول جهاز ماك من ابل يعمل بمعالجها الجديد M1  الأول من تصنيعا الذي يعتمد على تقنيات ARM، ليمثل مرحلة جديدة في تاريخ آبل بعد الاستغناء عن الاعتماد على معالجات إنتل في أجهزتها، كما يسهل المعالج الجديد تشغيل تطبيقات ايفون وايباد مباشرة على أجهزة ماك. 

أداء Macbook Air 2020 بمعالج M1 

ويأتي Macbook Air 2020 ماك بوك اير 2020 مزودا بمعالج ابل M1 الجديد الذي تقول الشركة أنه يوفر أداء أسرع حتى 3.5 مرة مقارنة مع الجيل السابق من ماك بوك اير، كما يوفر معالج الرسومات GPU المدمج ثماني النواة أداء أسرع حتى 5 أضعاف مقارنة مع الإصدار السابق من ماك، وهو ما تقول أيضا أنه أكبر قفزة على الإطلاق بين أجيال الجهاز المختلفة، بالإضافة لوجود رقاقة مدمجة لمعالجة عمليات التعلم الآلي توفر أداء أسرع 9 مرات مقارنة مع الجيل السابق، وهو ما يتيح سرعة أكبر لتطبيقات الذكاء الصناعي في التعرف على الوجوه واكتشاف الكائنات وغيرها، إلى جانب وجود وحدة للتحكم في التخزين مدمجة في المعالج تقول آبل أنه مع أحدث جيل من السعة التخزينية SSD يوفر سرعة أكثر حتى مرتين، وهو ما يوفر معاينة أسرع للصور بأحجام كبيرة واستيراد الملفات أسرع.

لكن أهم ما يميز معالج Apple M1 في ماك بو اير 2020 هو الكفاءة العالية في استهلاك الطاقة، حيث تقول آبل أن الجهاز يوفر ما يصل إلى 15 ساعة من تصفح الويب وما يصل إلى 18 ساعة من تشغيل الفيديو، مع عدم وجود مروحة للتبريد وهو ما يعني عدم وجود أي ضوضاء. 

أداء ماك بوك اير 2020 بمعالج M1 مقارنة مع الجيل السابق

وقارنت آبل بين أداء  MacBook Air بمعالج M1 

والجيل السابق من الجهاز، حيث قالت أنه: 

  • يتيح تصدير مشروع للويب باستخدام  باستخدام iMovie بسرعة تصل إلى 3 أضعاف.
  • دمج التأثيرات ثلاثية الأبعاد في الفيديو في Final Cut Pro بسرعة تصل إلى 5 أضعاف.
  • تشغيل وتعديل أكثر من فيديو بدقة 4K في نفس الوقت في برنامج  Final Cut Pro.
  •  تصدير الصور من تطبيق Lightroom بسرعة تصل إلى الضعف.
شاشة Macbook Air 2020 

ويحمل جهاز ماك بوك اير الجديد بمعالج M1 شاشة Retina IPS قياسها 13.3 بوصة، بدقة 2560×1600 بكسل بكثافة 227 بكسل لكل بوصة، مع دعم التدرج اللوني الواسع P3 ودعم تقنية True Tone التي تضبط إعدادات الشاشة تلقائيا وفقا للإضاءة المحيطة لضمان راحة العين.

تصميم جهاز ماك بوك اير بمعالج M1 الجديد

ويأتي MacBook Air الجديد بمعالج M1 بنفس تصميم الإصدار السابق، وهو تصميم من المعدن بثلاثة ألوان تشمل الذهبي والفضي والرمادي، مع وجود لوحة مفاتيح Magic Keyboard الجديدة، بالإضافة لوجود مستشعر لبصمات الأصابع Touch ID لتأمين الجهاز ومصادقة عمليات الدفع عبر ابل باي والشراء من المواقع المختلفة وشراء المحتوى من خلال تطبيق Apple TV، وزودت آبل جهازها الجديد بمنفذين Thunderbolt 3 للشحن وتوصيل الجهاز بشاشة خارجية بدقة حتى 6K ونقل الملفات بسرعة حتى 40 جيجابت/الثانية.

وحافظت آبل على وجود منفذ تقليدي للسماعات بمقاس 3.5 ملم في ماك بوك اير الجديد، مع وجود سماعات ستيريو وثلاثة مايكروفونات وكاميرا لمكالمات الفيديو بدقة 720p، مع دعم تقنية الصوت المحيطي Dolby Atmos. بالإضافة لدعم كل من Wi-Fi 6 وبلوتوث 5.

نظام التشغيل Big Sur

ويعمل جهاز Macbook Air 2020 الجديد بمعالج M1 بالإصدار الجديد من نظام ماك الذي يحمل اسم Big Sur، والذي يقدم تحسينات كبيرة على تطبيقات النظام مثل متصفح سفاري وتطبيق الرسائل وتطبيق الخرائط، بالإضافة للتكامل مع المعالج الجديد لتقديم أفضل تجربة ممكنة للمستخدم، مع دعم تشغيل تطبيقات ايفون وتطبيقات ايباد على أجهزة ماك بسهولة، وتقول آبل أن المعالج الجديد يتيح تشغيل جهاز ماك من وضع السكون لحظيا على غرار هواتف ايفون وأجهزة ايباد، كما تقول أن متصفح سفاري أصبح أسرع حوالي 1.5 مرة في معالجة تطبيقات جافاسكربت وأكثر استجابة مرتين تقريبا.

ما هو سعر ماك بوك اير بمعالج M1 ؟

ويتوفر جهاز  Macbook Air 2020 الجديد بمعالج M1 بسعر: 

  • 999 دولار أمريكي للإصدار بسعة تخزينية 256 جيجابايت SSD وذاكرة رام 8 جيجابايت ومعالج M1 مدمج به معالج رسومات سباعي النواة، مع إمكانية ترقية ذاكرة الوصول العشوائي RAM حتى 16 جيجابايت مقابل 200 دولار إضافية، بالإضافة إلى إمكانية ترقية السعة التخزينية SSD إلى 512 جيجابايت مقابل 200 دولار إضافية أو إلى 1 تيرابايت مقابل 400 دولار أمريكي أو إلى 2 تيرابايت مقابل 800 دولار إضافية، وعلى عكس هواتف ايفون 12 التي لا يتوفر معها شاحن، يأتي مع جهاز ماك شاحن USB-C بقدرة 30 واط. 
  • 1250 دولار أمريكي للإصدار بسعة تخزينية 512 جيجابايت SSD ورام 8 جيجابايت مع معالج M1 مدمج به معالج رسومات ثماني النواة، مع  إمكانية ترقية الرام إلى 16 جيجابايت مقابل 200 دولار إضافية، وإمكانية زيادة المساحة التخزينية إلى 1 تيرابايت مقابل 200 دولار أمريكي أو إلى 2 تيرابايت مقابل 600 دولار أمريكي. 

هذا المقال تم نشره بواسطة صدى التقنية صدى التقنية
رابط المقال ماك بوك اير 2020 بمعالج M1: المميزات والسعر

الصفحات

أنت هنا