موارد جديدة لمصممي ومطوري الويب (أكتوبر 2012)

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

دعونا التحقق منها.

تحقق من جميع مواردنا الطازجة (حسب الشهر):

• أكتوبر 2012
• نوفمبر 2012
• ديسمبر 2012

CSSS

CSSS والذي يمثل "نظام عرض الشرائح المستندة إلى CSS" هو إطار تم إنشاؤه بواسطة ليا فيرو (المعروف باسم المعلم CSS). في الأساس ، يسمح لك هذا الإطار بإنشاء شرائح عرض تقديمي باستخدام معايير الويب HTML و CSS. يدعم عرض الشرائح اختصارات لوحة المفاتيح مثل ←, →, ↓ و ↑ للتنقل عبر الشرائح.

إذا قمت بإجراء CSS و HTML ، أعتقد أن هذا الإطار هو بديل (أفضل) للبرامج عالية السعر مثل MS PowerPoint.

BonsaiJS

بونساي هي مكتبة جافا سكريبت خفيفة الوزن مع API بديهية. يمكننا استخدام هذه المكتبة لرسم أشكال بسيطة مثل المستطيل أو المثلث أو الدائرة أو الرسم ذي التعقيد العميق. يمكن أيضًا استخدام هذه المكتبة لتقديم عرض Scalable Vector Graphic (SVG) في متصفحات غير مدعومة كخلفية احتياطية.

بالإضافة إلى ذلك ، توفر Bonsai أيضًا بعض الميزات بما في ذلك الرسوم المتحركة والحدث ومرشحات لجعل هذه الرسومات تعمل بشكل أكثر تفاعلية.

نمط استجابة

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

أدوات إفين

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

واحدة من الأدوات في هذه المجموعة التي أجدها شخصيا مفيدة للغاية هي Entifier, هذه الأداة سوف تغير هذه الشخصيات, < و >, في شفرة HTML الخاصة بهم بحيث يتم عرض مقتطف الشفرة بشكل صحيح داخل

 بطاقة.
 
 
سوزي
 
Susy عبارة عن شبكة مستجيبة لـ Compass. مثل أي إطار شبكة استجابة آخر موجود ، فهو يتألف من عدة أنماط محددة مسبقًا ولكن نظرًا لأنه مصمم مع Sass و Compass ، فإن هذا الإطار أكثر قابلية للتكوين.
 
تسمح لك Susy بتخصيص رقم العمود وعرض العمود والمزراب وحشوة الشبكة ، مما يجعلها شبكتك الخاصة التي تناسب موقع الويب الخاص بك. سوف تقوم سوزي بكل العمل الشاق: عملية حسابية. إذا كنت من المهووسين الفائقين الذين يستمتعون بالعمل مع Sass و Compass ، فإن هذا الامتداد يناسبك بالتأكيد.
 
 
بلا حدود الملاحة المنسدلة
 
القائمة المنسدلة هي مكون شائع وجدناه على موقع الويب. ومع ذلك ، فإن إنشاء قائمة التنقل المنسدلة ليس سهلاً كما يبدو. هاري روبرتس من CSS Wizardry ، لحسن الحظ ، شاركه “كود السحر” لإنشاء تنقل لانهائي (وهو رائع).
 
 
بوربون أنيق
 
Neat عبارة عن إطار شبكي سريع الاستجابة يساعدك في تشغيل موقع ويب سريع الاستجابة. إنها مبنية على ساس وبوربون ، وهي عبارة عن مجموعة من الخلطات المفيدة لساس. هذا الإطار هو جوهرة روبي ، ويمكن تثبيته من خلال المحطة الطرفية أو موجه الأوامر مع سطر الأوامر هذا جوهرة تثبيت أنيق.
 
 
Typicons
 
لن يكون هناك ما يكفي للرموز. Typicons هي مجموعة من رموز الخطوط التي تتكون من حوالي 88 حرفًا. يمكنك إضافة هذه الرموز من خلال @ الخط وجه تحكم وتطبيقها على موقع الويب الخاص بك باستخدام عناصر CSS الزائفة أو قم بتضمينها مباشرةً مع حرف HTML الخاص بها.
 
باستخدام webfont لتسليم الرموز الخاصة بك ، يمكنك الحصول على مزايا عدم الحاجة إلى نشر شبح CSS وضبط موضع الخلفية لعرض الأيقونات وشاشة عالية الدقة جاهزة وتقنيًا تقلل طلبات http وتستهلك نطاق ترددي أقل من الرموز النقطية.
 
 
الحواشي
 
تسمح لك هذه المكتبة بإضافة تعليقات وعلامات وسروط قيم إلى محتوى الويب الخاص بك ومع Annotate ، يمكنك تخزين التعليقات التوضيحية مجانًا.
 
 
مطار
 
عندما تكون في المطار ، سترى لوحة معلومات الرحلة مع النص المتقلب. مع هذا البرنامج المساعد jQuery ، المطار ، نحن قادرون على إنشاء نفس تأثير نص الإيداع.
 
 
استنتاج
 
هذا كل شيء لهذا الشهر. هل جربت أي من هذه الأشياء؟ أي واحد هو المفضل لديك؟ هل وجدت أي أشياء أخرى رائعة لمصممي / مطوري الويب الذين فقدناهم من هذه القائمة?.
 
لا تتردد في مشاركتها في مربع التعليقات أدناه, ونود أن نسمع أفكارك كذلك.