قائمة رئيسية متجاوبة مع جميع المتصفحات

resopnive nav قائمة رئيسية متجاوبة مع جميع المتصفحات
في التدونة السابقة شرحت كيفية جعل تصميمك يتجاوب مع جميع المتصفحات واليوم استكمالاً لذلك الدرس سوف أشرح كيفية انشاء قائمة متجاوبة مع جميع المتصفحات ,
الدرس يعتمد على HTML5 وتقنية CSS فقط دون الحاجة الى الجافا سكريبت وتعمل القائمة على جميع المتصفحات بمافي المتصفح الغبي انترنت…

1

CSS3 Media Queries

media queries CSS3 Media Queries
يقدم لنا CSS3 تقنية فريدة تستطيع من خلالها تحديد شكل معين لتصميمك بحسب حجم الشاشة المعروض عليها الموقع ، فبهذة التقنية تستطيع إن تظهر موقعك بالشكل المناسب لكل حجم شاشة .
الـ media queries هذة هي الخاصية التي تستطيع من خلالها عمل كل هذا .

1

Responsive Design تجربة تصميم موقع بـ Media Queries

responsive design  Responsive Design تجربة تصميم موقع بـ Media Queries
”عدد المستخدمين الذين يتصفحون الإنترنت بالموبايل سيصل ال 1.9 بليون مستخدم فى عام 2015!”
اليوم نستعرض كيفية توافق التصميم مع جميع الشاشات بإستخدام خاصية جديدة في CSS تسمي media queries , لايخفى على الجميع اليوم كثره دخول الزوار من الإجهزة الكفية والهواتف على مواقع…

1

طريقة صنع زر ثلاثي أبعاد بواسطة CSS3

3d buotton طريقة صنع زر ثلاثي أبعاد بواسطة CSS3سنشرح اليوم طريقة صنع زر يبدو وكأنه ثلاثى الأبعاد , سيتم التلاعب بقيمة الظل لصنع التأثير وأيضاً سنضيف له لمسة جميلة وذلك من خلال قيام الزائر بالضغط علية سنخفف قيمة الظل ليبدو وكأنه ينزل لأسفل وكأنك تغضط زر حقيقي

demo طريقة صنع زر ثلاثي أبعاد بواسطة CSS3

1

طريقة صنع سلايدر بواسطة CSS3 animation

transition slider طريقة صنع سلايدر بواسطة CSS3 animation في البداية يجب علينا أن نشكر CSS3 معها أصبح بأمكاننا أن نجعل مواقعنا أكثر حيوية , وفي المستقبل القريب سيقل إستخدام الجافاسكريبت في المواقع .
CSS3 عالم جميل عندما تشاهد ماتصنعة بها على المتصفحات الجديدة التي تدعم خصائص CSS3 , والصدمة تأتي عندما تشاهدة على المتصفحات…

1

شرح المفاهيم الأساسية لـ transition و animation

transition شرح المفاهيم الأساسية لـ transition و  animation عنصر transition و animation في CSS3 يضيف لموقعك مزيداً من الحيوية والإثارة ..
فبإستطاعتك تطبيق حركات جميلة جداً وبلمسات خيالية لموقعك وتعتمد الإستفادة من الـ transition و animation على حسب إستخدامك لها ..
ففي موضوع سابق تحدثت في عن عنصر transition ومايمكنك…

1

معرض صور رائع بواسطة CSS3

css3 150 150 معرض صور رائع بواسطة CSS3في هذة التدوينة أقدم لكم درس رائع لمعرض صور طالما تعودنا على رؤية بطريقة الجافا سكريبت .
واليوم نقدمة بشكل جديد عن طريق CSS3 ويعتمد هذا المعرض على طريقة إنشاء بوكس خاص بالمعلومات خلف الصورة ويكون بشكل مخفي وإذا جاء الماوس على الصورة يظهر البوكس المخفي وتختفي…

0

القائمة الجانبية الخارجية CSS Slide Out Fixed Navigation

side menu150 150 القائمة الجانبية الخارجية CSS Slide Out Fixed Navigation في درس اليوم سنتعلم طريقة جديدة لإيصال الزوار بالروابط الهامة في موقعك بطريقة سريعة وذلك بوضع قائمة عائمة في طرف الصفحة بحيث تسهل للزائر وتوفر عليه الوقت في الوصول للمعلومة .
وتعتبر هذة الطريقة أيضاً من أجزاء سهولة الأستخدام حيث أنك توفر على الزائر عناء البحث…

2

تأثيرات الظل على الصناديق بواسطة CSS3

box shadow150 تأثيرات الظل على الصناديق بواسطة CSS3
أصبحت الظلال الجميلة على الصناديق ليست حكراً على الفوتوشوب
فقد بات CSS3 منافساً قوياً ويعد أفضل لأنه يوفر علينا الوقت والجهد الذي نستغرقه لصنع الظلال على الفوتوشوب وأيضاً يختصر علينا عملية التقطيع وتركيب الظلال كخلفيات .
ففي هذا الدرس سوف نتعرف على كيفية إضافة ظلال على…

1

عنصر transition في CSS3 ومايمكن أن يفعل

transition150 عنصر transition في CSS3 ومايمكن أن يفعل
CSS3 ومايكن أن نعمله في مواقعنا بها .
نتعرف اليوم على عنصر transition ونشاهد كيفية الإستفادة من هذه العنصر فأنا إستخدمت خاصية هذا العنصر في التأثير على المينو , بحيث يكون التأثير على خلفية المينيو .
وأيضاً إستخدمتها على مستوي الصور وشريط البحث وزر البحث والبوكسات العادية…

2

تدوينات قديمة

Page 1 of 4123...الأخير »