‏إظهار الرسائل ذات التسميات مقالات. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات مقالات. إظهار كافة الرسائل

المقاييس و الوحدات فى لغه .....CSS

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

 CSS    وهى                                       

 وهى

1-
وحدات قياس نسبيه
Relative Length Units
2-
وحدات قياس مطلقه
Absolute Length Units
3-
وحدات قياس زوايا
Angle Units
4-
وحدات قياس زمن او وقت
Time Units



أهم وحدات الطول النسبي


تحدد وحدات الطول النسبي الطول نسبةً إلى خاصية الطول الأخرى  .

 وتتميز الوحدات ذات الطول النسبي بقياس أفضل بين وسائط التقديم المختلفة

ومن اهم وحدات الطول النسبي

                    %   px    ex    em     rem

                       

أهم وحدات الطول المطلقة


 ومن اهم وحدات الطول المطلقه                              
                         Cm    mm     pt
وحدات الزاوية


ومن اهم وحدات وحدات الزاوية


                    Deg           grad                           
وحدات الوقت

 Time Units

ومن اهم  وحدات الوقت                  s    ms                                                                         
متصفحات


صوره توضح المتصفحات التى تدعم هذه الوحدات و المقاييس

للاطلاع على المزيد  من هنا
blog

تدرج الالوان فى CSS3

تدرج الالوان فى CSS3







الوان قوس قزح & rainbow Colors


تدرج الالوان فى CSS3 ..... أو CSS3 Gradients



تكرار التدرج الخطى المائل

التدرج هو مزج بين اثنين أو أكثر من الألوان حيث يكون التحول بين الألوان على نحو سلس. هذه التدرجات مفيده لكل من الخلفية، اللافتات والأزرار و غيرها.




CSS3 Gradients

تدرج الالوان فى CSS3
في وقت سابق، كان يتم استخدام الصور لعمل هذه التأثيرات باستخدام التدرجات يمكنك تقليل وقت التحميل بالإضافة إلى ذلك العناصر مع التدرجات تبدو أفضل عند التكبير ، ، لأن يتم إنشاء التدرج من قبل المستعرض .
يحدد CSS3 نوعين من التدرجات:
  • أولا : التدرجات الخطية Linear Gradients
    • و أتجاهاتها /تحت / أعلى / يسار / يمين / قطريا
  • ثانيا : التدرجات الشعاعية Radial Gradients
    • اتجاهاتها يحددها مركزها
========================
المتصفحات التى تدعم هذه الخاصيه
modountiy
تظهر من الشكل السابق ان اغلب المتصفحات تدعم هذه االخاصيه
========
التدرج الخطي Linear Gradients
لإنشاء التدرج الخطي يجب تحديد اثنين على الأقل من الألوان. الألوان التي تريد أن تجعل التحولات تحدث على نحو سلس بينها. يمكنك أيضا تعيين نقطة انطلاق واتجاه (أو زاوية) جنبا إلى جنب مع تأثير التدرج.
بناء الجمله فى التدرح   Syntax
background:linear-gradient(direction,color-1,color-2,...)

مثال على التدرج        

التدرج الخطي        
التدرج الخطي - يبدا من الأعلى إلى الأسفل (هذا افتراضي) ويوضح المثال التالي تدرج خطي يبدأ من الأعلى. يبدأ باللون الأحمر ، وينتقل إلى اللون الأصفر:








وهذه هى النتيجه        




تدرج خطى يبدا من اعلى الى اسفل . .
يبدا باللون الاحمر ويتحول الى اللون الاصفر

التدرج الخطي - من اليسار إلى اليمين        
يوضح المثال التالي تدرج خطي يبدأ من اليسار الى اليمين يبدأ باللون الأحمر ، وينتقل إلى اللون الأصفر:

هذا هو الكود فى القسم <style>

background: linear-gradient(to right,red, yellow)



وهذه هى النتيجه        




تدرج خطى يبدا من اليسار الى اليمين . .
يبدا باللون الاحمر ويتحول الى اللون الاصفر


التدرج الخطي - من اليمين الى اليسار        
يوضح المثال التالي تدرج خطي يبدأ من اليمين الى اليسار يبدأ باللون الأحمر ، وينتقل إلى اللون الأصفر:

هذا هو الكود فى القسم <style>

background: linear-gradient(to left,red, yellow)



وهذه هى النتيجه        




تدرج خطى يبدا من اليمين الى اليسار . .
يبدا باللون الاحمر ويتحول الى اللون الاصفر


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

و ها هو الكود ضعه فى القسم <style>

background: linear-gradient(to bottom right,red, yellow)



وهذه هى النتيجه        




تدرج خطي - قطري يبدأ من أعلى اليسار وينتقل إلى أسفل اليمين


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


background-image: linear-gradient(angle, color-stop1, color-stop2)


يتم تحديد الزاوية كزاوية بين خط أفقي وخط التدرج. يوضح المثال التالي كيفية استخدام الزوايا في التدرجات الخطية:

و ها هو الكود ضعه فى القسم <style>

background-image: linear-gradient(90deg, red, yellow)



وهذه هى النتيجه        




تدرج قطرى يبدا من اعلى بزاويه 90 درجه . . يبدا باللون الاحمر ويتحول الى اللون الاصفر

   

وهذه مجموعه من التدرجات و يتم تغيير الزاويه حتى تعطى صوره واضحه عن كيفيه عمل التدرج




background-image: linear-gradient( 0deg, red, yellow)

0



background-image: linear-gradient(45deg, red, yellow)

45



background-image: linear-gradient(90deg, red, yellow)

90



background-image: linear-gradient(135deg, red, yellow)

135



background-image: linear-gradient(180deg, red, yellow)

180



background-image: linear-gradient(-90deg, red, yellow)

-90

استخدام تدرج لالوان متعددة         Using Multiple Color        
استخدام تدرج لالوان متعددة باستخدام الكود الاتى كمثال على تدرج ذو الوان متعدده

background-image: linear-gradient(red, yellow, green)

يوضح المثال التالي التدرج الخطي (من أعلى إلى أسفل) مع ألوان متعددة

تدرج من الوان متعدده يبدا باللون الاحمر . . ويتحول الى اللون الاصفر ثم الاخضر

يوضح المثال التالي كيفية إنشاء تدرج خطي مجموعه الوان (من اليسار إلى اليمين) مع لون قوس قزح :

background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);


الوان قوس قزح

استخدام الشفافية Transparency
تدعم تدرجات CSS الشفافية أيضًا ، والتي يمكن استخدامها لإنشاء تأثيرات باهتة. لإضافة شفافية ، نستخدم الدالة rgba () لتحديد نقاط توقف اللون.
المعامل الاخيرفى الداله "a " لتحديد الشفافيه و يأخذ قيمه من قيمة من 0 إلى 1 ، وهي تحدد شفافية اللون: 0 تشير إلى الشفافية الكاملة ، وتشير 1 إلى اللون الكامل (لا توجد شفافية).

يوضح المثال التالي تدرج خطي يبدأ من اليسار. يبدأ بالشفافية الكاملة ، وينتقل إلى اللون الأحمر الكامل:

background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));


الشفافية

تكرار التدرج الخطي
تكرار التدرج الخطي تُستخدم The repeating-linear-gradient() function لتكرار التدرجات الخطية:

background-image: repeating-linear-gradient(red, yellow 10%, green 20%);


تكرار التدرج الخطي

تم استخدام هذا الكود

background: repeating-linear-gradient(60deg,red,yellow 7%,green 10%;);

للوصول للشكل التالى

تكرار التدرج الخطى المائل

المصادر

w3schools

codecademy

نرجو ان تترك لنا تعليق او اذا كان لديا استفسار او ملحوظه – لا تتردد اترك تعليق واعلم اننى ساكون ممتن بذلك

ثلاث تمرات كل يوم تقيك - بأذن الله- شرور كثيره



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

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

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

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

4.. يمكن أن تكون أكثر ذكاءً
تحتوي التمر على فيتامين ب 6 الذي ثبت أنه يحسن أداء الدماغ عن طريق مساعدة الجسم على إنتاج السيروتونين والنورادرينالين. وينظم السيروتونين بدوره الحالة المزاجية ويفيد النورإبينفرين جسمك في التعامل مع الإجهاد . 
لذا ، عندما يكون دماغك بعيدا عن الإجهاد ، وفي مزاج جيد ، فهو مستعد للتعلم والاحتفاظ بالمعلومات

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

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

                                     foodprevent

اضافه جديدة من جوجل كروم لامان كلمات المرور



اداة جديدة من جوجل كروم تخبرك إذا تم اختراق كلمة المرور الخاصة بك

تغيير كلمات السر الخاصة بك في كثير من الأحيان امر ممل   - و لكن نحن نهتم  للغاية بتسجيل الدخول بأمان وبشكل آمن - هناك مساعدة من جوجل في شكل إضافة جديدة لمتصفح الويب

Google Chrome

تسمى       Google Password Checkup

 يعمل Google Password Checkup كطبقة أمان ثانوية مفيدة   

 

ويخبرك عندما تم اختراق كلمات المرور الخاصة بك ، ويذكرك بتغييرها قبل فوات الأوان.

 يحتفظ  بقاعدة بيانات مشفرة لكلمات المرور المعروفة بأنها مخترقة  

ويقارنها ببيانات الاعتماد الخاصة بك ( والتي يتم تشفيرها أيضًا ).

 يتم إجراء المقارنة الفعلية محليًا  في ملحق فحص كلمة المرور ، بحيث لا يتم نقل أي معلومات شخصية أثناء عملية الفحص.

 إذا تم العثور على تطابق  فستقترح الإضافة تغيير كلمة المرور على الفور




ليس عليك فعل الكثير للاستفادة من الاضافه فقط

 "كلما قمت بتسجيل الدخول إلى أحد المواقع ، سيؤدي فحص كلمة المرور إلى ظهور تحذير إذا كان اسم المستخدم وكلمة المرور اللذين تستخدمهما هو واحد من أكثر من 4 مليارات وثيقة اعتماد تعرفها   Google  بأنها غير آمنة في منشور الإعلان.  

 من هنا ، يمكنك إما إنشاء كلمة مرور جديدة مليئة بالأحرف العشوائية – بمساعدة

 Google –  و تجاهل التذكير


سيعمل فحص كلمة مرور   Google    


 على إصلاح معلومات تسجيل الدخول الخاصة بك ، إلا أنه لا

 يمكن أن يحميك من جميع خروقات البيانات في المقام الأول.

 لذلك ، ستحتاج إلى اتباع عادات أمان أفضل ، بما في ذلك

1- تغيير كلمة المرور بشكل دوري

2- تمكين المصادقة الثنائية  على حساباتك لإضافة طبقة أخرى من الحماية


لتثبيت أداة فحص كلمة مرور Google  يمكنك    الضغط هنا أو الانتقال إلى صفحة إضافات Chrome  حيث ستجدها جنبًا إلى جنب مع الآلاف من إضافات Chrome الأخرى



يمكنك معرفة المزيد حول كيفية عمل "فحص كلمة المرور  هنا
   ومن هنا صفحه     اضافات جوجل
 لمعرفه  المزيد حول   المصادقة الثنائية 
 تعليقاتكم لها اهميه كبيره . . . لا تبخل علينا بتعليقك