<?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>index Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/index/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/index/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Wed, 13 Apr 2022 16:34:29 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>How to use Timing Animations Using Callback Functions in jQuery?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-use-timing-animations-using-callback-functions-in-jquery/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-use-timing-animations-using-callback-functions-in-jquery/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Fri, 24 Sep 2021 12:55:18 +0000</pubDate>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[animations]]></category>
		<category><![CDATA[callback]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[index]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[timing]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9202</guid>

					<description><![CDATA[<p>So in this blog, we’re going to create a little bit more at Timing Animations Using Callback Functions in jQuery. [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-timing-animations-using-callback-functions-in-jquery/">How to use Timing Animations Using Callback Functions in jQuery?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">So in this blog, we’re going to create a little bit more at <strong>Timing Animations </strong>Using Callback Functions in <strong>jQuery</strong>.</p>



<p class="wp-block-paragraph">In the previous blog, we also learn how can animate multiple C S S properties at once. So let’s go ahead and do that for the blue box first in <strong>index.html</strong>, with help of <strong>style.css</strong> &amp; <strong>main.js</strong>.</p>



<script src="https://gist.github.com/ajcotocus/d872107df5e69f2f4d27c79765503d14.js"></script>



<script src="https://gist.github.com/ajcotocus/9b772b2a8f879758df2795c3d3d7ba6a.js"></script>



<script src="https://gist.github.com/ajcotocus/06f01d1b6a3a2abbf44b8f6ad35e6693.js"></script>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="288" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-103-1024x288.png" alt="" class="wp-image-9203" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-103-1024x288.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-103-300x84.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-103-768x216.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-103-1536x433.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-103.png 1658w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Timing Animations Using Callback Functions in jQuery</figcaption></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="305" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-104-1024x305.png" alt="" class="wp-image-9204" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-104-1024x305.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-104-300x89.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-104-768x229.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-104-1536x457.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-104.png 1650w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Timing Animations Using Callback Functions in jQuery after animations effects</figcaption></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-timing-animations-using-callback-functions-in-jquery/">How to use Timing Animations Using Callback Functions in jQuery?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-to-use-timing-animations-using-callback-functions-in-jquery/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to use Delaying and Chaining Animations in jQuery?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-use-delaying-and-chaining-animations-in-jquery/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-use-delaying-and-chaining-animations-in-jquery/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Fri, 24 Sep 2021 12:43:10 +0000</pubDate>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[animations]]></category>
		<category><![CDATA[chaining]]></category>
		<category><![CDATA[delaying]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[index]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Main]]></category>
		<category><![CDATA[style]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=9196</guid>

					<description><![CDATA[<p>So in this blog, we’re going to create a Delaying and Chaining Animations using the animate in jQuery. In the [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-delaying-and-chaining-animations-in-jquery/">How to use Delaying and Chaining Animations in jQuery?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">So in this blog, we’re going to create a Delaying and Chaining Animations using the animate in jQuery.</p>



<p class="wp-block-paragraph">In the previous blog, we also learn how can animate multiple C S S properties at once. So let’s go ahead and do that for the blue box first in <strong>index.html</strong>, with help of <strong>style.css</strong> &amp; <strong>main.js</strong>.</p>



<script src="https://gist.github.com/ajcotocus/fab4b97cfa5eb88ef17acdf7b7919728.js"></script>



<script src="https://gist.github.com/ajcotocus/58e555d1c7d9e1b577d9cbec96353a7f.js"></script>



<script src="https://gist.github.com/ajcotocus/1a5177ffe1dc17e3d3fc73c502dfc310.js"></script>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="291" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-101-1024x291.png" alt="" class="wp-image-9197" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-101-1024x291.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-101-300x85.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-101-768x218.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-101-1536x436.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-101.png 1655w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Delaying and Chaining Animations in jQuery</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="293" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-102-1024x293.png" alt="" class="wp-image-9198" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-102-1024x293.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-102-300x86.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-102-768x220.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-102-1536x440.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/09/image-102.png 1658w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>Delaying and Chaining Animations in jQuery after animations effects</figcaption></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-use-delaying-and-chaining-animations-in-jquery/">How to use Delaying and Chaining Animations in jQuery?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-to-use-delaying-and-chaining-animations-in-jquery/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to create an Attractive Item Check List using HTML &#038; CSS?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-create-an-item-check-list-using-html-css/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-create-an-item-check-list-using-html-css/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Thu, 26 Aug 2021 12:49:14 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[box]]></category>
		<category><![CDATA[Check]]></category>
		<category><![CDATA[Create]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[index]]></category>
		<category><![CDATA[style]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8366</guid>

					<description><![CDATA[<p>In this blog, I am going to create an item checklist using HTML &#38; CSS. So, first, create an &#8220;index.html&#8221; [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-create-an-item-check-list-using-html-css/">How to create an Attractive Item Check List using HTML &#038; CSS?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">In this blog, I am going to create an item checklist using HTML &amp; CSS. So, first, create an <strong>&#8220;index.html&#8221; </strong>and <strong>&#8220;style.css&#8221;</strong> page so, below-showing <strong>index.html </strong>page-</p>



<script src="https://gist.github.com/ajcotocus/6348363c6ad1bb1dcc0561c2bd2b2ff4.js"></script>



<p class="wp-block-paragraph">In this <strong>index.html </strong> mostly used label, &amp; input tag with a class which is defined below <strong>style.css </strong>page-</p>



<script src="https://gist.github.com/ajcotocus/1288f664ae54a5c7a7e829d4b0014eb3.js"></script>



<p class="wp-block-paragraph">In this <strong>style.css </strong>page used class and multiple tags which is included in <strong>index.html</strong>. After that with help of style.css page create below Item check list-</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="612" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-187-1024x612.png" alt="" class="wp-image-8373" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-187-1024x612.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-187-300x179.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-187-768x459.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-187.png 1433w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption>In this Item Check List when you click on the check box then show the correct sign and text will be dark from the horizontal line. </figcaption></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-create-an-item-check-list-using-html-css/">How to create an Attractive Item Check List using HTML &#038; CSS?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-to-create-an-item-check-list-using-html-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
