{ "id": 3896, "date": "2026-06-22T19:05:13", "date_gmt": "2026-06-22T19:05:13", "guid": { "rendered": "https:\/\/codecraft.ae\/?p=3896" }, "modified": "2026-06-23T18:25:48", "modified_gmt": "2026-06-23T18:25:48", "slug": "%d8%a7%d9%81%d8%b6%d9%84-%d8%b4%d8%b1%d9%83%d8%a9-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d9%82%d8%b9-%d8%af%d9%84%d9%8a%d9%84%d9%83-%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d9%87%d9%88", "status": "publish", "type": "post", "link": "https:\/\/codecraft.ae\/en\/%d8%a7%d9%81%d8%b6%d9%84-%d8%b4%d8%b1%d9%83%d8%a9-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d9%82%d8%b9-%d8%af%d9%84%d9%8a%d9%84%d9%83-%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d9%87%d9%88\/", "title": { "rendered": "\u0627\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639: \u062f\u0644\u064a\u0644\u0643 \u0644\u0628\u0646\u0627\u0621 \u0647\u0648\u064a\u0629 \u0631\u0642\u0645\u064a\u0629 \u0641\u0627\u062e\u0631\u0629 \u0648\u0645\u0631\u0628\u062d\u0629" }, "content": { "rendered": "

\u0641\u064a \u0628\u064a\u0626\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0633\u0645 \u0628\u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0627\u0644\u0634\u062f\u064a\u062f\u0629\u060c \u064a\u0645\u062b\u0644 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u0627\u062c\u0647\u0629 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0623\u0648\u0644\u0649\u060c \u0648\u0647\u0648 \u0627\u0644\u0645\u0646\u062f\u0648\u0628 \u0627\u0644\u0630\u064a \u064a\u0633\u062a\u0642\u0628\u0644 \u0639\u0645\u0644\u0627\u0621\u0643 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629. \u0639\u0646\u062f\u0645\u0627 \u064a\u0628\u062d\u062b \u0627\u0644\u0639\u0645\u064a\u0644 \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0643\u060c \u0641\u0625\u0646\u0647 \u064a\u062a\u062e\u0630 \u0642\u0631\u0627\u0631\u0647 \u0628\u0627\u0644\u0628\u0642\u0627\u0621 \u0623\u0648 \u0627\u0644\u0645\u063a\u0627\u062f\u0631\u0629 \u0641\u064a \u063a\u0636\u0648\u0646 \u062b\u0648\u0627\u0646\u064d \u0645\u0639\u062f\u0648\u062f\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0645\u0627 \u062a\u0631\u0627\u0647 \u0639\u064a\u0646\u0627\u0647. \u0644\u0630\u0644\u0643\u060c \u0641\u0625\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639<\/b> \u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0625\u062c\u0631\u0627\u0621 \u062a\u0642\u0646\u064a\u060c \u0628\u0644 \u0647\u0648 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u064a\u062d\u062f\u062f \u0645\u0643\u0627\u0646\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0645\u062f\u0649 \u0642\u062f\u0631\u062a\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0639\u0644\u0649 \u062d\u0635\u0629 \u0627\u0644\u0623\u0633\u062f \u0641\u064a \u0627\u0644\u0633\u0648\u0642.<\/p>\n

\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0646\u0627\u062c\u062d \u0647\u0648 \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u064a \u062a\u0628\u0646\u064a \u0627\u0644\u062b\u0642\u0629\u060c \u0648\u062a\u0635\u0646\u0639 \u062d\u0627\u0644\u0629 \u0645\u0646 \u0627\u0644\u0627\u0646\u0628\u0647\u0627\u0631 (The Wow Factor) \u0645\u0646\u0630 \u0627\u0644\u0644\u062d\u0638\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u062a\u064a \u062a\u0637\u0623 \u0641\u064a\u0647\u0627 \u0642\u062f\u0645 \u0627\u0644\u0632\u0627\u0626\u0631 \u0645\u0648\u0642\u0639\u0643.<\/p>\n

\u0627\u0644\u0641\u062e\u0627\u0645\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629: \u0627\u0644\u0645\u0639\u064a\u0627\u0631 \u0627\u0644\u0623\u0648\u0644 \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639<\/h2>\n

\u0623\u0643\u0628\u0631 \u062e\u0637\u0623 \u062a\u0642\u0639 \u0641\u064a\u0647 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0647\u0648 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0648\u0643\u0627\u0644\u0627\u062a \u062a\u0633\u062a\u062e\u062f\u0645 \u0642\u0648\u0627\u0644\u0628 \u062c\u0627\u0647\u0632\u0629\u060c \u0623\u0648 \u062a\u0644\u062c\u0623 \u0625\u0644\u0649 \u0635\u0648\u0631 \u0645\u0648\u0644\u062f\u0629 \u0622\u0644\u064a\u0627\u064b \u0628\u0623\u0633\u0644\u0648\u0628 \u0637\u0641\u0648\u0644\u064a \u0648\u0645\u0628\u062a\u0630\u0644 (Basic Imagery). \u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u064a\u062f\u0645\u0631 \u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0645\u0634\u0631\u0648\u0639\u0643 \u0623\u0645\u0627\u0645 \u062c\u0645\u0647\u0648\u0631 \u0631\u0627\u0642\u064d \u064a\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629.<\/p>\n

\u0646\u062d\u0646 \u0641\u064a \u0643\u0648\u062f \u0643\u0631\u0627\u0641\u062a (Code Craft)<\/a> \u0646\u0631\u0641\u0636 \u0647\u0630\u0647 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0633\u0637\u062d\u064a\u0629 \u062a\u0645\u0627\u0645\u0627\u064b. \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0645\u0634\u0631\u0648\u0639\u0643 \u064a\u0633\u062a\u062d\u0642 \u0644\u0648\u062d\u0629 \u0641\u0646\u064a\u0629 \u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629. \u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0633\u062a\u0639\u0627\u0631\u0627\u062a \u0628\u0635\u0631\u064a\u0629 \u0639\u0645\u064a\u0642\u0629\u060c \u0648\u0646\u062f\u0645\u062c \u0623\u0644\u0648\u0627\u0646\u0627\u064b \u062a\u0639\u0643\u0633 \u0627\u0644\u0641\u062e\u0627\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0642\u0629\u060c \u0645\u062b\u0644 \u0627\u0644\u062a\u0646\u0627\u063a\u0645 \u0627\u0644\u0633\u0627\u062d\u0631 \u0628\u064a\u0646 \u0639\u0645\u0642 \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0633\u0648\u062f \u0627\u0644\u0623\u0648\u0628\u0633\u064a\u062f\u064a\u0627\u0646 (Obsidian) \u0648\u0628\u0631\u064a\u0642 \u0627\u0644\u0644\u0645\u0633\u0627\u062a \u0627\u0644\u0630\u0647\u0628\u064a\u0629. \u0647\u0630\u0647 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u062a\u0641\u0631\u0636 \u0647\u064a\u0628\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0642\u0648\u0629 \u0648\u062a\u062c\u0639\u0644\u0643 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0648\u0644 \u0644\u0639\u0645\u0644\u0627\u0626\u0643.<\/p>\n

\u0627\u0644\u062f\u0642\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629: \u0633\u0631 \u0627\u0644\u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0639\u064a\u0648\u0628<\/h2>\n

\u0627\u0644\u062c\u0645\u0627\u0644 \u0627\u0644\u0628\u0635\u0631\u064a \u0627\u0644\u0645\u0630\u0647\u0644 \u064a\u0641\u0642\u062f \u0628\u0631\u064a\u0642\u0647 \u062a\u0645\u0627\u0645\u0627\u064b \u0625\u0630\u0627 \u0648\u0627\u062c\u0647 \u0627\u0644\u0639\u0645\u064a\u0644 \u0623\u062e\u0637\u0627\u0621 \u062a\u0642\u0646\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0635\u0641\u062d. \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a \u064a\u062a\u0637\u0644\u0628 \u062a\u0646\u0641\u064a\u0630\u0627\u064b \u0628\u0631\u0645\u062c\u064a\u0627\u064b \u062f\u0642\u064a\u0642\u0627\u064b \u0648\u0630\u0643\u064a\u0627\u064b. \u0625\u0644\u064a\u0643 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062a\u064a \u062a\u062c\u0639\u0644\u0646\u0627 \u0646\u062a\u0635\u062f\u0631 \u0643\u0640 \u0627\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639<\/b>:<\/p>\n

1. \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u062a\u0646\u0627\u0633\u0642 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a (Typography & Icons)<\/h3>\n

\u0627\u0644\u0646\u0635 \u0647\u0648 \u0627\u0644\u062c\u0633\u0631 \u0627\u0644\u0630\u064a \u064a\u0646\u0642\u0644 \u0631\u0633\u0627\u0644\u062a\u0643. \u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u0631\u0642\u0649 \u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0639\u0635\u0631\u064a\u0629 \u0645\u062b\u0644 (Cairo\u060c Zain\u060c Kufam\u060c El Messiri\u060c \u0648 Tajawal) \u0644\u0625\u0639\u0637\u0627\u0621 \u0637\u0627\u0628\u0639 \u0623\u0646\u064a\u0642 \u0644\u0644\u0645\u062d\u062a\u0648\u0649. \u0627\u0644\u062a\u062d\u062f\u064a \u0627\u0644\u0630\u064a \u062a\u0641\u0634\u0644 \u0641\u064a\u0647 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a \u0647\u0648 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0628\u0631\u0645\u062c\u064a \u0644\u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0648\u0637\u061b \u0644\u0643\u0646\u0646\u0627 \u0646\u0643\u062a\u0628 \u0623\u0643\u0648\u0627\u062f CSS \u0628\u062d\u0631\u0641\u064a\u0629 \u062c\u0631\u0627\u062d\u064a\u0629 \u0644\u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u0646\u0635\u0648\u0635 \u0641\u0642\u0637\u060c \u0645\u0639 \u0641\u0631\u0636 \u062d\u0645\u0627\u064a\u0629 \u0628\u0631\u0645\u062c\u064a\u0629 \u0635\u0627\u0631\u0645\u0629 \u062a\u0645\u0646\u0639 \u0647\u0630\u0647 \u0627\u0644\u0623\u0643\u0648\u0627\u062f \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u0633 \u0628\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0639 (Icons) \u0623\u0648 \u062a\u0634\u0648\u064a\u0647\u0647\u0627 \u0628\u0623\u064a \u0634\u0643\u0644. \u0627\u0644\u0646\u062a\u064a\u062c\u0629\u061f \u062a\u0635\u0645\u064a\u0645 \u0646\u0638\u064a\u0641\u060c \u0645\u062a\u0646\u0627\u0633\u0642\u060c \u0648\u062e\u0627\u0644\u064d \u0645\u0646 \u0623\u064a \u062a\u0634\u0648\u0647 \u0628\u0635\u0631\u0649.<\/p>\n

2. \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0630\u0643\u064a (Smart Lightbox Zoom)<\/h3>\n

\u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0631\u0627\u0642\u064a \u064a\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0633\u0644\u0627\u0633\u0629 \u0648\u0627\u0644\u0633\u0631\u0639\u0629. \u0641\u064a \u0645\u0639\u0627\u0631\u0636 \u0627\u0644\u0635\u0648\u0631 \u0623\u0648 \u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u062a\u062e\u0644\u064a\u0646\u0627 \u062a\u0645\u0627\u0645\u0627\u064b \u0639\u0646 \u0623\u0632\u0631\u0627\u0631 “\u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629” (Preview) \u0627\u0644\u0642\u062f\u064a\u0645\u0629 \u0648\u0627\u0644\u0645\u0631\u0628\u0643\u0629 \u0627\u0644\u062a\u064a \u062a\u0634\u062a\u062a \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647. \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0630\u0644\u0643\u060c \u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0623\u0646\u0638\u0645\u0629 \u0628\u0631\u0645\u062c\u064a\u0629 \u0630\u0643\u064a\u0629 \u062a\u0643\u062a\u0634\u0641 \u0641\u0648\u0631\u0627\u064b \u0627\u0644\u0635\u0648\u0631\u0629 \u0623\u0648 \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0646\u0634\u0637\u0629 (Active Slide)\u060c \u0648\u062a\u0642\u0648\u0645 \u0628\u0641\u062a\u062d\u0647\u0627 \u0648\u062a\u0643\u0628\u064a\u0631\u0647\u0627 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0639\u0628\u0631 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u0633\u0644\u0633 (Lightbox Zoom). \u0647\u0630\u0627 \u064a\u0648\u0641\u0631 \u062a\u062c\u0631\u0628\u0629 \u062a\u0635\u0641\u062d \u063a\u0627\u0645\u0631\u0629 \u0648\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u062a\u062f\u0641\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u0646\u062d\u0648 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631 \u0627\u0644\u0634\u0631\u0627\u0621 \u0628\u062b\u0642\u0629.<\/p>\n

\u0645\u0646\u0638\u0648\u0645\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0646\u0645\u0648 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0631\u0642\u0645\u064a<\/h2>\n

\u0627\u0644\u0646\u062c\u0627\u062d \u064a\u062a\u0637\u0644\u0628 \u062a\u0643\u0627\u0645\u0644\u0627\u064b \u0628\u064a\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0630\u0647\u0644 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0641\u0639\u0627\u0644. \u0639\u0646\u062f \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0644\u0646\u0627\u060c \u0623\u0646\u062a \u062a\u0633\u062a\u0641\u064a\u062f \u0645\u0646 \u0634\u0628\u0643\u0629 \u062d\u0644\u0648\u0644 \u0634\u0627\u0645\u0644\u0629:<\/p>\n