الرئيسية / أرشيف الوسم : css (صفحه 6)

أرشيف الوسم : css

Apple من ناحية الـ Business عملاق حقيقي

النهاردة يا سيدي أبل تنزل كذا منتج جديد ضمن الـLine-ups بتاعتها، وده يعتبر شهر Apple، وعامةً أي حاجة جامدة هتلاقيها بتيجي في شهر تسعة، السلطان عبدالحميد التاني اتولد في شهر 9، أبل بتنزل موبايلاتها في شهر 9، والجينيص اتولد في شهر 9! بس سيبك من ده دلوقتي، خليني أكلمك عن …

أكمل القراءة »

الـID ليه شروط بسيطة في الصفحة بالنسبة لـHTML5

أي Element في الـHTML ممكن تديله ID، ولكن الـID ليه شروط بسيطة في الصفحة بالنسبة لـHTML5، وببساطة هي إنه : – مايكونش مستخدم في نفس الصفحة قبل كدة – مايحتويش على مسافات – يتكون على الأقل من حرف واحد يعني مثلًا ID زي 454 أو – – أو أي حاجة …

أكمل القراءة »

الـdataset في الـJavaScript

مع إصدار الـHTML5، بقى عندنا الإمكانية إننا نعمل Data Attributes نحط فيها البيانات اللي عاوزينها، ونقدر نستفيد منها من خلال الـdataset في الـJavaScript، وبما إن الـHTML5 مدعومة من كل المتصفحات الحديثة فـ إحنا معندناش مشاكل إطلاقًا مع حاجة زي دي. ولكن لو اتطلب منك مشروع يشتغل على الـBrowsers القديمة، اللي …

أكمل القراءة »

الـDefer، والـAsync، وخليني أشرحلك الفرق

عاوز تخلي الموقع بتاعك يبقى سريع ومياخدش Loading Time طويل؟ في البوست هنا هقولك على طريقة مهمة هتسهل عليك كتير، وفي الكومنتات عاوزكم تشاركوا بطرق تانية لتحسين سرعة تحميل الموقع (لو مش عارف ممكن تبحث وتحاول تكتب في الكومنتات، صدقني هتفرق معاك جدًا النصيحة دي) احنا متعودين على وضع الـScript …

أكمل القراءة »

شرح DNS Prefetch

البوست اللي جاي هيتكلم عن الـ(DNS Prefetch – Prerender – Pre Connect)، فـ قبل ما نتكلم عنهم محتاجين نعرف حبة معلومات مهمة عن الـDNS، وازاي بمجرد كتابة رابط الموقع بتقدر تتصفحه بكل سهولة! متحمس؟ يلا بينا نبدأ الإنترنت بمفهومه البسيط عبارة عن حبة أجهزة متصلة مع بعضها من خلال كابلات …

أكمل القراءة »

شرح الـDNS

في البوست اللي فات عرفنا ايه هو الـDNS وايه وظيفته، وفي البوست النهاردة هنقدر نستفيد من معرفتنا السابقة دي بشكل عملي في إنشاء موقع الويب بتاعنا فيما يعرف بالـ(Resource Hints)، لو مقريتش البوست اللي فات انصحك جدًا ترجعله (اللينك في أول كومنت)، وخلينا نبدأ موضوعنا. اتفقنا على ان الـDNS بياخد …

أكمل القراءة »

شرح الـCDN

بقالنا فترة بنتكلم عن تحسين أداء الموقع، وخليني النهاردة أكلمك عن الـCDN، ودي من الحاجات اللي لو تعلمون عظيمة، بوست النهاردة قصير وبسيط جدًا ومناسب للمبتدئين فـ ماتقلقش 😄 في ملفات مشروعنا كـ “موقع إلكتروني”، بيبقى عندنا فايلات CSS وJavaScript لمكتبات كتير بنستخدمهم بشكل معتاد، زي مثلًا Bootstrap أو Foundation …

أكمل القراءة »

الـAlt Attribute اختصار لكلمة Alternative

لو فاكر ان وجود الـAlt Attribute فاضي زي عدمه فـ خليني أقولك إنك غلطان تمامًا، بالعكس انت في حالات يستحسن تستخدم فيها Alt Attribute فاضي عن إنك تكتب فيه محتوى الصورة، مستغرب؟ خليني أشرحلك ببساطة الـAlt Attribute اختصار لكلمة Alternative، يعني بديل، وبالفعل هو النص البديل للصورة في موقعك، لو …

أكمل القراءة »

شرح Semantic HTML

كتير بنسمع مصطلح Semantic HTML، وازاي ليها تأثير كبير على الـSEO وبتساعد في تنظيم الصفحة، إمكانية اصلاحها مستقبلًا بشكل أسهل وبتبقى مترتبة بترتيب منطقي مناسب للزوار بس عمرك سألت نفسك إيه الـSemantic HTML؟ خليني أشرحلك الـSemantic HTML هو استخدام عناصر ذات معنى بتدل على المحتوى اللي جواها، يعني في الطبيعي …

أكمل القراءة »

عنصر الـLabel من العناصر المهمة جدًا

معلومة على السريع عنصر الـLabel من العناصر المهمة جدًا، مفيش موقع تقريبًا مفيهوش Form، وكل Form لازم ع الأقل يبقى فيه Input واحد، سواء كان Text أو Number أو غيره، وعشان نعرف المستخدم احنا عاوزين أنهي داتا بالظبط في الـInput ده بنستخدم العنصر اللي هنتكلم عنه النهاردة وهو الـLabel الـLabel …

أكمل القراءة »