<?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>Tech Wisdom &#187; Web</title>
	<atom:link href="http://blog.ujjwalkumar.com/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.ujjwalkumar.com</link>
	<description>Its all about Zeroes or Ones</description>
	<lastBuildDate>Sun, 11 Sep 2011 05:19:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Resumes</title>
		<link>http://blog.ujjwalkumar.com/2011/03/07/resumes/</link>
		<comments>http://blog.ujjwalkumar.com/2011/03/07/resumes/#comments</comments>
		<pubDate>Mon, 07 Mar 2011 06:46:14 +0000</pubDate>
		<dc:creator>ujjwal</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.ujjwalkumar.com/?p=135</guid>
		<description><![CDATA[I am about to launch a new feature on the Training &#38; Placements website that I created at IIT Kharagpur. The feature is called Resumes. Here you can view your friends&#8217;, seniors&#8217; and juniors&#8217; resumes, all at one place. Best thing about this feature is, the resumes are sorted; categorized according to different industries, different [...]]]></description>
			<content:encoded><![CDATA[<p>I am about to launch a new feature on the Training &amp; Placements website that I created at IIT Kharagpur. The feature is called <em><strong>Resumes</strong></em>. Here you can view your friends&#8217;, seniors&#8217; and juniors&#8217; resumes, all at one place. Best thing about this feature is, the resumes are sorted; categorized according to different industries, different companies (shortlisted resumes, and placed resumes) as well as different schools/departments; and most importantly, they are searchable internally.</p>
<p><strong>Why would this be helpful?</strong></p>
<p>The entire idea to create TNP site was to assist a seamless sharing of information related to Training &amp; Placement. The site currently shows information on which companies came when, recruited/shortlisted how many students, and what were their packages. The site also shows semester-wise SGPAs/CGPAs of students who got placed/shortlisted. But, it misses out the fact that while recruiting students, CGPA is just one of the criteria, not everything. The best way to summarize a person&#8217;s achievements is his/her resume. This motivated me to write additional lines of code, so that students can learn from their peers.</p>
<p><strong>Why should you upload your resume?</strong></p>
<p>There are many reasons why you should upload your resume, including:</p>
<ol>
<li>Others get benefited. No matter what you have in your resume, its gonna inspire someone or the other in the campus.</li>
<li>Placement season is (almost) over. So, no more competition among ourselves. Our (passing out students) tech career/higher studies will begin after we leave Kgp this summer. There is always a scope of learning from how other people managed their lives at Kgp. These resumes might inspire us to have a fresh beginning after we leave Kgp.</li>
<li>There is also a provision for adding internship resumes, so that students in their pre-placement years are also benefited. The database will be maintained for future generations.</li>
<li>Some of us will find this as a new forum to show-off our talents.</li>
<li>You can&#8217;t view any resume until you have uploaded atleast one of your own resumes.</li>
</ol>
<p>Its a common consensus among recruiters, that Kgpians are not as aware as Bombay/Delhi/Kanpur/Madras students and Kgpians don&#8217;t prepare well before interviews/GDs. This website, in a way, is an attempt to increase that awareness among Kgpians. I wish that all of you reading this will upload your resume, and contribute towards increasing awareness among your peers, and thereby help in the growth of the majestic alumni network that Kgp enjoys (and other IITs envy).</p>
<p>Link to TNP revisited website: <del>http://10.111.4.114/</del>  <strong></strong><a href="http://10.108.9.108/" rel="nofollow" target="_blank">http://10.108.9.108/ </a>(kgp only, disable proxies)<br />
Link to TNP support page: <a href="http://www.facebook.com/pages/TP-IIT-Kharagpur/157252337632813" target="_blank">http://www.facebook.com/pages/TP-IIT-Kharagpur/157252337632813</a></p>
<p>Thanks for reading till the last line!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.ujjwalkumar.com/2011/03/07/resumes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Synchronisation of code with Subversion and Netbeans</title>
		<link>http://blog.ujjwalkumar.com/2008/06/12/synchronisation-of-code-with-collabnet-subversion-and-netbeans/</link>
		<comments>http://blog.ujjwalkumar.com/2008/06/12/synchronisation-of-code-with-collabnet-subversion-and-netbeans/#comments</comments>
		<pubDate>Thu, 12 Jun 2008 09:25:18 +0000</pubDate>
		<dc:creator>ujjwal</dc:creator>
				<category><![CDATA[Netbeans]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Collabnet]]></category>
		<category><![CDATA[Subversion]]></category>
		<category><![CDATA[Synchronization of code]]></category>

		<guid isPermaLink="false">http://techwisdom.wordpress.com/?p=17</guid>
		<description><![CDATA[For the synchronization of code, you must be having an online repository or an offline one, on your intranet.. A very good example of online repository is assembla. You need to invite all the members of the project to this online repository.. now, I am giving u a short tutorial on how to configure assembla [...]]]></description>
			<content:encoded><![CDATA[<p>For the synchronization of code, you must be having an online repository or an offline one, on your intranet.. A very good example of online repository is <a href="http://www.assembla.com/">assembla</a>. You need to invite all the members of the project to this online repository..</p>
<p>now, I am giving u a short tutorial on how to configure assembla and svn with Netbeans..</p>
<ol>
<li>install <a href="http://dlc.sun.com.edgesuite.net/netbeans/6.1/final/">netbeans 6.1</a>.</li>
<li>install <a href="http://www.collab.net/downloads/subversion/">collabnet subversion</a>.. here you will be asked to register..</li>
<li>open netbeans, open the versioning menu, click subversion, and then checkout..</li>
<li>enter the home folder of the collabnet subversion.. it should be somthing like this.. D:\Program Files\CollabNet Subversion ..</li>
<li>Restart Netbeans..</li>
<li>again click on checkout, enter the url of your repository, it can be found here found at <strong>assembla home&gt;Project Name&gt;Trac/SVN&gt;SVN</strong> <strong>url</strong>, and, your assembla <strong>username</strong> and <strong>password.</strong>.</li>
<li>then, browse the repository folder for Project Folder.. make sure that the scan for netbeans projects after checkout has been checked.. click on the open project which comes after checking out..</li>
</ol>
<p>now, you will find that, a project has been created.. this is the project which all the team members will be using at the same time.. Team members will be editing it at their pcs and then uploading it to the repository..</p>
<p>Steps to follow, while adding the source code for the first time:</p>
<ol>
<li>Create a project in your netbeans.</li>
<li>Configure the collabnet subversion as told above.</li>
<li>Select the project in the projects tab.</li>
<li>Click <strong>Versioning&gt;Subversion&gt;Import</strong> to repository.</li>
<li>Provide the necessary settings, such as url, username and password.</li>
</ol>
<p>Lets know about some <strong>svn commands</strong> (which can be found after right clicking the project&gt;subversion..</p>
<p><strong>Important Commands:</strong></p>
<p><strong>Show Changes:</strong> This command shows the changes between the code thats there in the repo, and that at your pc.. There can be 7 types of changes, <strong>locally new, locally modified, locally deleted, remotely new, remotely modified, and remotely deleted</strong>.. One special kind of Change can be <strong>local conflict</strong>.. This happens when 2 members edit one piece of code at the same time differently.. One example can be, if I edit ideas_controller.rb to something, and Amit edits it to something else, and then, I commit my code.. when I submit, there was no error.. but as soon as amit commits the code, an error creeps out, showing that Amit has been using an older version of the code.. this is called local conflict.. now, at this point of time, Amit has to resolve this conflict (it has to be manual, it can&#8217;t be computerized) .. One of the healthy practices is to have a look at the remotely changed files, and perform actions accordingly, like if a new migration is run, you must migrate your database to the current version (this you will come to know once u get acquainted with rails) &#8230;</p>
<p><strong>Update:</strong> It updates the code at the pc, to the code at the repository.. Note that, locally modified changes can&#8217;t be updated..</p>
<p><strong>Commit:</strong> It submits the code at ur PC to the code at repository.. Its important to commit only those file, which you have changed.. Files like, development logs, and PC specific settings (database configuration) and all, should be excluded from commit.. This can be achieved by Clicking commit, and selecting &#8216;exclude from commit&#8217; in the Commit action..</p>
<p><strong>Other Commands:</strong></p>
<p><strong>Diff:</strong> It shows the actual difference between the code at the repository and the code on ur pc..</p>
<p><strong>Search History:</strong> It shows the actual history of a file, i.e, who has modified the file at what place..</p>
<p>It would be good, if youhave a look <a href="http://svnbook.red-bean.com/nightly/en/svn.basic.vsn-models.html">over here</a>, how subversion works, and its file sharing operations..</p>
<p>You people must get acquainted with these tools, as these are inseparable from any kind of software development..</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.ujjwalkumar.com/2008/06/12/synchronisation-of-code-with-collabnet-subversion-and-netbeans/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Getting Started with Rails</title>
		<link>http://blog.ujjwalkumar.com/2008/06/09/getting-started-with-rails/</link>
		<comments>http://blog.ujjwalkumar.com/2008/06/09/getting-started-with-rails/#comments</comments>
		<pubDate>Mon, 09 Jun 2008 18:05:34 +0000</pubDate>
		<dc:creator>ujjwal</dc:creator>
				<category><![CDATA[Ruby on Rails]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://techwisdom.wordpress.com/?p=12</guid>
		<description><![CDATA[Ya.. most of the things in life suffer from this trauma.. How to get started?? For getting started, first of all, visit the Rails Website. The best way to learn new thing is to google about them&#8230; at the same time, I would link u with some of the online resources.. Its important to follow [...]]]></description>
			<content:encoded><![CDATA[<p>Ya.. most of the things in life suffer from this trauma.. How to get started??<br />
For getting started, first of all, visit the <a href="http://www.rubyonrails.com" target="_blank">Rails Website</a>.</p>
<p>The best way to learn new thing is to google about them&#8230; at the same time, I would link u with some of the online resources.. Its important to follow these steps in the order I have listed below..</p>
<ol>
<li>Google and know abt the advantages and disadvantages of rails&#8230; (duration: 1 day)</li>
<li> Download this <a href="http://www.esnips.com/doc/707702c2-ba5e-49bf-a4c0-60c509ad0081/Agile-Web-Development-with-Rails" target="_blank">book</a>.. Read the introduction and then straightaway go to Part 3, i.e. the Rails Framework.. Clear the concepts of Active Support, Active Records, Migrations and Action Controllers as these will be needed at every step of development.. I am afraid that the book is obsolete for rails 2.10, still, it will help a lot in building concepts of rails (a newer beta book is released, but, I couldn&#8217;t get it anywhere online <img src='http://blog.ujjwalkumar.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />  ).. (duration: 1 day).</li>
<li>Now, after getting the basics, build an application on rails, and keep checking the book to clarify ur concepts.. here&#8217;s a <a href="http://www.netbeans.org/kb/61/ruby/rapid-ruby-weblog.html" target="_blank">tutorial</a> that would help u.. (duration: 2 days).</li>
<li>Now, its time to learn some <a href="http://en.wikipedia.org/wiki/Web_2">web 2.0</a> stuff&#8230; know more abt the rjs templates and its usage with <a href="http://en.wikipedia.org/wiki/AJAX">ajax</a>&#8230; (duration: 2 days).</li>
<li>ts time to use some pre-developed code.. there r 2 types of pre-developed codes &#8211; one is ruby gems, which is similar to java Packages.. u will find it in netbeans, tools, ruby gems.. the second one is rails plugin.. u will have to add repository of a plugin after right clicking a project in netbeans, and then, the project will automatically download the sources (so, no more hassle of reference problems).. (duration: 1 day).</li>
</ol>
<p>So, in a weeks time, you will get some idea  how rails applications work.. I have built a rails <a href="http://diesis.yousuggest.us/" target="_blank">application</a> for my company.. <a href="http://diesis.yousuggest.us/">have a look</a>..</p>
<p>In the meanwhile, u can refer to <a href="http://www.railscasts.com/">RailsCasts</a> for its outstanding effort in promoting rails by sharing some of the best video tutorials..</p>
<p>U might also face problem, which editor to use.. I have experimented with a lot of editors and IDEs.. The Best one is <a href="http://www.netbeans.org/" target="_blank">Netbeans</a>.. to get acquainted with Netbeans and rails , check out <a href="http://www.netbeans.org/kb/trails/ruby.html">these</a> tutorials..</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.ujjwalkumar.com/2008/06/09/getting-started-with-rails/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash Vs JavaScript</title>
		<link>http://blog.ujjwalkumar.com/2008/06/09/flash-vs-javascript/</link>
		<comments>http://blog.ujjwalkumar.com/2008/06/09/flash-vs-javascript/#comments</comments>
		<pubDate>Mon, 09 Jun 2008 15:12:29 +0000</pubDate>
		<dc:creator>ujjwal</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://techwisdom.wordpress.com/?p=10</guid>
		<description><![CDATA[These are the latest Client Side Web technologies, and have got a huge potential of growth, in the coming years.. People get confused, which one to use for their business, Flash, or JavaScript (JS).. Flash has got a wide range of animation effects and a very good Object Oriented Code Base: ActiontScript.. Theoretically, JavaScript can [...]]]></description>
			<content:encoded><![CDATA[<p>These are the latest Client Side Web technologies, and have got a huge potential of growth, in the coming years..<br />
People get confused, which one to use for their business, Flash, or JavaScript (JS).. Flash has got a wide range of animation effects and a very good Object Oriented Code Base: <a href="http://www.adobe.com/devnet/actionscript/" target="_blank">ActiontScript</a>.. Theoretically, JavaScript can perform all the effects that a flash animation can..The advantage with JavaScript is, its enabled in the web browsers.. and the Disadvantage with Flash is, availability.. Systems like 64 bit linux, do no have flash support at all.. On the other hand, Flash can readily render some of the best effects with minimal piece of code.. and, JavaScript has a lot of Cross Browser compatibility issues (IE sucks).. Text and images in flash can&#8217;t be selected, and therefore, can&#8217;t be copied.. Also, it takes a long time for a Flash website to download, in a dial-up connection.. The greatest disadvantage with flash is that, the content can&#8217;t be indexed, so, content can&#8217;t be crawled by search engines..</p>
<p>Still, very big companies like <a href="http://www.youtube.com" target="_blank">YouTube</a> depend entirely on flash.. And JavaScript is something, without which, no Industry can survive..<br />
The Battle Continues..<br />
Here, I am linking the best flash websites that took me almost 2 hours for compilation:<br />
<a rel="nofollow" href="http://www.2advanced.com/" target="_blank">http://www.2advanced.com/</a><br />
<a rel="nofollow" href="http://www.dontclick.it/" target="_blank">http://www.dontclick.it/</a><br />
<a rel="nofollow" href="http://www.heavy.com/" target="_blank">http://www.heavy.com/</a><br />
<a rel="nofollow" href="http://www.imaginationcubed.com/" target="_blank">http://www.imaginationcubed.com/</a><br />
<a rel="nofollow" href="http://www.sukiland.com/" target="_blank">http://www.sukiland.com/</a><br />
<a rel="nofollow" href="http://www.vodafonemayfly.co.uk/" target="_blank">http://www.vodafonemayfly.co.uk/</a><br />
<a rel="nofollow" href="http://www.mutabor.de/" target="_blank">http://www.mutabor.de/</a><br />
<a rel="nofollow" href="http://www.typorganism.com/" target="_blank">http://www.typorganism.com/</a><br />
<a rel="nofollow" href="http://www.bowwowlondon.com/main.html" target="_blank">http://www.bowwowlondon.com/main.html</a><br />
<a rel="nofollow" href="http://lab.mathieu-badimon.com/" target="_blank">http://lab.mathieu-badimon.com/</a><br />
<a rel="nofollow" href="http://www.wddg.com/" target="_blank">http://www.wddg.com/</a><br />
<a rel="nofollow" href="http://www.designlicks.com/flash/index.php" target="_blank">http://www.designlicks.com/flash/index.php</a><br />
<a rel="nofollow" href="http://www.onyro.com/" target="_blank">http://www.onyro.com/</a><br />
<a rel="nofollow" href="http://agencynet.com/" target="_blank">http://agencynet.com/</a></p>
<p>for some free flash templates u can always have a look on these websites.. These are really helpful while developing a new website, or even while learning Flash+ActionScript in depth..<br />
<a rel="nofollow" href="http://www.flashvillage.com/" target="_blank">http://www.flashvillage.com/</a><br />
<a rel="nofollow" href="http://www.flashmo.com/home" target="_blank">http://www.flashmo.com/home</a></p>
<p>Also, I would like to point out, what are the possibilities with JavaScript (check these cool demos):<br />
<a rel="nofollow" href="http://dojotoolkit.org/demos" target="_blank">http://dojotoolkit.org/demos</a><br />
<a rel="nofollow" href="http://github.com/madrobby/scriptaculous/wikis/combination-effects-demo" target="_blank">http://github.com/madrobby/scriptaculous/wikis/combination-effects-demo</a><br />
<a rel="nofollow" href="http://mootools.net/" target="_blank">http://mootools.net/</a></p>
<p>Lastly, I would like to link up a website which has got a very good collection of JS libraries..<br />
<a rel="nofollow" href="http://javascriptlibraries.com/" target="_blank">http://javascriptlibraries.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.ujjwalkumar.com/2008/06/09/flash-vs-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Best Flash Websites</title>
		<link>http://blog.ujjwalkumar.com/2008/06/09/the-best-flash-websites/</link>
		<comments>http://blog.ujjwalkumar.com/2008/06/09/the-best-flash-websites/#comments</comments>
		<pubDate>Mon, 09 Jun 2008 14:48:37 +0000</pubDate>
		<dc:creator>ujjwal</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Cool Websites]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://techwisdom.wordpress.com/?p=9</guid>
		<description><![CDATA[These are some of the best flash websites that I have compiled after almost 2 hours of surfing&#8230; Plz have a look at each of them, as each of them have something to deliver.. http://www.2advanced.com/ http://www.dontclick.it/ http://www.heavy.com/ http://www.imaginationcubed.com/ http://www.sukiland.com/ http://www.vodafonemayfly.co.uk/ http://www.mutabor.de/ http://www.typorganism.com/ http://www.bowwowlondon.com/main.html http://lab.mathieu-badimon.com/ http://www.wddg.com/ http://www.designlicks.com/flash/index.php http://www.onyro.com/ http://agencynet.com/]]></description>
			<content:encoded><![CDATA[<p>These are some of the best flash websites that I have compiled after almost 2 hours of surfing&#8230; Plz have a look at each of them, as each of them have something to deliver.. <img src='http://blog.ujjwalkumar.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><a rel="nofollow" href="http://www.2advanced.com/" target="_blank">http://www.2advanced.com/</a><br />
<a rel="nofollow" href="http://www.dontclick.it/" target="_blank">http://www.dontclick.it/</a><br />
<a rel="nofollow" href="http://www.heavy.com/" target="_blank">http://www.heavy.com/</a><br />
<a rel="nofollow" href="http://www.imaginationcubed.com/" target="_blank">http://www.imaginationcubed.com/</a><br />
<a rel="nofollow" href="http://www.sukiland.com/" target="_blank">http://www.sukiland.com/</a><br />
<a rel="nofollow" href="http://www.vodafonemayfly.co.uk/" target="_blank">http://www.vodafonemayfly.co.uk/</a><br />
<a rel="nofollow" href="http://www.mutabor.de/" target="_blank">http://www.mutabor.de/</a><br />
<a rel="nofollow" href="http://www.typorganism.com/" target="_blank">http://www.typorganism.com/</a><br />
<a rel="nofollow" href="http://www.bowwowlondon.com/main.html" target="_blank">http://www.bowwowlondon.com/main.html</a><br />
<a rel="nofollow" href="http://lab.mathieu-badimon.com/" target="_blank">http://lab.mathieu-badimon.com/</a><br />
<a rel="nofollow" href="http://www.wddg.com/" target="_blank">http://www.wddg.com/</a><br />
<a rel="nofollow" href="http://www.designlicks.com/flash/index.php" target="_blank">http://www.designlicks.com/flash/index.php</a><br />
<a rel="nofollow" href="http://www.onyro.com/" target="_blank">http://www.onyro.com/</a><br />
<a rel="nofollow" href="http://agencynet.com/" target="_blank">http://agencynet.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.ujjwalkumar.com/2008/06/09/the-best-flash-websites/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Style Images with good looking Frames in CSS</title>
		<link>http://blog.ujjwalkumar.com/2008/06/09/style-images-with-good-looking-frames-in-css/</link>
		<comments>http://blog.ujjwalkumar.com/2008/06/09/style-images-with-good-looking-frames-in-css/#comments</comments>
		<pubDate>Mon, 09 Jun 2008 08:33:47 +0000</pubDate>
		<dc:creator>ujjwal</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://techwisdom.wordpress.com/?p=4</guid>
		<description><![CDATA[hey.. I was just wondering how to add a good looking frame to an image. I googled it a lot, but, couldn&#8217;t find a good enough solution.. So, I decided to use my own creativity with CSS and developed it.. Here&#8217;s the result: (Oops!! its my Boss&#8217;s photo.. sorry boss! ) The code for this [...]]]></description>
			<content:encoded><![CDATA[<p>hey..<br />
I was just wondering how to add a good looking frame to an image. I googled it a lot, but, couldn&#8217;t find a good enough solution.. So, I decided to use my own creativity with CSS and developed it.. Here&#8217;s the result:</p>
<p><a href="http://techwisdom.files.wordpress.com/2008/06/boss.jpg"><img class="alignnone size-medium wp-image-7" src="http://techwisdom.files.wordpress.com/2008/06/boss.jpg?w=85" alt="CSS Example" width="85" height="105" /></a></p>
<p>(Oops!! its my Boss&#8217;s photo.. sorry boss! )</p>
<p>The code for this one is -&gt;</p>
<p>In the HTML page:</p>
<div class="nodeBox emptyNodeBox repIgnore selected">
<div class="nodeLabel"><strong><span class="nodeLabelBox repTarget">&lt;<span class="nodeTag">img</span><span class="nodeAttr editGroup"> <span class="nodeName editable">class</span>=&#8221;<span class="nodeValue editable">framesection</span>&#8220;</span><span class="nodeAttr editGroup"> <span class="nodeName editable">src</span>=&#8221;<span class="nodeValue editable">/images/urImage.jpg</span>&#8220;</span><span class="nodeBracket editable insertBefore">/&gt;</span></span></strong></div>
</div>
<div class="nodeLabel">In the CSS File:</div>
<div class="nodeLabel">
<div class="cssRule insertInto">
<div class="cssHead"><strong><span class="cssSelector">.framesection</span> {<a class="objectLink objectLink-sourceLink"> </a></strong></div>
<div class="cssProp editGroup"><strong><span class="cssPropName editable">background-color</span><span class="cssColon">:</span><span class="cssPropValue editable">white</span><span class="cssSemi">;</span></strong></div>
<div class="cssProp editGroup"><strong><span class="cssPropName editable">border-bottom</span><span class="cssColon">:</span><span class="cssPropValue editable">2px solid black</span><span class="cssSemi">;</span></strong></div>
<div class="cssProp editGroup"><strong><span class="cssPropName editable">border-right</span><span class="cssColon">:</span><span class="cssPropValue editable">2px solid #555555</span><span class="cssSemi">;</span></strong></div>
<div class="cssProp editGroup"><strong><span class="cssPropName editable">border-width</span><span class="cssColon">:</span><span class="cssPropValue editable">2px</span><span class="cssSemi">;</span></strong></div>
<div class="cssProp editGroup"><strong><span class="cssPropName editable">padding</span><span class="cssColon">:</span><span class="cssPropValue editable">4px</span><span class="cssSemi">;</span></strong></div>
<div class="editable insertBefore"><strong>}</strong></div>
</div>
<div class="editable insertBefore">So, this is all thats needed to be done.. One final question: How does this stuff work?? 5 CSS attributes are used in this formatting.. background-color attribute changes the color of the frame (this  div background basically).. border-bottom and border-right adds shadow like effect to the frame.. The padding is for the frame width.. border-width is for the shadow width..</div>
<div class="editable insertBefore">Hope u enjoyed this simple tutorial..</div>
<div class="editable insertBefore">Best of luck with your designing experience..</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.ujjwalkumar.com/2008/06/09/style-images-with-good-looking-frames-in-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

