في عام 2020، تركت وظيفتي وبقيت في المنزل، وأتمتع بمتسع من الوقت كل يوم. لذلك، بدأت في تطوير بعض الأدوات المتعلقة بالتطوير، بهدف حل المشكلات التي تمت مواجهتها أثناء التطوير أو للمساعدة في اكتساب فهم أعمق لبعض المفاهيم التقنية.

كتابة الأدوات الصغيرة كل يوم، مع مرور الوقت يومًا بعد يوم. إذا نظرنا إلى الوراء، كانت هذه التجربة في الواقع مثيرة للاهتمام للغاية.

في البداية، كانت واجهة المستخدم لهذه الأدوات بدائية للغاية. ومع ذلك، مع مرور الوقت، قمت بتحسين مظهرها باستمرار. على الرغم من أنها لا تزال لا تعتبر رائعة الآن، إلا أنها حققت تقدمًا كبيرًا.

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

ما يجعلني أشعر بالامتنان هو أنني قدمت بعضًا من هذه الأدوات إلى مدونة السيد Ruan Yifeng، وقد تلقت العديد من الأدوات الصغيرة توصيته. كان هذا بمثابة تشجيع كبير لي.

بعض الأدوات المتعلقة بالمبادئ المتعمقة

تم تصميم هذه الأدوات لمساعدة المطورين على اكتساب فهم أعمق لبعض المفاهيم الأساسية والمبادئ الأساسية.

IEEE754 تحويل النقطة العائمة

يمكن أن تساعدك هذه الأداة على فهم التمثيل الداخلي لأرقام الفاصلة العائمة مزدوجة الدقة في معيار IEEE 754. يمكنه تحويل الأرقام العشرية إلى التمثيل الثنائي المقابل لها، مع إظهار بت الإشارة، وبتات الأس، وبتات الجزء العشري بوضوح. وهذا مفيد جدًا لفهم كيفية تعامل أجهزة الكمبيوتر مع أرقام الفاصلة العائمة.

وفقًا لمعيار IEEE754، فإن تحويل الفاصلة العائمة لـ Infinity هو: جميع البتات الأسية هي 1، وجميع البتات العشرية هي 0.

إليك تحويل الفاصلة العائمة لـ Infinity:

وفقًا لمعيار IEEE754، فإن تحويل الفاصلة العائمة لـ 0 هو: بت الإشارة هو 0، وجميع البتات الأسية هي 0، وجميع البتات العشرية هي 0.

إليك تحويل الفاصلة العائمة لـ 0:

تحويل ترميز UTF-8

UTF-8 هو ترميز أحرف متغير الطول. يمكن أن تساعدك هذه الأداة على فهم كيفية ترميز أحرف Unicode في UTF-8. يمكنك إدخال أي حرف Unicode، وستعرض الأداة التمثيل الثنائي المشفر UTF-8، مما يسمح لك برؤية عملية التشفير بشكل مرئي.

تحويل ترميز Base64

Base64 هي طريقة تشفير شائعة الاستخدام، خاصة عند التعامل مع البيانات الثنائية. لا تساعدك هذه الأداة على فهم مبادئ تشفير Base64 فحسب، بل توفر أيضًا وظائف تشفير وفك تشفير ملائمة. وهو مفيد بشكل خاص للسيناريوهات التي يلزم فيها نقل البيانات الثنائية في بيئة نصية.

كشف نوع الملف

يمكن أن تساعدك هذه الأداة على فهم كيفية تحديد أنواع الملفات من خلال الأرقام السحرية للملفات. يمكنك تحميل ملف، وستقوم الأداة بقراءة البيانات الثنائية للملف وتحديد نوع الملف بناءً على الرقم السحري. وهذا مفيد جدًا عند التعامل مع ملفات غير معروفة أو التحقق من أنواع الملفات.

على سبيل المثال، تم تعريف JPEG لأن رقمه السحري هو FF D8 FF DB

ذات صلة بالصورة

تعد معالجة الصور جانبًا مهمًا في تطوير الويب. فيما يلي بعض الأدوات المتعلقة بمعالجة الصور.

صورة مايكرو

هذه أداة سريعة لضغط الصور يمكنها مساعدتك في تقليل حجم ملفات الصور دون تقليل جودة الصورة بشكل كبير.

وهو يدعم تنسيقات الصور المختلفة وليس له قيود على حجم الملف أو كميته. هذه الأداة مفيدة بشكل خاص لتحسين سرعة تحميل موقع الويب.

الأهم من ذلك، أنه يتم تنفيذه باستخدام تقنيات الواجهة الأمامية، ولا يتطلب أي تكاليف للخادم، لذلك لا داعي للقلق بشأن مشكلات الخصوصية. يشبه تنفيذه تطبيق squoosh، حيث يستفيد كلاهما من WebAssembly.

استضافة الصور الدقيقة

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

مشاركة الصورة

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

العنصر النائب للصورة

هذه أداة لإنشاء العناصر النائبة للصور يمكنها إنشاء صور العناصر النائبة ذات الحجم المخصص والملونة بسرعة، وهي مناسبة جدًا للاستخدام أثناء عملية التطوير. يمكن أن يساعدك في الحفاظ على سلامة تخطيط الصفحة عندما لا تكون الصور الفعلية جاهزة بعد.

الترميز والتشفير

في تطوير الويب، غالبًا ما نحتاج إلى التعامل مع العديد من التشفيرات والتشفيرات. فيما يلي بعض الأدوات ذات الصلة:

ترميز URL

يمكن أن تساعدك هذه الأداة في إجراء تشفير وفك تشفير URL، وهو أمر مفيد جدًا للتعامل مع عناوين URL التي تحتوي على أحرف خاصة. يمكنه التأكد من نقل عناوين URL الخاصة بك وتحليلها بشكل صحيح في بيئات مختلفة.

ترميز كيان HTML

يمكن أن تساعدك أداة ترميز كيانات HTML في تحويل الأحرف الخاصة إلى كيانات HTML، مما يضمن عرضها بشكل صحيح في HTML. وهذا أمر مهم لمنع هجمات XSS وضمان العرض الصحيح لمستندات HTML.

مولد التجزئة

يمكن لهذه الأداة إنشاء العديد من قيم التجزئة شائعة الاستخدام، بما في ذلك MD5 وSHA1 وSHA256 وما إلى ذلك. وهي مفيدة جدًا في سيناريوهات مثل التحقق من سلامة البيانات وتخزين كلمة المرور.

أدوات اللون

اللون عنصر مهم في تصميم الويب. فيما يلي بعض الأدوات المتعلقة بالألوان:

تحويل اللون

يمكن لهذه الأداة التحويل بين نماذج الألوان المختلفة مثل RGB وHSL وCMYK وما إلى ذلك. ويمكنها مساعدة المصممين والمطورين على التبديل بحرية بين طرق تمثيل الألوان المختلفة.

مولد لوحة

يمكن أن تساعدك هذه الأداة في إنشاء صبغات وظلال من الألوان، وهي مناسبة جدًا لإنشاء سمات ألوان متسقة. فهو يسمح لك ببناء أنظمة ألوان متناغمة بسرعة، مما يحسن كفاءة التصميم.

حاسبة نسبة التباين

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

خاتمة

على الرغم من أن بعض الأدوات قد لا أستخدمها إلا بنفسي، إلا أن هذه العملية المستمرة للتعلم والإبداع هي التي تجعلني أشعر بالرضا والسعادة.

سأستمر في صيانة هذه الأدوات وتحسينها، وأرحب بالجميع لاستخدامها وتقديم التعليقات.