الصفحات

Wednesday 29 January 2014

جوجل تدعم الأبجدية اليابانية فى نهاية عناويين المواقع مثل .com و .org

دومينات المواقع منذ 30 سنة التى نعتاد عليها تنتهى غالبا بإحدي تلك الأشكال .com أو .net أو .org ولكن جوجل أعلنت عن بدئها فى إمكانية إستخدام هذا الشكل باللغة اليابانية .みんな وتنطق بالانجليزية ( minna, “mee-n-nuh” ) ويعنى بالعربية (الجميع).
وهذه الحروف من الأبجدية الصينية التى تسمى هيراغانا (平仮名؛ /hi.ra.ga.na/) وهى طريقة أبجدية لكتابة اللغة اليابانية، أي حسب المقاطع الصوتية. طورت في الأصل لتيسير استيعاب حروف كانجي الصينية المعقدة

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

مصادر:

➤ .みんな is now available for みんな (everyone) [Google Asia-Pacific Blog]
➤ Image via Gerald Ford / Flickr, thumbnail image via Atsushi Tomura/Getty Images

موقع تفقيط الأرقام، لا عناء فى كتابة السندات المالية بعد اليوم

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

مثال: 123456789
النتيجة : مائة وثلاثة وعشرون مليونا واربع مائة وستة وخمسون الفاً وسبع مائة وتسعة وثمانون

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

الموقع مازال تحت التطوير. شكرا أمين النصرة على عملك المميز

لزيارة الموقع من هنا ويمكنك زيارة الملف الشخصي للمبرمج من هنا

الي اللقاء..

هل أنت مدون ؟ اليك بهذه النصائح لترجمة أفضل لموضوعاتك ومستقبل أفضل لمدونتك

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

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

قواعد يجب أن تأخذها فى اعتبارك عند ترجمة خبر تقني خاص بأى فرع من الفروع التقنية:-

1- اختيار عنوان مناسب ولا تتقيد بترجمة عنوان الخبر وفقط!
2- ترجمة المضمون والذى قمت بفهمه من الخبر وليس نسخ ولصق ترجمة لأنك ستُسأل من مشاهديك عن أى شئ غامض بتدوينتك أو موضوعك الذى قمت بترجمته.
3- قم بالتركيز على الخبر دون التشتيت فى أكثر من موضوع.
4- اذا قمت بترجمة موضوع مصدره موقع فرعي ويمكنك البحث عن المصدر الرئيسي وهو الشركة المنوطة بالخبر والإعلان عنه فهو أفضل مصدر فحينها سيثق بك القارئ وهذه طريقة جذب الثقة فى ترجمتك لأى موضوع في المستقبل القريب.
5- حاول تقسيم موضوعك المترجم إلى فقرات وتعلم التنسيق من الموقع الذي قمت بترجمته منه فالمواقع الأجنبية تهتم جدا براحة القارئ.
6- لا تستخدم صورا كثيرة ولكن يمكنك أن تكتفى بذكر هذه العبارة (لمشاهدة العديد من الصور يمكنك زيارة هذا المصدر dev-point.com)
7- استخدم بداية ونهاية شيقة ولا تُسهب بها وابتعد عن أى مقدمات شخصية.
8- حاول ألا تترجم ترجمة حرفية وان كنت لا تجيد ترجمة كل الكلمات يمكنك الاستعانة بترجمة جوجل ولكنها لا تشعر فيجب أن تنتبه لتلك النقطة وأن تعبر أنت بطريقتك.
9- المصدر المصدر, فهو الرابط الوحيد ودليل الثقة بينك وبين القارئ.
10- ان قمت بالتسجيل فى أى مسابقة للترجمة كمسابقة هذا الصرح فلك مدة المسابقة يجب أن تجيد الاختيار وليس أى خبر والسلام, تروَّي وخذ نفسا بل أنفاسا وأبحث عن موضوع حصري يمكن الاستفادة منه على طول الزمن وليس اليوم فقط كالأخبار التقنية العادية مثل (ظهور تسريب كذا, هاتف جلاكسي إس 5 سينطلق منتصف مارس القادم, ومثيلها من الأخبار التقنية المؤقتة الحدوث)
11- ثق بنفسك وراجع موضوعك وقم بكتابته ان اردت بيدك وفكر كيف ستجذبني الي كلماتك وتعبيراتك.
12- لا تنسي مصدر الصور -على قدر المستطاع - التى تستخدمها فهذه حقوق ملكية وجوجل للصور سوف يساعدك فى ذلك فقد اضافوا فلتر لمعرفة أى الصور حقوقها محفوظة.
13- لا تقوم بعمل علامة مائية على الصورة حفاظا على حقوق ملكيتها وبالفعل أنا ضد هذه النقطة من شروط المسابقة ولكن هذه النصيحة عامة لك أنت كمترجم تقنى يجب أن تجعلها مبدأ منذ الأن لك.
14- قم بتوحيد الخط واللون الا فى العنوانيين الرئيسية يمكنك استخدام خاصية Bold لجعله سميكا. واستخدم لون واحد أو اثنين على الأكثر لعدم البهرجة وتشتيت القارئ.
15- احترم القارئ.

بعد هذه النصائح القابلة للزيادة انطلقوا وتمهلوا..

مصدر الصورة: theminimalists.com

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

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

يقول أمين أن الأداة بسيطة تمت برمجتها بواسطة java script  ستجد بعض الصور من الأداة بواسطة الهاتف أسفل التدوينة نوضح فيها المقاسات الشائعة والنسب المستخدمة.

يمكنك تجربتها من هنا

الي لقاء متجدد مع إبداع أخر لمبرمجنا الرائع أمين. أدعمه بنشر أدواته ومشروعاته التي لا ننفك بالحاجة اليها وتوفر مزيدا من الجهد.

وداعا لكلمة [هذا التطبيق غير متاح فى بلدك] موقع ببرمجة عربية لتطبيقات أندرويد المحجوبة

منذ دقائق نشر المبرمج الرائع أمين النصرة فكرته التطوعية بانشاء موقع يتيح لك تحميل تطبيق لنظام أندرويد وهو غير متاح لبلدك ويخص بالذكر الي بلده - فلسطين - ، فكما نعلم أن فى فلسطين العديد من الخدمات محجوبة وليقوموا باستخدامها يستخدمون مواقع أو برامج لفك الحجب ولكن عزيزنا أمين وفر علينا هذه الطريقة وأطلق منشور على صفحته ببرمجة موقع لتطبيقات الأندرويد وذكر أن
اسم الموقع :  Android Apps Cloud. صور من الموقع ملحقة بأسفل التدوينة.
كما أوضح أن الهدف من الموقع هو معالجة مشكلة  "هذا التطبيق غير متاح في بلدك  " واتاحة التطبيقات الغير متاحة في فلسطين عبر هذا الموقع .
وأضاف فكرة الموقع والية عمله كالأتى:
اقوم انا شخصياً -أمين النصرة- من خلال هاتفي الاندرويد بمشاركة التطبيقات المثبته عليه من خلال بروتوكول ftp فيصل التطبيق الى الموقع من خلال الهاتف وبعد وصول التطبيق بنجاح الى الموقع يقوم الموقع بشكل آلي دون تدخل مني ، بتسمية التطبيق وترتيبه ضمن التطبيقات الاخرى ابجدياً وتعريف الإصدارة وانشاء رمز الاستجابة السريع الخاص بالتطبيق واضافة الى ذلك يقوم الموقع بعمل كلمات مفتاحية ووصفية للتطبيق .  اذا الجميل في الموضوع اني اقوم بارسال ملف Apk الى الموقع وهو يقوم بباقي المهمة .. وبناء على ذلك يمكنكم طلب اي تطبيقات مني لأضيفها على الموقع باستثناء التطبيقات المدفوعة طبعاً كي لا يعاقب الموقع من قبل جوجل ، وايضاً لحفظ حقوق المبرمجين .
عنوان الموقع :  http://apk.un-web.com
ملاحظة : في حال وجود اي خلل باي ملف أو تطبيق تريده يمكنك مراسلة المبرمج أمين من خلال ملفه الشخصي على الفيسبوك من هنا.



أضف بعض اللمسات الجمالية على صندوق تعليقات مدونتك


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

1- الدخول على لوحة التحكم ثم القالب Template ثم اختر تخصيص Customise
2- اختار متقدم Advanced ثم Add CSS وضع هذا الكود فى المستطيل

@font-face { font-family: 'Philosopher'; font-style: normal; font-weight: 400; src: local('Philosopher'), url(http://themes.googleusercontent.com/static/fonts/philosopher/v4/OttjxgcoEsufOGSINYBGLYbN6UDyHWBl620a-IRfuBk.woff) format('woff'); } .comment .avatar-image-container { border: 1px solid #B6B6B6; max-height: 70px !important; margin-top: -5px; width: 70px !important; position: relative; z-index: 50; } .comment .comment-block { margin-left: 75px !important; } .comment .comment-header { background: none repeat scroll 0 0 #A9F5D0; color: #333; font-size: 15px; font-weight: bold; margin-left: 60px; } .comment .comment-header a { color: white !important; text-decoration: none; } .comment .comment-content { background: none repeat scroll 0 0 #FEFFF9; border-bottom: 2px solid #E6E6E6; font-size: 14px; margin: 0 0 30px; padding: 5px 5px 10px 10px; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD; color: #333; display: inline-block; line-height: 1; margin: 0 3px; padding: 3px 6px !important; text-decoration: none; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD; color: #333; display: inline-block; line-height: 1; margin: 0 3px; padding: 3px 6px !important; text-decoration: none; } .comment-header cite { background: none repeat scroll 0 0 #DF7401; border: 1px solid white; color: white; padding: 2px 20px; position: relative; z-index: 99; margin-left: -20px; } cite.blog-author { background: none repeat scroll 0 0 #8181F7 !important; } .icon.blog-author { display: none !important; background: url("") no-repeat scroll 0 0; margin-left: 90px; width: 60px !important; height: 60px !important; position: absolute; right: 5px; bottom: 5px; top: 10px; } .comment .comment-header { color: #333; font-size: 15px; font-weight: bold; } .comment .avatar-image-container img { border: medium none !important; height: 70px !important; width: 70px !important; max-height: 70px !important; max-width: 70px !important; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD !important; color: #333 !important; display: inline-block !important; line-height: 1 !important; margin: 0 3px !important; padding: 3px 6px !important; text-decoration: none !important; font-size:16px; } .comment .comment-actions a:hover { background: #CCC !important; text-decoration: none !important; } .comments { font-family: 'Philosopher', arial, serif !important; font-size: 1em; color: black; } .comments .continue a { display: block !important; font-weight: bold !important; padding: .5em !important; color:#E34600; font-size:16px; } .comments .continue a:hover {color:#4D3123;text-decoration:none;} .item-control { display: none !important; } .comments .continue { border-top: 2px solid transparent !important; } .comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;background-image:url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);wid



لاحظ : اذا لم يتم تفعيل كلمة Apply to Blog قم بالنقر أخر الكود وخذ مسافة ومن ثم اضغط على Apply to Blog لاتمام المهمة. اذا اعجبك الكود قم بمشاركته على مواقعك المفضلة :)

مصدر الكود: spiceupyourblog

إضافة لتضخيم الصور تلقائيا بمجرد المرور عليها


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

يمكنك معاينة الإضافة من هنا (مدونة تجريبية). والأن بعد مشاهدة الإضافة اذا اعجبتك يمكنك المتابعة لإضافتها.


1- الدخول على لوحة التحكم ثم القالب Template ثم اختر تخصيص Customise
2- اختار متقدم Advanced ثم Add CSS وضع هذا الكود فى المستطيل


/* CSS image zoom effect http://www.abu-iyad.com */
.post img {
height: 100%;
width: 100%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post img:hover {
width:
150%;
height:
150%;
}
/*CSS image zoom effect http://www.abu-iyad.com */
3- إضغط على  Apply to Blog



يمكنك تغيير 150% إلى 200% اذا أردت تضخيم الصورة أكثر عند مرور مؤشر الفأرة على الصورة. 

لاحظ : لتفعيل كلمة Apply to Blog قم بالنقر أخر الكود وخذ مسافة ومن ثم اضغط على Apply to Blog لاتمام المهمة. اذا اعجبك الكود قم بمشاركته على مواقعك المفضلة :)

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


مصدر الكود: spiceupyourblog
مصدر الصورة أعلى التدوينة: supertrucosweb.com

خمسة تأثيرات مذهلة على صور مدونتك .. لا تفوتك


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

والأن اذا أعجبتك طريقة عرض الصور يمكنك الحصول عليها باتباع الخطوات:

1- أدخل على لوحة التحكم ثم إلى القالب Template
2- اختر تحرير Edit HTML
3- ابحث Ctrl + F عن </head> وضع فوقها أو قبلها ذلك الكود

<script src='http://code.jquery.com/jquery-1.7.1.min.js' type='text/javascript'/><script src='http://yourjavascript.com/143237963/jquery.adipoli.min.js' type='text/javascript'/><script type='text/javascript'>/*<![CDATA[*/jQuery(function($pice){$pice('.effect1').adipoli({'startEffect' : 'normal','hoverEffect' : 'popout'});$pice('.effect2').adipoli({'startEffect' : 'overlay','hoverEffect' : 'sliceDown'});$pice('.effect3').adipoli({'startEffect' : 'transparent','hoverEffect' : 'boxRandom'});$pice('.effect4').adipoli({'startEffect' : 'overlay','hoverEffect' : 'foldLeft'});$pice('.effect5').adipoli({'startEffect' : 'transparent','hoverEffect' : 'boxRainGrowReverse'});
});/*]]>*/
</script>

4- ابحث Ctrl + F عن  ]]></b:skin> وضع فوقها أو قبلها ذلك الكود

.adipoli-wrapper{position:relative;display:inline-block;margin:auto}
.adipoli-slice{display:block;position:absolute;z-index:0;height:100%}
.adipoli-box{display:block;position:absolute;z-index:0}
.post img{border:0!important;margin:0!important;padding:0!important}
.adipoli-wrapper>img,.adipoli-before,.adipoli-after{position:absolute;z-index:0}

5- قم بحفظ القالب Save Template
6- لإضافة التأثيرات على الصور ستستخدم هذا الكود 

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjytf6Wzai_4kJd7FRbKSvKlm9ZhicA0pcFQqss_hZ_88dyClvB5jAY6IzGC54VBf9l_8INVOLu9cVeeZleEnUeboE8ExkHa16mnGECTt73J6UE8BbFTTKiOY8O9Uv3VMLAHFHzSwWkEA/h120/baner+abu+iyad.png"><img class="effect1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjytf6Wzai_4kJd7FRbKSvKlm9ZhicA0pcFQqss_hZ_88dyClvB5jAY6IzGC54VBf9l_8INVOLu9cVeeZleEnUeboE8ExkHa16mnGECTt73J6UE8BbFTTKiOY8O9Uv3VMLAHFHzSwWkEA/h120/baner+abu+iyad.png" /></a>
- قم بتغيير الرابط الملون بالأحمر إلى رابط الصورة التى تريد إضافة التأثير لها
- قم بتغييرالرقم الملون بالأزرق بالتأثير المناسب لك بحيث يمكنك تغييرها إلى 2 أو 3 أو 4 أو 5 . قم بتجربة التأثيرات الخمسة والمفضل لديك استخدمه. 

بانتظار تعليقاتكم واستفساراتكم.