• الرئيسية
  • راسلني
  • rss
  • Email

مدوّنة المعتصم

تقنية .. انترنت .. برمجة .. روبوتات

أرشيف قسم: برمجة و تطوير

أداة للتحكم في ألوان المواقع التي تزورها

2011/03/15 | قسم برمجة و تطوير
0

متابعي المدونة يعلمون جيداً بأن الخلفيات البيضاء (أو الفاتحة عموماً) ترهق عيني :) لأن سطوع الشاشة يصبح قوي جداً. وكوسيلة لحل هذه المشكلة قمت بعمل أداة بسيطة تقوم بتعديل لون الخلفية للمواقع التي أزورها عندما أرغب بذلك. وأردت مشاركة النتيجة هنا لمن يهمّه الأمر.

خلفية سوداء

عندما تضغط على المربع ستتغيّر ألوان الموقع، وإذا أردت استعادة الألوان الأصلية يجب عليك إعادة تحديث الصفحة. للاستفادة من الأداة قم بسحبها إلى قائمة الروابط المفضلة في المتصفح، وعندما تريد أن تغيّر لون الخلفية للموقع الذي تتواجد فيه قم باختيار رابط الأداة وستتغير الألوان مباشرة.

أكمل قراءة الموضوع »

أسهل طريقة لتحميل مقاطع الفيديو من يوتيوب

2011/03/15 | قسم برمجة و تطوير
0

قم بسحب هذا المربّع حمّل الفيديو إلى قائمة الروابط المفضلة في المتصفح. وعندما تدخل إلى صفحة فيديو تابعة لموقع يوتيوب (أي أن عنوان الصفحة يبدأ بـ www.youtube.com) قم بالضغط على الرابط، وسيظهر لك هذا المربع في أعلى الصفحة:

صورة لنتيجة عمل الرابط

سيظهر لك في هذا المربع روابط التحميل لجميع الصيغ المتاحة للفيديو الذي اخترته. فبعض المقاطع (مثل أغلب المقاطع العربية) ستحتوي على جودة 480p بحد أعلى ولن تظهر لك روابط الجودات عالية الدقة. فقط اضغط باليمين على الجودة التي تريدها واختر حفظ باسم وسيتم تحميل المقطع.

أكمل قراءة الموضوع »

تغيير النص عند مرور المؤشر فوقه عن طريق الـ jQuery والـ CSS

2010/07/14 | قسم برمجة و تطوير
0

‬

‫

‬
‎‫كنت أبحث قبل مدّة عن طريقة لجعل النص يتغيّر بمجرّد وضع المؤشر فوقه بواسطة الـ CSS والـ jQuery ، ووجدت ‬طريقة تساعدني على فعل هذا بشكل أفضل مما أردت ،‫ وأحببت مشاركتها هنا.‬
‎‫الطريقة تعتمد على مكتبة الـ jQuery بالإضافة إلى ‬الأداة الأساسية‫ التي ‬ت‫قوم بالعملية rotate3Di وأيضاً لا أنسى الـ CSS.‬
‎‫النتيجة ستكون شيئاً مشابهاً لما يلي: (ضع المؤشر فوق أحد المربعات لترى النتيجة)‬
‫

‬

‬

  • ب
    ت
  • ث
    ج
  • ح
    خ
  • د
    ذ
  • ر
    ز

‫

‬
‎‫كود الـ HTML المستخدم لعمل هذا بسيط جداً ، وهو عبارة عن div أساسي وفي داخله قائمة ، كل عنصر li في هذه القائمة يحتوي على 2 divs ، الأول سيكون اسم الكلاس الخاص فيه front والثاني back. الفرونت سيتم عرضه مباشرة عند تحميل الصفحة ، والباك سيتم إخفاؤه عن طريق الستايل ، وعندما يمر المؤشر عليه سيتم إخفاء الفرونت وإظهار الباك عن طريق سكربت rotate3Di.‬
‫

‬
‫

‬
‎‫هذا هو كود الـ HTML المستعمل لإظهار هذه المربعات:‬
‫

‬
‏ أكمل قراءة الموضوع »

  • الأقسام

    • إدارة و تطوير الذات (2)
    • انترنت (2)
    • برمجة و تطوير (3)
    • تجارب (1)
    • تقنية (3)
    • عام (2)
  • الكلمات المفتاحية

    bookmarklet chrome extension CSS jQuery PMP youtube آداب إدارة المشاريع اتخاذ قرار الإسلام تعلّم تنظيم الوقت حقوق الملكية راحة العين روبوت رومبا سكوبا فوائد لغات

جميع الحقوق محفوظة © إلا في حالة ذكر غير ذلك