<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Alaa Badran</title>
	<atom:link href="http://blog.alaabadran.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.alaabadran.com</link>
	<description>Front End and Web Development</description>
	<lastBuildDate>Mon, 28 Aug 2023 09:25:03 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.1.7</generator>
	<item>
		<title>React not rendering when clicking browser&#8217;s back button</title>
		<link>https://blog.alaabadran.com/2023/08/28/react-not-rendering-when-clicking-browsers-back-button/</link>
					<comments>https://blog.alaabadran.com/2023/08/28/react-not-rendering-when-clicking-browsers-back-button/#respond</comments>
		
		<dc:creator><![CDATA[Alaa Badran]]></dc:creator>
		<pubDate>Mon, 28 Aug 2023 06:40:11 +0000</pubDate>
				<category><![CDATA[Java Script]]></category>
		<category><![CDATA[how to]]></category>
		<guid isPermaLink="false">https://blog.alaabadran.com/?p=695</guid>

					<description><![CDATA[<p>When user navigates through React js application then decides to click on the browser&#8217;s Back [&#8230;]</p>
<p>The post <a href="https://blog.alaabadran.com/2023/08/28/react-not-rendering-when-clicking-browsers-back-button/">React not rendering when clicking browser’s back button</a> first appeared on <a href="https://blog.alaabadran.com">Alaa Badran</a>.</p><div class='yarpp yarpp-related yarpp-related-rss yarpp-template-thumbnails'>
<!-- YARPP Thumbnails -->
<h3>Related posts:</h3>
<div class="yarpp-thumbnails-horizontal">
<a class='yarpp-thumbnail' rel='norewrite' href='https://blog.alaabadran.com/2011/12/26/how-to-drag-and-drop-with-html5/' title='How to: Drag and Drop with HTML5'>
<img width="120" height="120" src="https://blog.alaabadran.com/wp-content/uploads/2011/12/drad-drop-120x120.jpg" class="attachment-yarpp-thumbnail size-yarpp-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" data-pin-nopin="true" srcset="https://blog.alaabadran.com/wp-content/uploads/2011/12/drad-drop-120x120.jpg 120w, https://blog.alaabadran.com/wp-content/uploads/2011/12/drad-drop-150x150.jpg 150w" sizes="(max-width: 120px) 100vw, 120px" /><span class="yarpp-thumbnail-title">How to: Drag and Drop with HTML5</span></a>
<a class='yarpp-thumbnail' rel='norewrite' href='https://blog.alaabadran.com/2009/06/18/catch-keyboard-events-in-jquery/' title='jQuery: Catch Keyboard Events'>
<span class="yarpp-thumbnail-default"><img src="http://blog.alaabadran.com/wp-content/plugins/yet-another-related-posts-plugin/default.png" alt="Default Thumbnail" data-pin-nopin="true" /></span><span class="yarpp-thumbnail-title">jQuery: Catch Keyboard Events</span></a>
<a class='yarpp-thumbnail' rel='norewrite' href='https://blog.alaabadran.com/2012/01/23/drag-and-drop-with-jquery-for-touch-devices/' title='Drag and Drop with jQuery for Touch Devices'>
<span class="yarpp-thumbnail-default"><img src="http://blog.alaabadran.com/wp-content/plugins/yet-another-related-posts-plugin/default.png" alt="Default Thumbnail" data-pin-nopin="true" /></span><span class="yarpp-thumbnail-title">Drag and Drop with jQuery for Touch Devices</span></a>
</div>
</div>
]]></description>
		
					<wfw:commentRss>https://blog.alaabadran.com/2023/08/28/react-not-rendering-when-clicking-browsers-back-button/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Thinking, the right way</title>
		<link>https://blog.alaabadran.com/2020/11/30/thinking-the-right-way/</link>
					<comments>https://blog.alaabadran.com/2020/11/30/thinking-the-right-way/#respond</comments>
		
		<dc:creator><![CDATA[Alaa Badran]]></dc:creator>
		<pubDate>Mon, 30 Nov 2020 09:38:53 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://blog.alaabadran.com/?p=633</guid>

					<description><![CDATA[<p>Introduction To come up with a new idea &#x1f4a1; or finding a solution for a [&#8230;]</p>
<p>The post <a href="https://blog.alaabadran.com/2020/11/30/thinking-the-right-way/">Thinking, the right way</a> first appeared on <a href="https://blog.alaabadran.com">Alaa Badran</a>.</p><div class='yarpp yarpp-related yarpp-related-rss yarpp-related-none yarpp-template-thumbnails'>
<!-- YARPP Thumbnails -->
<h3>Related posts:</h3>

No related posts.
</div>
]]></description>
		
					<wfw:commentRss>https://blog.alaabadran.com/2020/11/30/thinking-the-right-way/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Optimising Aljazeera.net website &#8211; Front End case study</title>
		<link>https://blog.alaabadran.com/2015/07/15/optimizing-aljazeera-net-website/</link>
					<comments>https://blog.alaabadran.com/2015/07/15/optimizing-aljazeera-net-website/#comments</comments>
		
		<dc:creator><![CDATA[Alaa Badran]]></dc:creator>
		<pubDate>Wed, 15 Jul 2015 20:22:34 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Front End]]></category>
		<category><![CDATA[Java Script]]></category>
		<category><![CDATA[Network]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[optimisation]]></category>
		<category><![CDATA[sprites]]></category>
		<guid isPermaLink="false">http://blog.alaabadran.com/?p=593</guid>

					<description><![CDATA[<p>This post is talking about optimising Aljazeera.net website's Front End to improve the performance more that % in speed. I've chosen this website because its one of the top websites in MENA and its ranked as 1,471 on Alexa globally.</p>
<p>The post <a href="https://blog.alaabadran.com/2015/07/15/optimizing-aljazeera-net-website/">Optimising Aljazeera.net website – Front End case study</a> first appeared on <a href="https://blog.alaabadran.com">Alaa Badran</a>.</p><div class='yarpp yarpp-related yarpp-related-rss yarpp-template-thumbnails'>
<!-- YARPP Thumbnails -->
<h3>Related posts:</h3>
<div class="yarpp-thumbnails-horizontal">
<a class='yarpp-thumbnail' rel='norewrite' href='https://blog.alaabadran.com/2012/07/01/tips-for-better-website-performance/' title='Tips for Better Website Performance'>
<img width="120" height="120" src="https://blog.alaabadran.com/wp-content/uploads/2012/07/performance-120x120.jpg" class="attachment-yarpp-thumbnail size-yarpp-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" data-pin-nopin="true" srcset="https://blog.alaabadran.com/wp-content/uploads/2012/07/performance-120x120.jpg 120w, https://blog.alaabadran.com/wp-content/uploads/2012/07/performance-150x150.jpg 150w" sizes="(max-width: 120px) 100vw, 120px" /><span class="yarpp-thumbnail-title">Tips for Better Website Performance</span></a>
<a class='yarpp-thumbnail' rel='norewrite' href='https://blog.alaabadran.com/2010/11/22/make-your-website-faster-with-google-tips/' title='Make your website faster with Google tips'>
<span class="yarpp-thumbnail-default"><img src="http://blog.alaabadran.com/wp-content/plugins/yet-another-related-posts-plugin/default.png" alt="Default Thumbnail" data-pin-nopin="true" /></span><span class="yarpp-thumbnail-title">Make your website faster with Google tips</span></a>
<a class='yarpp-thumbnail' rel='norewrite' href='https://blog.alaabadran.com/2011/03/18/jquery-file-upload-with-drag-n-drop/' title='jQuery File Upload &#8211; With Drag n&#8217; Drop'>
<span class="yarpp-thumbnail-default"><img src="http://blog.alaabadran.com/wp-content/plugins/yet-another-related-posts-plugin/default.png" alt="Default Thumbnail" data-pin-nopin="true" /></span><span class="yarpp-thumbnail-title">jQuery File Upload &#8211; With Drag n&#8217; Drop</span></a>
</div>
</div>
]]></description>
		
					<wfw:commentRss>https://blog.alaabadran.com/2015/07/15/optimizing-aljazeera-net-website/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Arabic web fonts are here</title>
		<link>https://blog.alaabadran.com/2014/11/16/arabic-web-fonts-are-here/</link>
					<comments>https://blog.alaabadran.com/2014/11/16/arabic-web-fonts-are-here/#comments</comments>
		
		<dc:creator><![CDATA[Alaa Badran]]></dc:creator>
		<pubDate>Sun, 16 Nov 2014 19:17:31 +0000</pubDate>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Misc]]></category>
		<category><![CDATA[Web & Programming]]></category>
		<category><![CDATA[arabic]]></category>
		<category><![CDATA[CDN]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[web fonts]]></category>
		<guid isPermaLink="false">http://blog.alaabadran.com/?p=580</guid>

					<description><![CDATA[<p>Because Arabic websites are lack of Arabic web Fonts, i have developed a website called FontFace.me to serve web fonts for Arabic language.<br />
FontFace.me is a free service to use. I also have FontStatic.com domain to be the CDN to serve CSS and Font files.</p>
<p>The post <a href="https://blog.alaabadran.com/2014/11/16/arabic-web-fonts-are-here/">Arabic web fonts are here</a> first appeared on <a href="https://blog.alaabadran.com">Alaa Badran</a>.</p><div class='yarpp yarpp-related yarpp-related-rss yarpp-template-thumbnails'>
<!-- YARPP Thumbnails -->
<h3>Related posts:</h3>
<div class="yarpp-thumbnails-horizontal">
<a class='yarpp-thumbnail' rel='norewrite' href='https://blog.alaabadran.com/2010/06/02/custom-font-for-all-browsers/' title='Apply a custom font to your website, Works on all Browsers'>
<span class="yarpp-thumbnail-default"><img src="http://blog.alaabadran.com/wp-content/plugins/yet-another-related-posts-plugin/default.png" alt="Default Thumbnail" data-pin-nopin="true" /></span><span class="yarpp-thumbnail-title">Apply a custom font to your website, Works on all Browsers</span></a>
<a class='yarpp-thumbnail' rel='norewrite' href='https://blog.alaabadran.com/2012/07/01/tips-for-better-website-performance/' title='Tips for Better Website Performance'>
<img width="120" height="120" src="https://blog.alaabadran.com/wp-content/uploads/2012/07/performance-120x120.jpg" class="attachment-yarpp-thumbnail size-yarpp-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" data-pin-nopin="true" srcset="https://blog.alaabadran.com/wp-content/uploads/2012/07/performance-120x120.jpg 120w, https://blog.alaabadran.com/wp-content/uploads/2012/07/performance-150x150.jpg 150w" sizes="(max-width: 120px) 100vw, 120px" /><span class="yarpp-thumbnail-title">Tips for Better Website Performance</span></a>
<a class='yarpp-thumbnail' rel='norewrite' href='https://blog.alaabadran.com/2013/02/18/responsive-css-frameworks-what-to-use/' title='Responsive CSS Frameworks: What to use?!'>
<img width="120" height="120" src="https://blog.alaabadran.com/wp-content/uploads/2013/02/responsive-web-120x120.png" class="attachment-yarpp-thumbnail size-yarpp-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" data-pin-nopin="true" srcset="https://blog.alaabadran.com/wp-content/uploads/2013/02/responsive-web-120x120.png 120w, https://blog.alaabadran.com/wp-content/uploads/2013/02/responsive-web-150x150.png 150w" sizes="(max-width: 120px) 100vw, 120px" /><span class="yarpp-thumbnail-title">Responsive CSS Frameworks: What to use?!</span></a>
</div>
</div>
]]></description>
		
					<wfw:commentRss>https://blog.alaabadran.com/2014/11/16/arabic-web-fonts-are-here/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
		<item>
		<title>Objects and Privacy in Javascript</title>
		<link>https://blog.alaabadran.com/2014/03/04/objects-and-privacy-in-javascript/</link>
					<comments>https://blog.alaabadran.com/2014/03/04/objects-and-privacy-in-javascript/#comments</comments>
		
		<dc:creator><![CDATA[Alaa Badran]]></dc:creator>
		<pubDate>Tue, 04 Mar 2014 07:10:50 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Java Script]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Web & Programming]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[objects]]></category>
		<category><![CDATA[OOP]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web development]]></category>
		<guid isPermaLink="false">http://blog.alaabadran.com/?p=549</guid>

					<description><![CDATA[<p>We all know that Javascript does not support (property or method) privacy when you write Object Oriented code. In this post, i will explain how to create private (properties and methods) in Javascript.</p>
<p>The post <a href="https://blog.alaabadran.com/2014/03/04/objects-and-privacy-in-javascript/">Objects and Privacy in Javascript</a> first appeared on <a href="https://blog.alaabadran.com">Alaa Badran</a>.</p><div class='yarpp yarpp-related yarpp-related-rss yarpp-template-thumbnails'>
<!-- YARPP Thumbnails -->
<h3>Related posts:</h3>
<div class="yarpp-thumbnails-horizontal">
<a class='yarpp-thumbnail' rel='norewrite' href='https://blog.alaabadran.com/2011/11/07/how-to-convert-html-forms-into-ajax-simply/' title='How to convert HTML Forms into AJAX simply'>
<img width="120" height="120" src="https://blog.alaabadran.com/wp-content/uploads/2011/11/alajax-120x120.jpg" class="attachment-yarpp-thumbnail size-yarpp-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" data-pin-nopin="true" srcset="https://blog.alaabadran.com/wp-content/uploads/2011/11/alajax-120x120.jpg 120w, https://blog.alaabadran.com/wp-content/uploads/2011/11/alajax-150x150.jpg 150w" sizes="(max-width: 120px) 100vw, 120px" /><span class="yarpp-thumbnail-title">How to convert HTML Forms into AJAX simply</span></a>
<a class='yarpp-thumbnail' rel='norewrite' href='https://blog.alaabadran.com/2013/08/15/building-and-testing-your-javascript-app-with-yeoman/' title='Building and Testing your JavaScript app with Yeoman'>
<img width="120" height="120" src="https://blog.alaabadran.com/wp-content/uploads/2013/08/yeoman-120x120.jpg" class="attachment-yarpp-thumbnail size-yarpp-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" data-pin-nopin="true" srcset="https://blog.alaabadran.com/wp-content/uploads/2013/08/yeoman-120x120.jpg 120w, https://blog.alaabadran.com/wp-content/uploads/2013/08/yeoman-150x150.jpg 150w" sizes="(max-width: 120px) 100vw, 120px" /><span class="yarpp-thumbnail-title">Building and Testing your JavaScript app with Yeoman</span></a>
<a class='yarpp-thumbnail' rel='norewrite' href='https://blog.alaabadran.com/2013/08/05/overriding-javascript-in-twitter-bootstrap/' title='Overriding Javascript in Twitter Bootstrap'>
<img width="120" height="120" src="https://blog.alaabadran.com/wp-content/uploads/2013/08/bootstrap-120x120.jpg" class="attachment-yarpp-thumbnail size-yarpp-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" data-pin-nopin="true" srcset="https://blog.alaabadran.com/wp-content/uploads/2013/08/bootstrap-120x120.jpg 120w, https://blog.alaabadran.com/wp-content/uploads/2013/08/bootstrap-150x150.jpg 150w" sizes="(max-width: 120px) 100vw, 120px" /><span class="yarpp-thumbnail-title">Overriding Javascript in Twitter Bootstrap</span></a>
</div>
</div>
]]></description>
		
					<wfw:commentRss>https://blog.alaabadran.com/2014/03/04/objects-and-privacy-in-javascript/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
