Ahmad Al Haddad | أحمد الحداد
Ahmad Al Haddad | أحمد الحداد

@cdes

27 تغريدة 822 قراءة Nov 27, 2020
الويب وما أدراك ما الويب.
لو جيتني قبل ١٠ سنوات وقلت لي أن راح يكون المتصفح راح يسوي لك كل شي، ما كنت بصدقك.
على الرغم أن قوقل كان عندها docs, sheets و slides من هذيك الفترة.
اليوم اللعبة تغيرت تماماً!
مو مصدقني؟
كمل السلسلة وشوف الأدوات الخرافية 👇🏽
الأداة المفضلة بالنسبة لي:
Figma.com
أداة تصميم ڤكتور على المتصفح، موجهّة بشكل أساسي لمصممي الواجهات وتجربة المستخدم.
لكن فيه ناس تستخدمه كلوحة لتجميع الأفكار، أو للعصف الذهني، أو حتى للتفاعل مع focus group، لأنه فيه خاصة التصميم التعاون المباشر.
الأداة الثانية المفضلة بالنسبة لي:
Whimsical.com
هذه الأداة موجهة لمصممي تجربة المستخدم ومدراء المنتج، وأي أحد يحب يسوي تخطيط بصري لشيء معين.
مثلا: تسوي Mindmap للعصف الذهني، أو flowchart لرحلة العميل، أو wireframes لتطبيقك القادم.
عندهم أيضا لوحة لإدارة المهام!
الأداة الثالثة المفضلة بالنسبة لي:
codesandbox.io
موقع يعطيك مساحة عمل تجرّب فيها أفكارك البرمجية باستخدام تقنيات الويب (HTML,CSS,JS).
دائماً افتحه واسوي فيه كل تجاربي البرمجية.
Framer.com
أداة تصميم وفيها تعاون مباشر، منافسة لفيجما، لكنها تركز على النمذجة والتصميم التفاعلي (interaction design).
whereby.com
بديل زوم وسكايب، للمكالمات الصوتية والمرئية ومشاركة الشاشة مع ٤ اشخاص كحد أقصى مجاناً.
المميز فيه انه يشتغل بالمتصفح، لا تنصيب ولا تنزيل، افتح الرابط وكلّم.
witeboard.com
لوحة بيضاء للشرح والتعاون المباشر، افتح الرابط ويعطيك اللوحة حقتك، حتى بدون تسجيل
photopea.com
محرر صور، (فوتوشوب مصغّر).
smallpdf.com
أداة تفيدك في جميع احتياجاتك في معالج ملفات الPDF، من دمج وفك وتصغير وتوقيع وضغط وتحويل وتحرير... إلى آخره.
أدوات تستحق الذكر:
workspace.google.com
منصتك الرقمية لإدارة التواصل في شركتك أو فريقك.
iCloud.com
منصتك الشخصية لإدارة ملفاتك ومستنداتك المرتبطة بحساب آبل.
slack.com
أفضل تطبيق دردشة لفريقك على الإطلاق.
طبعاً الأدوات المتوفرة كثييييييييير.
تقدر تكتشفها عن طريق موقع برودكت هنت:
producthunt.com
في الختام، الويب يفوز. 😌
وش أدوات الويب المفضلة عندك اللي ما ذكرناها، و دايم تستخدمها؟
توقعت أن المهتمين بهذا الشي قليل. لكن تفاجأت بكمية التفاعل 🤯🔥.
يالله نكملّ!
canva.com
أداة رائعة لتصميم الجرافيكس، تقدر تسوي فيها سيرة ذاتية، بروشورات، مطويات، إعلانات، بوسترات، قوائم مطعم، بوستات سوشال ميديا، وشعارات، وغيره!
وعندهم خطوط عربية جميلة أيضاً
transform.tools
أداة لتحويل التنسيقات النصية من صيغة لأخرى، SVG، JSX، JSON، Typescript، YAML, CSS, GraphQL, SQL والكثييييير.
yoksel.github.io
لتحويل الSVG كـ base64 لتستخدمها في الHTML او CSS بدون الحاجة للملف.
anchor.fm
منصة لتسجيل ونشر البودكاست في أهم التطبيقات من مكان واحد، من قوتها استحوذت عليها سبوتيفاي، وعندهم تطبيق جوال بعد.
slides.com
بديل عن باور بوينت وقوقل سلايدز، يتميز بأنه يتحدى المفهوم الدارج لتطبيقات العروض التقديمية.
pitch.com
كأنه Figma بس للعروض التقديمية 🤯
fontello.com
يصنع لك خط أيقونات مخصص، انت ترفع ايقونات ويعطيك icon font، رهيب استفدت منه كثير أيام كنت أسوي ألعاب على Unity واستخدم TextMeshPro للنصوص والأيقونات.
webflow.com
أفضل منصة لتصميم المواقع، ويعطيك نظام إدارة محتوى + متجر إلكتروني.
البدائل:
wix.com
squarespace.com
carrd.co
milanote.com
تخيل عندك لوحة ما تنتهي، تقدر تحط فيها كل أنواع المحتوى اللي تبيه، وترسل دعوة لفريقك تشتغلون مع بعض عليها.
مهام؟ مود بورد؟ فلو شارت؟ مسودة إنشائية؟ وكلها تقدر تنظمها في مجلدات بمستويات لا تنتهي.
تجربة رهيبة ومثيرة للاهتمام
miro.com
نفس Freehand و Witeboard، لوحة بيضاء مباشرة تحط فيها اللي تبي من نصوص وصور ورسم عشان تتفاعل مع فريقك أو ورشة العمل اللي شغال عليها.
zencastr.com
تخيل كأنه زوم بس حق بودكاست!
رهيب جداً، والحزمة المجانية تكفي وتوفي.
نسجل فيها بودكاست برميم @BarmimPodcast
اللي يميزها أنها تسجل صوت كل شخص في جهازه، بحيث تستفيد من أفضل العالمين:
مكالمة أونلاين، وتسجيل عالي الجودة، وفيه عدل للضجيج وإزالة للصدى.
اذا عجبتك السلسلة، خذ لك لفة على الحساب وشوف التغريدات الثانية، عن التصميم وبرمجة التطبيقات ✅.
بين فترة وفترة أكتب سلسلة جديدة مفيدة، لذلك تابعني 🌚.
وأيضا استمع للبودكاست حقي مع @9Mousa، اسمه بودكاست برميم، يتكلم عن البرمجة والتصميم:
@BarmimPodcast

جاري تحميل الاقتراحات...