أفضل 4 مواقع لتشفير أو فك تشفير أكواد JS

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

1- موقع UnPacked :

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

2- موقع jscompress :

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

3- موقع 0xcc :

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

4- موقع jsbeautifier :

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

إلى هنا انتهى درسنا لهذا اليوم أتمنى أن أكون قد أفذتكم إلى اللقاء

مجموعة من الدوائر بتأثيرات hover احترافية

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

لننتقل إلى عرض هذه الأشكال الدائر على حسب اختلاف التأثيرات

طريقة إضافتها لمدونتكم :

أولا أضف كود الرابط المباشر لملف CSS أسفل <head>

<link href='https://dl.dropboxusercontent.com/u/280199022/ihover.css' rel='stylesheet'/>

الأن قم بإضافة كود HTML التأثير الذي تريد ولتحصل على الكود إضغط على كلمة HTML في صندوق المعاينة.

التأثير الأول :

التأثير الثاني :

التأثير الثالث :

التأثير الرابع :

إذن كانت هذه بعض أفضل تأثيرات hover نلتقي مع مجموعة أخرى من التأثيرات والدروس دمتم في أمان الله

مجموعة من تأثيرات الأنيميشن رائعة بلغة CSS3

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

طريقة إضافة خاصية الأنيميشن إلى مدونتكم :

أولا ابحث عن ;

<head>

أضف فوقه التالي :

<link href='https://dl.dropboxusercontent.com/u/280199022/animated_by_mtawroon.css' media='all' rel='stylesheet' type='text/css'/>  <script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'/> 

الأن ابحث عن :

*/]]></b:skin>

اضف فوقه الكود التالي :

.ID {  
    -webkit-animation-duration: 3s;  
    -webkit-animation-delay: 2s;  
    -webkit-animation-iteration-count: 22;  
}

مع تغيير كلمة .ID باسم الوسم الموجود في الديف.
الأن لكي تضيف الخاصية على إضافة معينة عليك أن تضيف الكود التالي إلى وسم الإضافة :

animated tada

وهذا توضيح لنقل أن هذا هو الوسم الذي سأضيف له خاصية الأنيميشن

<div class='mtawroon'>

إذن سوف أضيف له animated tada ليصبح على الشكل التالي :

<div class='mtawroon animated tada'>

وهكذا نكون قد أضفنا له الخاصية.

ملحوظة : كلمة tada تدل على نوع الأنيميشن لذلك يمكنك تغييره بالكثير من الأنيميشن وهي كالتالي :
- fadeOut
- fadeOutDown
- fadeOutDownBig
- fadeOutLeft
- fadeOutLeftBig
- fadeOutRight
- fadeOutRightBig
- fadeOutUp
- fadeOutUpBig
- flipInX
- flipInY
- flipOutX
- flipOutY
- lightSpeedIn
- lightSpeedOut
- rotateIn
- rotateInDownLeft
- rotateInDownRight
- rotateInUpLeft
- rotateInUpRight
- rotateOut
- rotateOutDownLeft
- rotateOutDownRight
- rotateOutUpLeft
- rotateOutUpRight
- hinge
- rollIn
- rollOut
- zoomIn
- zoomInDown
- zoomInLeft
- zoomInRight
- zoomInUp
- zoomOut
- zoomOutDown
- zoomOutLeft
- zoomOutRight
- zoomOutUp
- slideInDown
- slideInLeft
- slideInRight
- slideInUp
- slideOutDown
- slideOutLeft
- slideOutRight
- slideOutUp

إلى هنا انتهى الدرس أتمنى أن أكود قد أفدتكم إلى اللقاء