..

README.md

@@ -0,0 +1,5 @@
+# قائمة التدقيق لمطورين واجهات الويب
+
+<p lang="ar" dir='rtl'>
+قائمة التدقيق الشاملة لمطورين واجهات المستخدم تحتوى على عناصر قد تحتاجها او فحصها قبل اطلاق مشروعك / صفحتك.
+للمساهمه بتعديل او اضافة يمكنك فتح تذكرة في قسم Issues  او Pull A Requset</p>

browserconfig.xml

@@ -0,0 +1,10 @@
+<browserconfig>
+    <msapplication>
+     <tile>
+        <square70x70logo src="logo.jpg"/>
+        <square150x150logo src="logo.jpg"/>
+        <wide310x150logo src="logo.jpg"/>
+        <square310x310logo src="logo.jpg"/>
+     </tile>
+   </msapplication>
+</browserconfig>

css/prism.css

@@ -0,0 +1,141 @@
+/* PrismJS 1.16.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+	color: black;
+	background: none;
+	text-shadow: 0 1px white;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+@media print {
+	code[class*="language-"],
+	pre[class*="language-"] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.namespace {
+	opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #9a6e3a;
+	background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function,
+.token.class-name {
+	color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+

css/style.css

@@ -0,0 +1,130 @@
+body{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Cairo', sans-serif;}
+a{text-decoration: none;color:#2d87e2;border-bottom: 1px solid #2d87e2; transition: all .2s ease-in-out}
+a:hover{color: #316192;border-bottom: 1px solid #316192}
+section img
+{
+  border: 10px solid #fff;
+  box-shadow: 0 0 10px #d6d6d6;
+  margin: 20px auto;
+  width:300px;
+}
+/* Navbar */
+nav
+{
+    text-align: center;
+    box-shadow: 0 -9px 46px #d6d6d6;
+    padding: 20px 0;
+}
+nav h1
+{
+    padding: 0;
+    margin: 0;
+}
+/* Header */
+header
+{
+    text-align: center;
+    padding: 40px 0;
+}
+.update-note
+{
+  display: inline-block;
+  border-top: 1px #d6d6d6 solid; 
+  padding: 10px;
+  width: 400px;
+  float: center;
+  border-radius: 20px;
+}
+/* Article */
+article
+{
+  border-radius: 20px;
+  /* border-top: 1px solid black; */
+  /* border-bottom: 1px solid black; */
+  margin-bottom: 30px;
+  padding: 10px 20px 20px 20px;
+  box-shadow: 0 -9px 46px #d6d6d6;
+}
+h2
+{
+  padding-bottom:25px;
+  border-bottom: 1px solid #d6d6d6;
+}
+/* How to Use */
+.how-to-use p
+{
+    display: inline-block;
+}
+/* co */
+.container {
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-right: auto;
+    margin-left: auto;
+  }
+  @media (min-width: 768px) {
+    .container {
+      width: 750px;
+    }
+  }
+  @media (min-width: 992px) {
+    .container {
+      width: 970px;
+    }
+  }
+  @media (min-width: 1200px) {
+    .container {
+      width: 1170px;
+    }
+  }
+/* Icons */
+.high-icon , .medium-icon , .low-icon
+{
+  font-weight: bolder;
+}
+.high-icon::after
+{
+    content:'عالي';
+    color: #ff3f45;
+    font-weight: bold;
+    font-size: 10px;
+    border: 1px solid;
+    padding: 0 5px;
+    margin: 0 5px;
+}
+.medium-icon::after
+{
+    content:'متوسط';
+    color: #ff8d11;
+    font-weight: bold;
+    font-size: 10px;
+    border: 1px solid;
+    padding: 0 5px;
+    margin: 0 5px;
+}
+.low-icon::after
+{
+    content:'منخفض';
+    color: #8ed15f;
+    font-weight: bold;
+    font-size: 10px;
+    border: 1px solid;
+    padding: 0 5px;
+    margin: 0 5px;
+}
+.note-un
+{
+  background-color: #2d87e2;
+  border-radius:20px;
+  color: #fff;
+  padding: 10px;
+  text-align: center
+}
+.github-logo
+{
+  float: left;
+}
+footer article
+{
+  padding: 20px
+}