بسم الله نبدأ بقى في الـProgramming وندخل شوية في أساسيات الـComputer Science، في السلسلة دي هنتكلم عن الخوارزميات، هياكل البيانات، رياضيات وحبة فيزياء كدة على جمب، ومتخافش بإذن الله الموضوع سهل وبسيط كنت قاعد محتار الحقيقة هل نشتغل بـPesudo Code ونبقى نخش بعدين على الـJavaScript؟ ولا نتعلم JavaScript الأول وبعدين …
أكمل القراءة »
وأخيرًا وصلنا لأخر بوست في سلسلة CSS Notes، شرحنا أكتر من 19 ملحوظة مهمة في الـCSS هتساعدك بإذن الله تكتب كود كويس، وعشان يبقى ختامه مسك، خلينا نتكلم النهاردة عن الـNaming في الـCSS! كتير جدًا بنواجه صعوبة واحنا بنحط أسماء للـClasses بتاعتنا، ونبدأ نحط أسماء عجيبة زي Div1 وEl7ob وليلة …
أكمل القراءة »
والحقيقة أنا النهاردة متحمس جدًا، أولًا لأننا قربنا نخلص أهم الـNotes في الـCSS، وثانيًا لأننا هنتكلم عن حاجة شيقة جدًا وغالبًا انت مكنتش عارفها قبل كدة، عزيزي القارئ، معادنا النهاردة مع الـCSSOM أو الـCSS Object Model! اتكلمنا قبل كدة في الـHTML Notes عن الـWebAPIs، وازاي ان المتصفح بيبقى معاه حبة …
أكمل القراءة »
عارف إني ماتكلمتش عن المتغيرات قبل كدة، ولكن النهاردة هنعرف حاجات بسيطة عنها اللي يخلينا نعرف فايدتهم ونستخدمهم في الـCSS، ولما نبدأ نتكلم عن الـCS (كمبيوتر ساينس) هنتكلم عنها بالتفصيل بإذن الله المهم، وانت بتصمم موقع غالبًا بيبقى عندك ألوان وFont بيتكرر كتير في الصفحة، وبتحتاج كل مرة تكتبه وتبقى …
أكمل القراءة »
بوست النهاردة هو بوست دسم وعميق، فـ خلينا نبدأ على طول ونتكلم عن الـCubic Bezier، بدون رغي كتير خلينا نخش في الموضوع على طول في عالم الـCSS بنستخدم الـTransitions، عشان نغير قيمة Property بشكل متغير مع الزمن، يعني لو بنتكلم على تغيير لون Div، فـ لو بدون استخدام الـTransition الـDiv …
أكمل القراءة »
شرح تفصيلي للـHexadecimal Color Notation كتير في حياتنا البرمجية (وحتى أصدقائنا الـGraphic Designer) بنستخدم صيغ ألوان مختلفة، زي الـRGB والـHSL، واللي هنتكلم عنها النهاردة ألا وهي الـHexadecimal Notation كلمة Hexa هي كلمة لاتينية بمعنى سداسي، وده لأننا بنعرف اللون بمقطع نصي مكون من أرقام وحروف عددهم ٦، في اختصارات أو …
أكمل القراءة »
بنلاقي كتير في المدونات أول سطر من المقالة بيبقى منزاح (في مسافة فاضية بينه وبين أول السطر) وباقي الكلام ماشي زي الفل، تفتكر حاجة زي دي بتتعمل ازاي؟ أسرع حاجة هتيجي في دماغك هو الـFirst Line Pseudo Element، بحيث انك تقدر تتحكم في أول سطر بس من الـText وتديله Padding …
أكمل القراءة »
تعرف انك ممكن تطبق Media Query على Stylesheet كاملة من الـHTML على طول؟ عشان ماكدبش عليك مش هتستخدمها كتير في حياتك العملية ولكن أهي معلومة هتفيدك لو احتاجتها بعدين الـLink Element بيقبل Media Attribute، اللي تقدر من خلاله تحدد Media Feature معينة زي الـMax-Width اللي اتكلمنا عنها البوست اللي فات، …
أكمل القراءة »
في الـHTML عندنا Element مش بنستخدمه كتير ولكنه من الـElements الـSemantic HTML، ألا وهو الـq (اختصار لكلمة Quote)، وببساطة كلمة Quote معانها اقتباس، يعني لما بتيجي تذكر حكمة من حكم الإمام الشافعي رحمه الله وتحطها بين علامتين تنصيص فـ ده اسمه اقتباس وبالإنجليزي Quote وبما اننا دلوقتي في عالم الويب، …
أكمل القراءة »
وأه بوستات النهاردة بسيطة وسهلة، فـ لازم يبقى في كذا واحد، وبعدين انت واخد أجازة بقالك يومين فـ مافيهاش حاجة نراجع شوية على حبة معلومات أساسية في الـCSS وبالتحديد للـFont Property! الـFont Property بشكل عام هي Shorthand او اختصار لمجموعة من الـProperties التانية، زي الـSize والـWeight والـDecoration وغيرهم، في أول …
أكمل القراءة »