<?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>S.Y.S talk &#187; web</title> <atom:link href="http://sys-talk.com/tag/web/feed/" rel="self" type="application/rss+xml" /><link>http://sys-talk.com</link> <description>Share Your Skills, Share Your Stories</description> <lastBuildDate>Wed, 01 Feb 2012 02:26:40 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Comic: The State of the Web, Summer 2011 [The Oatmeal]</title><link>http://sys-talk.com/web-technology/comic-the-state-of-the-web-summer-2011/</link> <comments>http://sys-talk.com/web-technology/comic-the-state-of-the-web-summer-2011/#comments</comments> <pubDate>Sun, 31 Jul 2011 18:50:32 +0000</pubDate> <dc:creator>Dedy Sofyan</dc:creator> <category><![CDATA[web-technology]]></category> <category><![CDATA[2011]]></category> <category><![CDATA[comic]]></category> <category><![CDATA[oatmeal]]></category> <category><![CDATA[state of the web]]></category> <category><![CDATA[web]]></category> <guid
isPermaLink="false">http://sys-talk.com/?p=1197</guid> <description><![CDATA[<a
href="http://sys-talk.com/web-technology/comic-the-state-of-the-web-summer-2011/"><img
align="left" hspace="5" width="150" height="125" src="http://sys-talk.com/files/2011/08/oatmeal-header-150x125.png" class="alignleft tfe wp-post-image" alt="oatmeal-header" title="oatmeal-header" /></a>Wait! There&#8217;s more&#8230; You can view the rest of the comic using the link below: Source: http://theoatmeal.com/comics/state_web_summer No related posts.
No related posts.]]></description> <content:encoded><![CDATA[<p><a
href="http://sys-talk.com/files/2011/08/oatmeal-header.png"><img
class="alignnone size-full wp-image-1198" title="oatmeal-header" src="http://sys-talk.com/files/2011/08/oatmeal-header.png" alt="" width="350" height="125" /></a></p><p><a
href="http://sys-talk.com/files/2011/08/oatmeal-facebook.png"><img
class="alignnone size-full wp-image-1199" title="oatmeal-facebook" src="http://sys-talk.com/files/2011/08/oatmeal-facebook.png" alt="" width="350" height="1000" /></a></p><p>Wait! There&#8217;s more&#8230;</p><p>You can view the rest of the comic using the link below:</p><p><strong>Source:</strong> <a
href="http://theoatmeal.com/comics/state_web_summer" target="_blank">http://theoatmeal.com/comics/state_web_summer</a></p><p><script type="text/javascript">google_ad_client = "ca-pub-4759350823046152";
/* 468x60 Banner SYS */
google_ad_slot = "4690566615";
google_ad_width = 468;
google_ad_height = 60;</script> <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></p><p>No related posts.</p>]]></content:encoded> <wfw:commentRss>http://sys-talk.com/web-technology/comic-the-state-of-the-web-summer-2011/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Social Web: express yourself online!</title><link>http://sys-talk.com/web-technology/social-web-express-yourself-online/</link> <comments>http://sys-talk.com/web-technology/social-web-express-yourself-online/#comments</comments> <pubDate>Sat, 24 Jan 2009 21:30:29 +0000</pubDate> <dc:creator>Dedy Sofyan</dc:creator> <category><![CDATA[web-technology]]></category> <category><![CDATA[gadgets]]></category> <category><![CDATA[social]]></category> <category><![CDATA[web]]></category> <category><![CDATA[web 2.0]]></category> <guid
isPermaLink="false">http://sofyand.buzzdsign.com/?p=171</guid> <description><![CDATA[<a
href="http://sys-talk.com/web-technology/social-web-express-yourself-online/"><img
align="left" hspace="5" width="150" src="http://i469.photobucket.com/albums/rr51/buzzdsign/th_socialweb-0.jpg" class="alignleft wp-post-image tfe" alt="Photobucket" title="" /></a>The Social Web? What&#8217;s that? Sounds funny eh? Without further ado, okay, here&#8217;s the Wikipedia excerpt: The Social Web is currently used to describe how people socialize or interact with each other throughout the World Wide Web. Such people are brought &#8230; <a
href="http://sys-talk.com/web-technology/social-web-express-yourself-online/">Continue reading <span
class="meta-nav">&#8594;</span></a> No related posts.]]></description> <content:encoded><![CDATA[<div><p><img
class="alignright" style="margin-left: 5px; margin-right: 5px; border: 0px initial initial;" src="http://i469.photobucket.com/albums/rr51/buzzdsign/th_socialweb-0.jpg" border="0" alt="Photobucket" width="160" height="121" /></p><p
style="text-align: left;"><img
class="alignnone" src="http://sys-talk.com/wp-content/plugins/wp-native-dashboard/img/countries/us.gif" alt="" width="16" height="11" /> The Social Web? What&#8217;s that? Sounds funny eh?</p><p
style="text-align: left;">Without further ado, okay, here&#8217;s the <a
href="http://en.wikipedia.org/wiki/Social_web" target="_blank">Wikipedia excerpt</a>:</p><blockquote><p
style="text-align: left;">The <strong>Social Web</strong> is currently used to describe how people socialize or interact with each other throughout the World Wide Web. Such people are brought together through a variety of shared interests. There are different ways in which people want to socialize on the Web today. The first kind of socializing is typified by &#8220;people focus&#8221; websites such as <a
title="Bebo" href="http://en.wikipedia.org/wiki/Bebo">Bebo</a>, <a
title="Facebook" href="http://en.wikipedia.org/wiki/Facebook">Facebook</a>, and <a
class="mw-redirect" title="Myspace" href="http://en.wikipedia.org/wiki/Myspace">Myspace</a>. Such sites promote the person as focus of social interaction. To do this a profile is constructed by each user. In many ways the profile is similar to a passport.</p><p>The second kind of socializing is typified by a sort of &#8220;hobby focus&#8221; websites. For example, if one is interested in photography and wants to share this with like-minded people, then there are photography websites such as <a
title="Flickr" href="http://en.wikipedia.org/wiki/Flickr">Flickr</a>, <a
title="Kodak Gallery" href="http://en.wikipedia.org/wiki/Kodak_Gallery">Kodak Gallery</a> and <a
title="Photobucket" href="http://en.wikipedia.org/wiki/Photobucket">Photobucket</a>.</p><p>The <strong>Social Web</strong> may also be used to refer to two different, yet related concepts. The first is as a description of <a
title="Web 2.0" href="http://en.wikipedia.org/wiki/Web_2.0">web 2.0</a> technologies that are focused on social interaction and community before anything else.</p></blockquote><p><span
style="color: #0000ee; text-decoration: underline;"><br
/> </span></p><p>Some of you, actually most of you who have landed here in my blog, might have already familiarized yourself with those websites mentioned above and perhaps more: <strong><span
style="color: #3366ff;">Youtube, Friendster, Gaia Online, Deviantart, Linkedin, Digg, Twitter, etc</span></strong>.</p><h3><strong>Your Home on the Web, Your Social Gathering Place</strong></h3><p>With the increasing popularity and adoption of mobile gadgets with internet connectivity, either through 3G or WiFi. These social networking sites are becoming a home and meeting place for people all around to find and communicate with friends, families, and even co-workers. They become a social gathering place online.</p><div
class="wp-caption alignnone" style="width: 563px"><img
src="http://i469.photobucket.com/albums/rr51/buzzdsign/socialweb-2.jpg" alt="Facebooks Wall updates" width="553" height="234" /><p
class="wp-caption-text">Facebook&#39;s Wall updates</p></div><p><a
href="http://s469.photobucket.com/albums/rr51/buzzdsign/?action=view&amp;current=socialweb-1.jpg" target="_blank"><img
class="alignright" style="margin-left: 5px; margin-right: 5px;" src="http://i469.photobucket.com/albums/rr51/buzzdsign/th_socialweb-1.jpg" border="0" alt="Photobucket" width="160" height="121" /></a></p><p>You can update your status telling your friends, families about what you&#8217;re doing at this very moment. You can upload your photos of yesterday&#8217;s family outing, or older photo albums. Share your stories or stories, and let your friends or families join in and comment on them. These sites become a place for you to express yourself and tell the world about your presence.</p><h3>Know the Limit!</h3><p>But don&#8217;t forget&#8230; you have to know the limitation. You can&#8217;t just pour out all information about you on the web. You have to filter the information that you want to share. You have to be careful so that no one can misuse the info you share on these social networking sites to your own disadvantage. You have to be your own judge.</p><p><strong><span
style="color: #808080;">Be extra careful with your residential address, phone number, bank account number, credit card number</span></strong>. Also extra careful with the photos you upload publicly (<span
style="color: #ff0000;"><strong>especially those embarrassing ones of you or your families or friends</strong></span>). Trained professionals can extract information just by looking at these photos closely. If they can, so can criminals. We don&#8217;t want to attract those types, do we?</p><p><strong>Expressing yourself on the social web is free and FUN</strong>&#8230; BUT&#8230; you have to stay alert and careful of the things you share. It&#8217;s just a word of caution.</p><p><strong>Oh, don&#8217;t forget that your BOSS might be watching, too!</strong> :p</p><h3>[UPDATE]</h3><p
style="padding-left: 30px;">Articles for you to consider before sharing anything on the social network:</p><ul><li><a
href="http://www.michaelaulia.com/blogs/sick-leave-faker-caught-on-facebook.html">http://www.michaelaulia.com/blogs/sick-leave-faker-caught-on-facebook.html</a></li><li><a
href="http://www.guardian.co.uk/lifeandstyle/2009/jan/31/facebook-sex-divorce">http://www.guardian.co.uk/lifeandstyle/2009/jan/31/facebook-sex-divorce</a></li><li><a
href="http://www.upi.com/Odd_News/2008/10/24/Hooky-playing_worker_caught_using_Facebook/UPI-45161224823329/">http://www.upi.com/Odd_News/2008/10/24/Hooky-playing_worker_caught_using_Facebook/UPI-45161224823329/</a></li><li><a
href="http://technollama.blogspot.com/2007/07/caught-on-facebook.html">http://technollama.blogspot.com/2007/07/caught-on-facebook.html</a></li><li><a
href="http://aloymu.com/2010/03/05/facebook-caution/" target="_blank">http://aloymu.com/2010/03/05/facebook-caution/</a></li><li><a
href="http://www.hongkiat.com/blog/facebook-privacy-matters/" target="_blank">http://www.hongkiat.com/blog/facebook-privacy-matters/</a></li></ul></div><p><script type="text/javascript">google_ad_client = "ca-pub-4759350823046152";
/* 468x60 Banner SYS */
google_ad_slot = "4690566615";
google_ad_width = 468;
google_ad_height = 60;</script> <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></p><p>No related posts.</p>]]></content:encoded> <wfw:commentRss>http://sys-talk.com/web-technology/social-web-express-yourself-online/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Browser War for Market Share</title><link>http://sys-talk.com/web-technology/browser-war-for-market-share/</link> <comments>http://sys-talk.com/web-technology/browser-war-for-market-share/#comments</comments> <pubDate>Sat, 03 Jan 2009 04:10:51 +0000</pubDate> <dc:creator>Dedy Sofyan</dc:creator> <category><![CDATA[web-technology]]></category> <category><![CDATA[browser]]></category> <category><![CDATA[browser war]]></category> <category><![CDATA[chrome]]></category> <category><![CDATA[cross-browser]]></category> <category><![CDATA[firefox]]></category> <category><![CDATA[internet explorer]]></category> <category><![CDATA[iphone]]></category> <category><![CDATA[mobile]]></category> <category><![CDATA[netscape]]></category> <category><![CDATA[opera]]></category> <category><![CDATA[safari]]></category> <category><![CDATA[symbian]]></category> <category><![CDATA[web]]></category> <guid
isPermaLink="false">http://sofyand.buzzdsign.com/?p=130</guid> <description><![CDATA[<a
href="http://sys-talk.com/web-technology/browser-war-for-market-share/"><img
align="left" hspace="5" width="150" src="http://i469.photobucket.com/albums/rr51/buzzdsign/microsoftmozillainternefp4.jpg" class="alignleft wp-post-image tfe" alt="" title="" /></a>The web-browser market has experienced a lot lately. Nearly a decade ago, the two dominant players of the time were Netscape Navigator (the reigning champ) and MS Internet Explorer (the contender). You might have witnessed the &#8220;Browser War&#8221; between Netscape &#8230; <a
href="http://sys-talk.com/web-technology/browser-war-for-market-share/">Continue reading <span
class="meta-nav">&#8594;</span></a> No related posts.]]></description> <content:encoded><![CDATA[<p><img
class="alignright" style="margin-left: 5px; margin-right: 5px;" src="http://i469.photobucket.com/albums/rr51/buzzdsign/microsoftmozillainternefp4.jpg" alt="" width="172" height="124" /></p><p
style="text-align: left;"><img
class="alignnone" src="http://sys-talk.com/wp-content/plugins/wp-native-dashboard/img/countries/us.gif" alt="" /> The web-browser market has experienced a lot lately. Nearly a decade ago, the two dominant players of the time were Netscape Navigator (the reigning champ) and MS Internet Explorer (the contender). You might have witnessed the <strong><a
href="http://en.wikipedia.org/wiki/Browser_wars" target="_blank">&#8220;Browser War&#8221;</a></strong> between Netscape and Internet Explorer (IE), which eventually won by IE.</p><blockquote><h3>Designer&#8217;s point of view</h3><p>Personally, as a web designer, I have to constantly review these changes to cater to my target audience&#8217;s needs and visiting exper  ience by designing websites that will &#8220;look and feel&#8221; similar when viewed using different browsers. Some call this <a
href="http://en.wikipedia.org/wiki/Cross-browser" target="_blank">&#8220;cross-browser / multi-browser compatibility&#8221;</a>. You have to make sure that the site you designed will not break in that particular browser.  One of the resource that you might want to go is the browser statistics, like:<a
href="http://www.w3schools.com/browsers/browsers_stats.asp" target="_blank"> http://www.w3schools.com/browsers/browsers_stats.asp</a></p></blockquote><p
style="text-align: left;"><h3 style="text-align: left;">IE is losing grounds</h3><p
style="text-align: left;">From the statistics, you can see that Firefox is gaining market share consistently year by year. With the addition of Google Chrome in late 2008, the browser market share is once again a fiery battleground. IE has been losing its market share chunk-by-chunk to the competitors.</p><h3 style="text-align: left;">Why?</h3><p
style="text-align: left;">Perhaps, primarily because the competitors offer &#8220;innovative&#8221; additions to the browsing experience. Tabbed browsing made famous by Opera, even way back in the times of IE 5. Usable and customizable add-on / plug-ins for Firefox that extends the browser functionality to greater extends. Next comes <a
href="http://googleblog.blogspot.com/2008/09/fresh-take-on-browser.html" target="_blank">&#8220;Google Chrome&#8221;</a> with Google&#8217;s ambition to <a
title="Google Chrome &quot;Comic&quot;" href="http://www.google.com/googlebooks/chrome/index.html" target="_blank">reinvent the web browsing experience</a>.</p><p
style="text-align: left;"><span
id="more-130"></span></p><p
style="text-align: left;"><img
class="alignnone" style="margin-left: 5px; margin-right: 5px;" src="http://i469.photobucket.com/albums/rr51/buzzdsign/popdown.gif" alt="" width="330" height="63" /></p><h3 style="text-align: left;">Save the Developers</h3><p
style="text-align: left;">One additional reason why IE is losing its ground is perhaps most IE users are still stuck with IE 6. IE 6 has lots of limitations. A while ago, March 2008, a site called <strong>savethedevelopers.org</strong> offered a javascript popup for developers/designers to embed in their page, encouraging users to upgrade their outdated IE 6 to IE 7.</p><blockquote><p
style="text-align: left;">Somehow the site is now down and is redirected to Microsoft&#8217;s IE page instead. Interesting&#8230; Has Microsoft pulled some strings? For us, developers and designers, to maintain compatibility with IE 6 is a rather painful process. For example: IE 6 does not render transparent PNG &#8220;gracefully&#8221; so we have to include a PNG fix script. Certain IE-specific CSS hacks have to be applied to IE that normally are not required on other browsers.</p></blockquote><h3 style="text-align: left;"><img
class="alignright" style="margin-left: 5px; margin-right: 5px;" src="http://i469.photobucket.com/albums/rr51/buzzdsign/screenshot_iphone_web-200x300.jpg" alt="" width="200" height="300" />Mobile Internet Browsing</h3><p
style="text-align: left;">Don&#8217;t forget that with recent advancements in mobile connectivity, more people are browsing the internet using their mobile gadgets. <a
href="http://www.opera.com/mobile/" target="_blank">Opera Mobile</a> is famous among Symbian-powered smartphones, including &#8220;smart-touchphones&#8221; with Opera Mobile for Symbian UIQ devices. iPhone users browse their favorite sites using the <a
href="http://www.apple.com/iphone/features/safari.html" target="_blank">built-in Safari browser</a>.</p><p
style="text-align: left;">Now, us, designers and developers have more homework to do: to make sure that our design or code will not break on these gadgets, too.</p><h3 style="text-align: left;">Reference:</h3><ul
style="text-align: left;"><li><a
href="http://www.tgdaily.com/html_tmp/content-view-40800-113.html" target="_blank">http://www.tgdaily.com/html_tmp/content-view-40800-113.html</a></li><li><a
href="http://www.crunchgear.com/2009/01/02/internet-explorer-bleeding-market-share/" target="_blank">http://crunchgear.com/&#8230;/internet-explorer-bleeding-market-share/</a></li><li><a
href="http://www.google.com/googlebooks/chrome/index.html" target="_blank">http://www.google.com/googlebooks/chrome/index.html</a></li></ul><p
style="text-align: left;"><span
style="color: #ffffff;"> </span></p><p>No related posts.</p>]]></content:encoded> <wfw:commentRss>http://sys-talk.com/web-technology/browser-war-for-market-share/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> </channel> </rss>
