كنت عارف ان الـCSS فيها Functions جاهزة؟ أه والله انت عندك حاجات زي الـlinear-gradient والـradial، والـFunction اللي هنتكلم عنها النهاردة ألا وهي الـCALC! الـCALC من الـFunctions اللي اوعدك لما تفهمها مش هتبطل تستخدمها، وده لأنها بتسهل عليك حاجات كتير، وخليني أعرضلك مشكلة مثلًا ونفكر في حلولها سوا دلوقتي انت عاوز …
أكمل القراءة »
بعتذر عن الإنقطاع امبارح، ولكن خليني أفكرك بأول CSS Note كتبناها هنا ع الصفحة، الـImport Rule، ويومها قولتلك ان الـCSS فيها كذا Rule هتستخدمهم كتير في حياتك، والنهاردة خليني أكلمك بقى عن الـRule اللي لا غنى عنها حرفيًا، الـMedia Query! طيب احنا بنستخدم الـMedia Query ليه؟ ببساطة الأجهزة اللي بتستخدم …
أكمل القراءة »
وخليني أكلمك بسرعة عن الـMargin Collapsing، وإزاي ممكن 25px + 25px تساوى 25px في النهاية! مش مصدق؟ طب خليني أشرحلك، يا عم صبرك عليا خمسة بس وهشرحلك كل حاجة والله 😂 بص يا سيدي، دلوقتي هنفترض عندك اتنين Div Element، وبحكم ان الـDiv عنصر Block-Level وبياخد الـBlock كله فـ كل …
أكمل القراءة »
أكيد كلنا بنشوف الـBox Sizing في أي صفحة CSS بنفتحها، ولكن انت تعرف الـProperty دي بتعملي ايه بالظبط؟ خليني أشرحلك احنا هنتعامل مع أي عنصر على اساس انه Box، سواء كان Element أو Pseudo Element، أي Box في الدنيا ليه طول وعرض، الطول على المحور Y (الرأسي) والعرض على المحور …
أكمل القراءة »
معلومة ع السريع النهاردة جايين نحل السؤال الأشهر في عالم الـCSS من أوله لأخره، إزاي تسنتر Div 😂، بص هي دي من أسهل الحاجات في الـCSS الصراحة ولكن خليني برضه أتكلم عنها لأن ممكن يبقى في حد مش عارفها ببساطة انت عندك كذا طريقة، ممكن تعملها بالـPosition Absolute، ولكن دي …
أكمل القراءة »
خلينا نكمل كلامنا عن الـnth-child Pseudo Class، ومن الحاجات الجامدة برضه فيه واللي بتطبق الـNotation اللي اتكلمنا عنه البوست اللي فات، هو انك تحدد أول كام عنصر وأخر كام عنصر وهكذا! احنا قولنا في البداية ان الـn في الـAn+b بترمز لعدد صحيح موجب، Non negative Integer، طيب لو حطينا سالب …
أكمل القراءة »
تعرف انك ممكن تعمل Validation على الـInput من خلال الـCSS بس؟ يعني تتأكد إذا كان الـInput ده جواه الداتا الصحيحة اللي انت محتاجها ولا لأ من خلال الـCSS! اه والله مش مصدق ليه؟ بص هو الموضوع ما زال Limited وماتقدرش تتأكد غير إذا كان الـInput اللي الـType بتاعه Number الـValue …
أكمل القراءة »
كورسات مجانية، كورسات تعليمية في إدارة المشاريع هي إحدى مجالات الإدارة الأكثر شعبية في وقتنا الراهن، نظراً لنمو مفهوم المشروعات وانتشارها في المنشآت المختلفة، تعرف اليوم على كورس إدارة المشاريع Professional project management Course من منصة سديم الإلكترونية.
أكمل القراءة »
أغلبنا يعرف الـnth-child وانه من خلاله يقدر يحدد index معينة للـchild ويعمل عليها Styling معين، وهنا الـindex بتبدأ من 1 ولكن اللي ماتعرفوش بقى انك ممكن حرفيًا تعمل عظمة بالـ pseudo class ده! خليني أشرحلك دلوقتي الـn بتعبر عن أي عدد صحيح موجب، Non negative integer، فـ لو الرقم ده …
أكمل القراءة »
في سؤال اتسألته في Interview وللأسف مكنتش مستحضر إجابته يومها، مع انها من الـBasics اللي المفروض أي حد بيكتب CSS يبقى عارفها، وهو ببساطة عن ايه الفرق بين الـDescendant selector ,والـChild Selector، فـ لو ماتعرفش الفرق بينهم يبقى كمل معايا دلوقتي نفترض عندك Unordered List فيها حبة List Items، وجوة …
أكمل القراءة »