Gabrail

Simple man has dreams and dreams to achieve it

Homepage: http://mgabrail.wordpress.com

Devent II | Agenda

بسم الله الرحمن الرحيم

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

من هنا

 

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

 

اعلم ان البعض منها مبهم … حتي نترك لك العنان في التفكير فيها …. واعلم ان مقصدنا اكبر مما تتخيل ومما تطمح اليه

لا تنسي نحن في انتظارك … ادعمنا بحضورك

, , , , ,

Leave a comment

Devent II | The Difference

يتفضل فريق ديف ميكس بالتعاون مع شركه اليجينت عن الاعلان عن الحدث الاكبر تحت عنوان

Devent II

وبدعوه حضراتكم للحضور للاستفاده من كم المعلومات التي سيتم طرحها في خلال يومين متتاليين

المكان : المنصوره .. نادي الحوار الرياضي

الزمان : يومي 1 و 2 من شهر نوفمبر

وذلك ابتداءا من الساعه العاشره صباحا

وحتي نصبح منظمين اكثر ونعلمك بكل ما هوه جديد معنا عليك التسجيل من خلال الرابط ادناه

التسجيل من هنا

وايضا من خلال الفيس بوك

المتابعه عبر الفيس بوك

انتظروا البوست القادم لتفاصيل اكتر

نحن في انتظارك … نتمي لكم الاستمتاع بكل ما هو جديد معنا

, ,

1 Comment

DevTalk1 ….from DevMix

بسم الله الرحمن الرحيم

السلام عليكم … منذ ان انشأنا هذا الفريق ونحن نؤمن بقيمه الحوار البناء والارتقاء باداءه بالارتقاء بالانشطة التي تهدف الي غايتنا ولهذا … ندعوكم  ان شاء الله لحضور اول دوائر الحوار ومشاركه الاراء والافكار في فريق ديف ميكس يوم الاربعاء الموافق 21 / 9 / 2001 وذلك لمناقشه موضوع ما او تكنولوجيا جديده … ولكن حتي نصبح اكثر مرونه وتفاعل مع كل متابعينا ومحبينا .. طرحنا 3 مواضيع جديده لمناقشه احدهم ان شاء الله وعليك التصويت لاختيار الموضوع المفضل لديك  بالدخول علي جروب الفريق- شارك برايك الان :

DevMix Group

وايضا يمكنك تتبع ديف توك ومعلومات اكثر عنه من هنا :

DevTalk1 Event

ولكن عليك التسجيل معانا لحضور ديف توك

Register Now !!

ان شاء الله سيبدأ ديف توك في تمام الساعه 12 ظهرا في سنتر الامير اعلي مركز توتال امتداد شارع الجلاء

في النهايه نتمني من الجميع الحضور للاستفاده من الافكار وايضا للارتقاء باساليب المناقشه والحوار واكتساب المعرفه بالتكنولوجيا الجديده .. نحن في انتظاركم

🙂 السلام عليكم

, , ,

Leave a comment

عشره نقاط تميز ديف ميكس

بسم الله الرحمن الرحيم

في البدايه ساعرف بنفسي انا محمد جبريل وهأسرد عليكم  لماذا فكرت في صياغه هذا الموضوع وكتابته … كثيرا ما كنت اواجه باجابه لسؤال ما وهو “” ما الذي يجعلكم مختلفين عن غيركم مثلا فريق ما او نشاط لاحدي المجموعات الطلابيه “” .. ولكن كنت اقف بالساعات لافكر واجيب عن هذا السؤال .. ولهذا قررت ان ارتب افكاري واضع اجابه لهذا السؤال واللي تتلخص في 10 نقاط – لا تنتظر معلومه تقنيه – تجعل فريق ديف ميكس يختلف عن غيره وهي كالاتي

قياده ممتازه

ترددت كثيرا في صياغه هذا الفقره ولكن قولت في نفسي الحق أحق ان يتبع … اننا – بحمد الله – نملك قياده -بدون مبالغه – ممتازه في جميع النواحي : الاخلاقيه والمهنيه والاداريه فنحن وانا منهم نفتخر بان لدينا قائد له رؤيه واضحه وخبرات كبيره وهو بدوره ينقلها لنا حتي نكون في الصوره اللي ترضيه فى صالح الفريق .. قائد متفهم يحمل شعار لا للتعصب لراي ما او لشخص ما … انه الرجل الناسب في المكان امناسب

نحب ونؤمن بهدف

اننا وبحمد لله نحب ما نعمل ونجتهد ونعمل ونفشل ونعمل وننجح لنعمل الافضل … اننا مؤمنين بهدف وبرساله وبرؤيه واضحه تسعي لنشر المعرفه … هدفنا هو الغايه والوسيله اللي تبث فينا الروح وتعطي لنا الامل حتي نحقق ونصل الي ما نريد .. نحب جدا ما نؤمن به وسنحققه ان شاء الله وعندها سنسعي لهدف اخر ولرؤيه اخري لنحققها

نثق في قدراتنا

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

روح الفريق

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

نحترم الاراء ونتقبل النقد

اننا نؤمن جدا باننا لسنا كاملين مائه بالمائه – فالكمال لله وحده – ولهذا نعلم دائما ان هناك نقد وهذا سلبيات في كل شئ … ومن هنا جاء ايماننا بالراي الاخر واحترامه بل ودراسته ومعالجته … حتي وان كان النقد غير صحيح فاننا نكون ايضا قد استفدنا بمعرفه رؤا الاخرين فينا .. وان كان النقد صحيحا فاننا نقدر جدا من عبر عن رايه وساعدنا وحينا نعلم ان هناك من يقدرنا ويطمح بان نكون في افضل حال .. لهذا لا تبخل برايك وقول ما تحب فاننا ينتقبله بصدر رحب وبدراسه شامله

نتطلع للافضل دائما

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

خطواتنا سريعه

نعم اننا نمضي باسرع ما نملك من طاقه ولكن ايضا نهتم بالجوده .. فانني لن اتحدث عن انجازاتنا لاننا نؤمن بان ما نفعله واجب علينا وليس اجتهاد منا .. نحن نمضي بخطوات سريعه في عده طرق ولكل طريق هدف سامي نسعي لنحققه .. نمضي باسرع ما يمكن لنحقق الذات ولننشر الرساله ولنشعر بوجودنا ونرضي ضمائرنا

لا نقبل الا بالافضل

نحن نعاني من مرض الوسواس -لا تنزعج من هذا المصطلح – نعم ولكن نحب هذا المرض لانه يجعلنا دائما نعيد التفكير اكثر من مره فيما نقوم به .. هل هذا افضل شئ ..هل هذا خير ما نقدمه .. هل سرضي الناس بما قدمناه .. دائما ما نطرح تلك الاسئله ونعيد النظر فيها اكثر من مره .. ولكن في النهايه نستقر ونهدأ لنقدم الافضل .. اعلم انه ليس الافضل علي الاطلاق ولكن هذا ما استطعنا الوصول اليه وبنقدك وتحليلك لنا هنحقق الافضل دائما ان شاء الله

نتطلع للمستقبل

نحن كفريق نعمل ونعمل حتي نصل الي ما نسعي اليه .. لكن لا يغيب عن فكرنا ولو للحظه المستقبل القريب وماذا ينتظرنا وما سوف نقدمه وما سوف نقوم عليه دائما ما يشل المستقبل جزء من تفكيرنا لاننا نؤمن اننا نمثل جزء – ولو بسيط – منه وايضا نشارك في صنعه ونتمني دائما ان يأتي الينا بكل غالي ونفيس ونري فيه ثمره اجتهادنا

شعبيه ليست بقليله

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

في النهايه

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

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

,

Leave a comment

CSS3 – Enriching Forms

بسم الله الرحمن الرحيم

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

HTML Code
HTML Only Demo
Styling the Form Element
Adding CSS3 to the Form Element
Styling the Input Elements
Adding CSS3 to the Input Element
Styling the Button
Adding CSS3 to the Submit Button

🙂 والان نبدا العمل

Writing The HTML

HTML Code

HTML اول شئ لابد من عمل صفحه التسجيل باستخدام لغه

<form>
 <label>Username:</label> 
<input type="text"name="username"/>
 <label>Password:</label>
 <input type="password"name="password"/>
 <input type="submit"value="Submit" name="submit" class="submit"/>
</form>

HTML هذا الكود بسيط جدا وسهل الفهم اذا كنت تعلم البسيط عن لغه

HTML Only Demo

سيكون شكل الصفحه كما هوه مبين

Writing The CSS

والان حانت اللحظه … سوف نعطي هذه الصفحه بعضا من اكسير الحياه وسنفضي عليها من ابداعنا الخاص ولكن في البدايه سنضيف هذا الكود حتي نحدد مكان الفورمه وايضا الخلفيه الخاصه بالصفحه

* {
        margin: 0px;
        padding: 0px;outline: none;
    }

    body {
        background: #4E0085;
    }

Styling the Form Element

سنبدا الان من اعلي اي اسفل .. بمعني اننا سنتناول تنسيق هذا النموذج / الفورمه ونحدد لها الطول

والعرض وسيكون الكود بهذا الشكل

form {
    width: 250px;     padding: 20px;  border: 1pxsolid#270644;
}

وسيكون بهذا الشكل

Adding CSS3 to the Form Element

والان هسنقوم باضافه الكود السابق الي العنصر وهو الفورمه مع بعض التأثرات الخفيفه

form {
 width: 250px;
 padding: 20px;
 border: 1pxsolid #270644;
 /*** Adding in CSS3 ***/
 /*** Rounded Corners ***/
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 /*** Background Gradient - 2 declarations one for Firefox and one for Webkit ***/
 background: -moz-linear-gradient(19% 75%90deg,#4E0085, #963AD6);
 background:-webkit-gradient(linear, 0%0%, 0% 100%, from(#963AD6), to(#4E0085));
 /*** Shadow behind the box ***/
 -moz-box-shadow:0px
 -5px300px #270644;
 -webkit-box-shadow:0px
 -5px300px #270644;
}

وسيكون الشكل كالاتي

Styling the Input Elements

text box والان سوف نتناول تنسيق العنصر الخاص بــادخال النصوص
 نحن نريد ان نغير الخلفيه الخاصه بمربع ادخال النص وايضا تكبير حجمه وتغير مكانه قليلا

وسيكون الكود بهذا الشكل

input {
    width: 230px;
    background: #8a33c6;
    padding: 6px;
    margin-bottom: 10px;
    border-top: 1pxsolid#ad64e0;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

Adding CSS3 to the Input Element

 transitions سنقوم باضافه الكود السابق ومع بعض الاضافات التي تفضي قليلا من الجمال وهي
وسيكون الكود بها الشكل

input
{
 width: 230px;
 background: #8a33c6;
 padding: 6px;
 margin-bottom: 10px;
 border-top: 1pxsolid #ad64e0;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px;
 /*** Adding CSS3 ***/
 /*** Transition Selectors - What properties to animate and how long ***/
 -webkit-transition-property: -webkit-box-shadow, background;
 -webkit-transition-duration: 0.25s;
 /*** Adding a small shadow ***/
 -moz-box-shadow: 0px 0px2px #000;
 -webkit-box-shadow: 0px 0px2px #000;
}

ولكن سيتم تفعيل هذه الخاصيه السباق ذكرها عندما يقف مؤشر الفاره علي مكان ادخال النصوص
text boxes

وسيكون الكود بهذا الشكل

input:hover 
{
-webkit-box-shadow: 0px 0px4px#000;
background: #9d39e1;
}

وسيكون الشكل النهائي كما هو مبين 

Styling the Button

submit يتبقي لنا تنسيق شكل الزر

الخاص بالفورمه وسيكون تنسيقه سهل للغايه ولن نحتاج لتخصيص اسم موحد له او كلاس معين لتحديده اذ يمكننا استخدام اسمه فقط لتحديده وتخصيص الكود له وسيتم تحديد حجم الزر ولون الخط وايضا مكانه وبعض التاثيرات علي الخط مثل الظل وغيره

وسيكون الكود بهذا الشكل

input.submit {
 width: 100px;
 color: #fff;
 text-transform: uppercase;
 text-shadow: #0001px 1px;
 border-top: 1pxsolid #ad64e0;
 margin-top: 10px;
}

والشكل النهائي سيكون كما هو مبين

Adding CSS3 to the Submit Button

والان ستم اضافه الكود السابق الي الزر الخاص به وهذا شكل الكود

input.submit {
 width: 100px;
 color: #fff;
 text-transform: uppercase;
 text-shadow:#0001px 1px;
 border-top: 1pxsolid #ad64e0;
 margin-top: 10px;
 /*** Adding CSS3 Gradients ***/
 background: 
-webkit-gradient(linear, 0% 0%, 0%100%, from(#963AD6), to(#781bb9));
 background: -moz-linear-gradient(19% 75%90deg,#781bb9, #963AD6);
}

وسيكون الشكل النهائي كما هوه مبين

وبهذا يكون قد اتهينا من شرح كل جزء واضافه التاثيرات عليه وكما قلنا افضينا عليه بعض من اكسير الحياه … في النهايه هذا هوه كود الصفحه بالكامل لتجربته علي جهازه

😀 … ولكن نحن نتتظر منك رايك في الموضوع وتجربتك الشخصيه للكود

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>this activity belong to Devmix team </title>
	<meta name="description" content="this activity belong to Devmix team.">
	<style type="text/css">
	* {
		margin: 0px;
		padding: 0px;outline: none;
	}

	body {
		background: #4E0085;
	}

	form {
		border: 1px solid #270644;
		width: 250px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		background:  -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
		margin:50px auto;
		padding: 20px;
		-moz-box-shadow:0px -5px 300px #270644;
		-webkit-box-shadow:0px -5px 300px #270644;
	}

	label {
		font-size: 12px;
		font-family: arial, sans-serif;
		list-style-type: none;
		color: #fff;
		text-shadow: #000 1px 1px;
		margin-bottom: 10px;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		display: block;
	}

	input {
	  -webkit-transition-property: -webkit-box-shadow, background;
	  -webkit-transition-duration: 0.25s;
	  	padding: 6px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #ad64e0;
		-moz-box-shadow: 0px 0px 2px #000;
		-webkit-box-shadow: 0px 0px 2px #000;
		margin-bottom: 10px;
		background: #8a33c6;
		width: 230px;
	}

	input.submit {
	  -webkit-transition-property: -webkit-box-shadow, background;
	  -webkit-transition-duration: 0.25s;
		width: 100px;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#781bb9));
		background:  -moz-linear-gradient(19% 75% 90deg,#781bb9, #963AD6);
		color: #fff;
		text-transform: uppercase;
		text-shadow: #000 1px 1px;
		border-top: 1px solid #ad64e0;
		margin-top: 10px;
	}

	input.submit:hover {
		-webkit-box-shadow: 0px 0px 2px #000;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#781bb9));
		background:  -moz-linear-gradient(19% 75% 90deg,#781bb9, #963AD6);
	} 

	input.submit:active {
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#781bb9), to(#963AD6));
		background:  -moz-linear-gradient(19% 75% 90deg,#963AD6, #781bb9);
	}

	input:hover {
		-webkit-box-shadow: 0px 0px 4px #000;
		background: #9d39e1;
	}
	</style>
</head>
<body>
<form action="">

		<label>Username:</label>
			<input type="text" name="username" />
		<label>Password:</label>
			<input type="password" name="password" />
			<input type="submit" value="Submit" name="submit" class="submit" />
</form>	

</body>
</html>

🙂

شكرا لحسن المتابعه ولا تنسي ان تعبر لنا عن رايك سواء بالسلب او

بالايجاب

كتب هذا المقال / محمد جبريل

, , ,

2 Comments

CSS–Advanced Topics

Alsalamo alekom .. we will continue what we started which is css reviews … so u have to check this links befour we start CSS Basics || and CSS Basics | Now we will talk about something advanced about CSS .. our topics will be

  • CSS – Cursor

  • CSS – Position

  • CSS – Layer

  • CSS – Display

CSS – Cursor

we will change cursor icon when we do action like “we are over text” we have many cursors like :

  • default – Display the normal mouse cursor

  • iconwait – The mouse icon to represent the computer “thinking”

  • crosshair – A cross hair reticletext – An “I” shaped icon that is displayed when selecting textpointer

  • A hand icon that you see when you hover over an
    HTML link-help

  • A question mark (usually)

Lets Try it now .. Just make Style tag and copy this :

 p { cursor: wait }
 h4 { cursor: help }
 h5 { cursor: crosshair }

and make your mouse over each one and see what happended 🙂 … and tell me

CSS Position

You will be able to manipulate the exact position of your HTML elements

Position Relative

Relative positioning changes the position of the HTML element relative to where it normally appears. If we had a header that appears at the top of our page, we can make it abit to right or to left , up , down or mix of them … i like “mix” remeber me “DevMix” 🙂 so the css code will be :

 

 h3 { 
 position: relative; 
 top: 15px;
 left: 150px;
 }
 p { 
 position: relative; 
 left: -10px;
 }

See this to understand more :

BeforeCSS    After Positioning

Position Absolute

With absolute positioning, you define the exact pixel value where the specified HTML element will appear. The point of origin is the top-left of the browser’s viewable area, so be sure you are measuring from that point.

CSS Code :

 h3 { 
 position: absolute; 
 top: 50px;
 left: 45px;
 }
 p{ 
 position: absolute; 
 top: 75px;
 left: 75px;
 }

CSS –  Layers

In CSS, each element is given a priority. HTML elements that appear later in the source code than others will have a higher priority by default. If there are two overlapping CSS positioned elements, the element with the higher priority will appear on top of the other. To manually define a priority, set the z-index value. The larger the value, the higher the priority the element will have.

CSS Code:

 h4{ 
 position: relative; 
 top: 30px;
 left: 50px;
 z-index: 2;
 background-color: #336699;
 }

 p { 
 position: relative; 
 z-index: 1; 
 background-color: #FFCCCC;
 }

CSS – Display

Display Block and Inline

are you bored from using <br/> tag ?? yes me too .. what will we so if we have ablock of links … wil we using <br/> tag alot and alot ?? no css will make it easy for you let’s have an example :

CSS Code:

 a { display: block; }
 p { display: inline; }

Display:

Developers Mix
Developers Mix

Developers Mix

Developers Mix

Developers Mix

    These Links     belong   to     DevMix blog

 

Display None (Hidden)

At times you may want to hide pieces of content, while at other times you would wish to show it. With the use of JavaScript, you can create collapseable menus.This is a simple example of how to hide an element.

CSS Code:

p.show { display: block }
p.hide { display: none; }

HTML Code:

<p class="show">This paragraph is displayed correctly because 
it has a display value of "block".</p>

<p class="hide">This paragraph is hidden because 
it has a display value of "none". Why am I even
writing anything in here?</p>

Display:

This paragraph is displayed correctly because it has a
display value of “block”.

Finally

I hope add something new to ur knowleadge ,,, thanks for reading …
we wait your feedback ….. ohhh Dont Forget we will make articles
about CSS3 … Don’t Miss it 😀

By : Mohammed Gabrail

, , , , , ,

6 Comments

HTML5 — How came to be ?

HTML gone throughtoo manystepsto bein this form we will
talk about this as we can :
Must to know

In 1993, Dave Raggerr proposed HTML+ as an evolution of the HTML standard. the proposal was never implemented, and it was
superseded by HTML 2.0. HTML 2.0 was a“retro-spec
,” which means it formalized features already in common use. “this specification
brings together, clarifies, and formalizes
a set of features that roughly corresponds to the
capabilities of HTML in common use prior to June 1994.”
Dave later wrote HTML 3.0, based on his earlier HTML+ draft. Outside of the W3C’s ownreference implementation, Arena), HTML 3.0 was never implemented, and it was superseded by HTML 3.2, another “retro-spec”: “ HTML 3.2 adds widely deployed features such as tables, applets and text flow around images, while providing full backwards compatibility with the existing standard HTML 2.0.”
Dave later co-authored HTML 4.0, developed HTML Tidy , and went on to help with XHTML, XForms, MathML, and other modern W3C specifications. Let us imagine HTML not Changed from long time
they have its rules and all browser walk on there steps ,yes
lets say :

  • HTTP still exists. HTTP
  • successfully evolved from 0.9
    into 1.0 and later 1.1. And still it
    evolve
  • HTML still exists. that
    rudimentary data format — itdidn’t even support inline images!
    —successfully evolved into 2.0, 3.2, 4.0. HTML is an unbroken line
  • HTML has always been a conversation between browser
    makers, authors, standards wonks, and other
  • None of the browsers from 1993 still exist in any recognizable
    form. Netscape Navigatorwas abandoned in 1998 and rewritten from
    scratch to create the Mozilla Suite, which
    was then forked to create Firefox. Internet Explorer had its humble
    “beginnings” in “Microsoft Plus! for Windows 95,”
  • Some of the operating systems from 1993 still exist, but none of
    them are relevant to the modern web.
A TIMELINE OF HTML DEVELOPMENT FROM 1997 TO
2004

In December 1997, the World Wide Web Consortium (W3C) published HTML4.0 and promptly shut down the HTML Working Group

Less than two months later, a separate W3C Working Group published XML 1.0 theW3C re-chartered the HTML Working Group to create this “suite of XML tag-sets.” their first step,

in December 1998, was a draft of an interim specification that simply reformulated HTML in XML without adding any new elements or attributes their next target was web forms.
In August 1999, the same HTML Working Group published
a first draft of XHTML Extended Forms.

A few months later, “ XHTML Extended Forms” was renamed “XForms” and moved to its own Working Group. that group worked in parallel with the HTML Working Group and finally published the first edition of XForms 1.0 in October 2003

In May 2001, they published the first edition of XHTML 1.1, that added only a few minor features on top of XHTML 1.0, but also eliminated the “Appendix C” loophole. Starting with version 1.1, all XHTML documents were to be served with a MIME type of application/xhtml+xml

EVERYTHING YOU KNOW ABOUT XHTML IS WRONG



Are you think that your document written in XHTML??, I think you are wrong.Browsers have always been “forgiving” with HTML. If you create an HTML page but forget the </head> tag, browsers will display the page anyway.You are supposed to nest tags hierarchically — closing them in last-in-first-out order — but if you create markup like <b><i></b></i>, browsers will just deal with it (somehow) and move on without displaying an error message.

By some estimates, over 99% of HTML pages on the web today have at least one error in them. But because these errors don’t cause browsers to display visible error messages, nobody ever fixes them. so you use the synatx Not the rules of XML, and if we do 99% of the Web-pages all over the world will not work !!

WHAT WORKING GROUP?

simply it was unofficial group of developers that focus in web applications at the beginning W3C ignored them but ….. !!
by October 2006, it was clear that the WHAT Working Group had picked up serious momentum, while XHTML 2 was still languishing in draft form, unimplemented by any major browser. In October 2006, TimBerners- Lee, the founder of the W3C itself, announced that the W3C would work together with the WHAT Working Group to evolve

HTML5w3c

Finally

One of the first things the newly
re-chartered W3C HTML Working Group decided was to rename “Web
Applications 1.0” to “HTML5.” And here we are, diving into HTML5

And here we are 😀 … at all i
know that post not technical as u expect but you have to know these
information
thanks for your reading and wait us soon with new
posts …. so so
nice …bye
by : Mohammed Gabrail

, , , , , ,

1 Comment