AhmedYousef

GM at ieasoft.net and Founder at ieastores.com.

Homepage: http://ahmedyousef972.wordpress.com

Best presenter competition

Cometition Logo

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

تفاصيل المسابقه:-

المكان :

-تتم المسابقه فى مبنى كليه الحاسبات والمعلومات جامعه المنصوره.

-تنقسم المسابقه الى ثﻻثه مراحل:-
المرحله الأولى :-

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

المرحله الثانيه:-

-وفيها يتم اختيار 4 متسابقين للتاهل للمرحله النهائيه.
-لجنه التحكيم فى هذه المرحله مكونه من لجنه التحكيم الفعليه والجمهور .

المرحله الثالثه والنهائيه :-

-وفيها يتم اختيار أول ثلاث مراكز من اﻷربع متسابقين.
-لجنه التحكيم فى هذه المرحله مكونه من لجنه التحكيم الفعليه والجمهور .

لجنة التحكيم :

مكونه من اشخاص معروفين منهم
د: أسامه عوده (دكتور بكلية الحاسبات والمعلومات )
م: وليد العدروسى (معيد بكليه الحاسبات والمعلومات)

شروط المسابقه:-

1 – ان يكون المحتوي لائق وغير مخالف للعادات والاعراف العامه .
2-ان يقدم المحتوي في مده لا تزيد عن 10 دقايق في المرحله الاولي ولا تزيد عن 15 دقيقه في المرحله الثانيه والثالثه.
3- ان يكون لكل محتوي عرض تقديمي لاثراء الفكره وايضا لنشرها.
4- احترام لجنه التحكيم وتقبل النقد.
5- احترام المشتركين الاخرين.
6-اختلاف المحتوى فى كل مرحله عن سابقتها.

التسجيل فى المسابقه:-

من هنا

جوائز المسابقه:-

يوجد جوائز قيمه للمراكز الثﻻثه الاولى.

مواعيد المسابقه:-

سيتم الأعلان عنها قريبا إن شاء الله

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

wait you all 🙂
DEVMIX team

Leave a comment

Become HTML5 developer ,right now

Hello every body,

first I am HTML5 geek so i will take about it in some articles,
but in first article I want to tell you why i love HTMl5 in 10 reasons

1 – Accessibility:

HTML5 makes creating accessible sites easier for two main reasons:
semantics: The new (some currently available) HTML headings like: <header> , <footer> , <nav> , <section> , <aside> , etc. allow screen readers to easily access content. Before, your screen readers had no way to determine what a given <div> was even if you assigned it an ID or Class.

ARIA : ARIA is a W3C spec that is mainly used to assign specific “roles” to elements in an HTML document – essentially creating important landmarks on the page: header, footer, navigation or article, via role attributes.For a more in depth discussion on HTML5 and ARIA please visit the WAI.

2 – Video and Audio Support:

Forget about Flash Player and other third party media players, make your videos and audio truly accessible with the new HTML5 <video> and <audio> tags,It’s actually that dead simple, however because old evil browsers out there don’t like our HTML5 friend, you’ll need to add a little bit more code to get them working correctly(will eplain later in upcoming articles),

<video poster="myvideo.jpg" controls>
 <source src="myvideo.m4v" type="video/mp4" />
 <source src="myvideo.ogg" type="video/ogg" />
</video>

3 – Doctype

<!DOCTYPE html>

Yup that’s it, that is the doctype, nothing more, nothing less. Pretty simple right? No more cutting andpasting some long unreadable line of code and no more dirty head tags filled with doctype attributes.

4 – Cleaner Code

If you are passionate about simple,HTML5 is the beast.
Consider this typical and simple header code with navigation:

<div id="header">
<h1>Header Text</h1>
<div id="nav">
<ul>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
</ul>
</div>
</div>

So this code is pretty clean and simple? But with HTML5 you can clean this up even more and at the same time give your markup more meaning:

<header>
<h1><code>Header Text</code></h1>
<ul>
	<li><code><a href="#">Link</a></code></li>
	<li><code><a href="#">Link</a></code></li>
	<li><code><a href="#">Link</a></code></li>
</ul>
</header>

5 – Smarter Storage

One of the coolest things about HTML5 is the new local storage feature. It’s a little bit of a cross between regular old cookies and a client-side database.
Local storage is great for many things, but it’s one of HTML5 tools that are making web apps possible without third party plugins.
for more info.

6 – Better Interactions

we all want better interactions, we all want a more dynamic website that responds to the user and allows the user to enjoy/interact your content instead of just look at it. Enter <canvas> ,
Beyond <canvas> , HTML5 also comes with a slew of great APIs that allow you to build a better user experience and a beefier, more dynamic web application — here’s a quick list of native APIs:
1) Drag and Drop (DnD)
2) Offline storage database
3) Browser history management
4) document editing
5) Timed media playback

7 – Game Development

Yup, that is correct, you can develop games using HTML5′s <canvas> tag. HTML5 provides a great, mobile friendly way to develop fun, interactive games. If you’ve built Flash games before, you’ll love building HTML5 games.
for more Info. wait our upcoming articles.

8 – Cross Browser Support

Your modern, popular browsers all support HTML5 (Chrome, Firefox, Safari IE9 and Opera) and the HTML5 doctype was created so that all browsers.
HTML5 is being built to make things easier and more cross browser friendly so in those older IE browsers that don’t like the new tags we can just simply add a Javascript shiv that will allow them to use the new elements:

9 – Mobile, Mobile, Mobile!!!

mobile technology is becoming more popular these days.The adoption of mobile devices continues to grow very rapidly and this means that more and more users will be using their mobile browsers to view your web site or application. HTML5 is the most mobile ready tool for developing mobile sites and apps. With Adobe announcing the death of mobile Flash, you will now count on HTML5 to do your mobile web application development.Mobile browsers have fully adopted HTML5 so creating mobile ready projects is as easy as designing and constructing for their smaller touch screen displays.
you can also make mobile apps with HTML5!!!(wait upcoming articles).
For more info on how to mobilize your site via HTML5, check out “Mobifying” Your HTML5 Site.

10 – It’s the Future, Get With It!!!!

it’s the future, start using it now so you don’t get left behind. HTML5 is not going anywhere and as more and more elements get adopted more and more companies will start to develop in HTML5. HTML5 is essentially just HTML, it’s not scary,
You really don’t have any excuses not to adopt HTML5 and begin your new love affair with it. Truly, the only real reason I prefer to use HTML5 is just to write cleaner code, you can just start using it right now and not even change the way you design. So, start using it right now, whether you are just simplifying and making your markup more semantic OR you are gonna build some sick new mobile game that will take over the world — who knows, maybe you can start selling stuffed animal versions of your gaming characters too.

finally

I hope you start to use HTML5,
Happy new year 🙂

AhmedYousef

, , , ,

7 Comments

CSS3-Background

السلام عليكم ورحمة الله وبركاته ..

فى المقالة دى إن شاء الله هنتكلم عن موضوع مهم جدا ,
وفى نظرى من ضمن الأضافات الأكثر تأثيرا وظهورا فى السى اس اس 3 .
قبل البدء فى الشرح أود أن أطرح بعض الأسئله والتى سوف نجيب عليها فى أثناء المقاله :-
أولا:-ماهو الجديد فى الخلفيات فى السى اس اس 3 ؟
ثانيا:-هل يمكن إضافة أكتر من صورة كخلفية لصفحة الأتش تى إم إل؟؟!!
ثالثا:-هل يمكن تغيير حجم الخلفية لصفحة الأتش تى إم إل؟؟!!
رابعا:-هل يمكن تغيير درجة لون الخلفيه ؟؟!!

دعونا نبدأ فى البدايه مع السؤال الأول .ماهو الجديد فى الخلفيات كخصائص موجودة مسبقا فى السى اس اس2 ؟؟؟
أو ماهى الأضافات فى خاصية الخلفيات فى السى اس اس 3 ؟؟
فى البددايه كيف نكتب خاصية الخلفيه فى السى اس اس عامة

Body{
background:url(imagename.jpg)   left   bottom  no-repeat
}

, فإنه توجد العديد والعديد من الخصائص الجديدة فى السى اس اس 3
-:ولكن من أفضل الخصائص الموجودة فى السى اس اس 3 هى الخلفيه ففى هذة النسخه يمكنك
(1        إضافة أكتر من صورة فى الخلفيه
(2         التحكم فى حجم الخلفيه
(3         التحكم فى درجة اللون
وهذة الخصائص الجديدة تقودنا إلى السؤال الثانى وهو ,هل يمكن إضافة أكتر من صورة للخلفيه ؟؟!!
لو سألتنى مثلا منذ عدة سنوات هذ السؤال لقلت إن ذلك مستحيلا ولكن مع السى اس 3 لايوجد مستحيل
(مع ديف ميكس مفيش مستحيل )تستطيع عمل ذلك من خلال هذا الكود البسيط

Body{
background:url(imagename.jpg)   left   bottom  no-repeat;
background:url(imagename.jpg)   left   bottom  no-repeat;
background:url(imagename.jpg)   left   bottom  no-repeat;
}

نوصل لنقطه مهمه وبتضايق ناس كتير من السى اس اس 3 ألا وهى دعم المتصفحات لهذة الخاصيه :-
Mozilla Firefox (3.6+), Safari/Chrome (1.0/1.3+), Opera (10.5+) andInternet Explorer (9.0+) 😀

وبكدا نكون وصلنا للسؤال الثانى ألا وهو هل يمكن التحكم فى حجم خلفية الصورة ؟؟!
بدون إطاله فى الكلام يمكن هذا وبكل سهوله عن طريق هذا الكود الصغير والمميز من السى اس اس 3

div {
background-image: url(imagename.png);
background-repeat: no-repeat;
background-size: 100% 100%
}

وكالعاده فى كل الخصائص هنشوف دعم المتصفحات وهيكون كالتالى
Opera 9.5, Safari 3

بعد كدا إن شاء الله نوصل للنقطه المهمه وهى إزاى أعمل صفحه مدرجه أو جزء مدرج فى الصفحه زى الشكل دا

الكود واضح مع تغير لون الصورة

, , , , , ,

1 Comment