لما المستخدم بيضغط على Anchor Element عشان يروح من صفحة لصفحة والصفحة تتفتح في New Tab، بفضل الـTarget Attribute (زي ما شايفين في الصورة)، المتصفح بيبعت مع الـRequest ده JS Object بيكون فيه معلومات عن الصفحة اللي قبله، الكلام مجعلص؟ خليني أبسطهولك بمثال دلوقتي انت في الصفحة بتاعتك عامل Anchor …
أكمل القراءة »
النهاردة يا سيدي أبل تنزل كذا منتج جديد ضمن الـLine-ups بتاعتها، وده يعتبر شهر Apple، وعامةً أي حاجة جامدة هتلاقيها بتيجي في شهر تسعة، السلطان عبدالحميد التاني اتولد في شهر 9، أبل بتنزل موبايلاتها في شهر 9، والجينيص اتولد في شهر 9! بس سيبك من ده دلوقتي، خليني أكلمك عن …
أكمل القراءة »
أي Element في الـHTML ممكن تديله ID، ولكن الـID ليه شروط بسيطة في الصفحة بالنسبة لـHTML5، وببساطة هي إنه : – مايكونش مستخدم في نفس الصفحة قبل كدة – مايحتويش على مسافات – يتكون على الأقل من حرف واحد يعني مثلًا ID زي 454 أو – – أو أي حاجة …
أكمل القراءة »
مع إصدار الـHTML5، بقى عندنا الإمكانية إننا نعمل Data Attributes نحط فيها البيانات اللي عاوزينها، ونقدر نستفيد منها من خلال الـdataset في الـJavaScript، وبما إن الـHTML5 مدعومة من كل المتصفحات الحديثة فـ إحنا معندناش مشاكل إطلاقًا مع حاجة زي دي. ولكن لو اتطلب منك مشروع يشتغل على الـBrowsers القديمة، اللي …
أكمل القراءة »
عاوز تخلي الموقع بتاعك يبقى سريع ومياخدش Loading Time طويل؟ في البوست هنا هقولك على طريقة مهمة هتسهل عليك كتير، وفي الكومنتات عاوزكم تشاركوا بطرق تانية لتحسين سرعة تحميل الموقع (لو مش عارف ممكن تبحث وتحاول تكتب في الكومنتات، صدقني هتفرق معاك جدًا النصيحة دي) احنا متعودين على وضع الـScript …
أكمل القراءة »
البوست اللي جاي هيتكلم عن الـ(DNS Prefetch – Prerender – Pre Connect)، فـ قبل ما نتكلم عنهم محتاجين نعرف حبة معلومات مهمة عن الـDNS، وازاي بمجرد كتابة رابط الموقع بتقدر تتصفحه بكل سهولة! متحمس؟ يلا بينا نبدأ الإنترنت بمفهومه البسيط عبارة عن حبة أجهزة متصلة مع بعضها من خلال كابلات …
أكمل القراءة »
في البوست اللي فات عرفنا ايه هو الـDNS وايه وظيفته، وفي البوست النهاردة هنقدر نستفيد من معرفتنا السابقة دي بشكل عملي في إنشاء موقع الويب بتاعنا فيما يعرف بالـ(Resource Hints)، لو مقريتش البوست اللي فات انصحك جدًا ترجعله (اللينك في أول كومنت)، وخلينا نبدأ موضوعنا. اتفقنا على ان الـDNS بياخد …
أكمل القراءة »
بقالنا فترة بنتكلم عن تحسين أداء الموقع، وخليني النهاردة أكلمك عن الـCDN، ودي من الحاجات اللي لو تعلمون عظيمة، بوست النهاردة قصير وبسيط جدًا ومناسب للمبتدئين فـ ماتقلقش 😄 في ملفات مشروعنا كـ “موقع إلكتروني”، بيبقى عندنا فايلات CSS وJavaScript لمكتبات كتير بنستخدمهم بشكل معتاد، زي مثلًا Bootstrap أو Foundation …
أكمل القراءة »
لو فاكر ان وجود الـAlt Attribute فاضي زي عدمه فـ خليني أقولك إنك غلطان تمامًا، بالعكس انت في حالات يستحسن تستخدم فيها Alt Attribute فاضي عن إنك تكتب فيه محتوى الصورة، مستغرب؟ خليني أشرحلك ببساطة الـAlt Attribute اختصار لكلمة Alternative، يعني بديل، وبالفعل هو النص البديل للصورة في موقعك، لو …
أكمل القراءة »
كتير بنسمع مصطلح Semantic HTML، وازاي ليها تأثير كبير على الـSEO وبتساعد في تنظيم الصفحة، إمكانية اصلاحها مستقبلًا بشكل أسهل وبتبقى مترتبة بترتيب منطقي مناسب للزوار بس عمرك سألت نفسك إيه الـSemantic HTML؟ خليني أشرحلك الـSemantic HTML هو استخدام عناصر ذات معنى بتدل على المحتوى اللي جواها، يعني في الطبيعي …
أكمل القراءة »