var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-11616394-7']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); try{Typekit.load();}catch(e){} $(document).ready(function(){ $('body #header').attr('id', '').addClass('header').hide(); $('body #content').attr('id', '').addClass('content').hide(); $('body').prepend(''); var container = $('body > #container'); container.children('#header').html($('body .header').html()); container.children('#content').html($('body .content').html()); $('body').css('background', '#fff url(http://sittipong.in.th/wp-content/themes/Siimple/images/chessbg.jpg) repeat top left'); $('.typekit-badge').hide(); }); Tumblr (3.0; @sittipong)http://sittipong.tumblr.com/<a href="http://hivelogic.com/articles/top-10-programming-fonts/">Top 10 Programming Fonts | HiveLogic</a>http://sittipong.tumblr.com/post/17590229446http://sittipong.tumblr.com/post/17590229446Tue, 14 Feb 2012 10:31:18 +0700<a href="http://www.smashingmagazine.com/2011/03/02/the-font-face-rule-revisited-and-useful-tricks/">The @Font-Face Rule and Useful Web Font Tricks</a>: <p><a target="_blank" href="http://typekit.com"><img alt="Typekit" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/01/wfs-typkit-ipad.jpg"/></a></p> <p><a target="_blank" href="http://www.smashingmagazine.com/2011/03/02/the-font-face-rule-revisited-and-useful-tricks/">Read more →</a></p>http://sittipong.tumblr.com/post/3602680558http://sittipong.tumblr.com/post/3602680558Thu, 03 Mar 2011 00:41:16 +0700SmashingmagazineCSSfont-faceTypography<a href="http://www.smashingmagazine.com/2009/05/13/10-custom-fields-hacks-for-wordpress/">Custom Fields Hacks For WordPress</a>: <p><a target="_blank" href="http://www.smashingmagazine.com/2009/05/13/10-custom-fields-hacks-for-wordpress/"><img alt="Define How Blog Posts Are Displayed On The Home Page" src="http://media.smashingmagazine.com/cdn_smash/images/wordpress-custom-fields/sm3.jpg"/></a></p> <p><a target="_blank" href="http://www.smashingmagazine.com/2009/05/13/10-custom-fields-hacks-for-wordpress/">Read more →</a></p>http://sittipong.tumblr.com/post/3495401915http://sittipong.tumblr.com/post/3495401915Fri, 25 Feb 2011 10:15:53 +0700SmashingmagazineWeb DesignWordpressCustom Fields<a href="http://sixrevisions.com/user-interface/product-page-design/">Anatomy of an Effective Product Page Design</a>: <p><a target="_blank" href="http://sixrevisions.com/user-interface/product-page-design/"><img src="http://cdn.sixrevisions.com/0045-01_anatomy_productpage_thumbnail.jpg" alt="Anatomy of an Effective Product Page Design"/></a></p> <p><a target="_blank" href="http://sixrevisions.com/user-interface/product-page-design/">Read more →</a></p>http://sittipong.tumblr.com/post/3494579336http://sittipong.tumblr.com/post/3494579336Fri, 25 Feb 2011 09:31:00 +0700SixRevisionsWeb DesignE-Commerce<a href="http://tympanus.net/codrops/2011/01/28/depth-perspective-web-design/">Showcase of Depth and Perspective in Web Design</a>: <p><img src="http://tympanus.net/codrops/wp-content/uploads/2011/01/perspectivewebdesign.jpg" alt="Showcase of Depth and Perspective in Web Design" width="500" height="271"/></p> <p><a href="http://tympanus.net/codrops/2011/01/28/depth-perspective-web-design/" target="_blank">View All →</a></p>http://sittipong.tumblr.com/post/3456779200http://sittipong.tumblr.com/post/3456779200Wed, 23 Feb 2011 10:02:00 +0700CODROPS<a href="http://www.twentytenfive.com/">TWENTYTEN FIVE</a>: <h3>What is it?</h3> <p>Built to accompany an <a target="_blank" href="http://www.smashingmagazine.com/2011/02/22/using-html5-to-transform-wordpress-twentyten-theme/">article in Smashing Magazine</a>, TwentyTen Five is an HTML5 upgrade of the default WordPress TwentyTen theme.</p> <p>It’s completely free, easy to build on, and brings brand new HTML5 elements and functionality to WordPress.</p> <p><a href="http://www.twentytenfive.com/" target="_blank">Download Now →</a></p>http://sittipong.tumblr.com/post/3455584860http://sittipong.tumblr.com/post/3455584860Wed, 23 Feb 2011 09:00:00 +0700freebiesTwentytenfiveHTML5WordpressTheme<a href="http://www.webdesignerdepot.com/2011/01/50-awesome-css3-techniques-for-better-designs/">50+ Awesome CSS3 Techniques for Better Designs</a>: <p><a target="_blank" href="http://www.codeforest.net/recreating-tumblr%E2%80%99s-%E2%80%9Cupdating-%E2%80%9D-page-using-pure-css3-with-fallbacks-for-older-browsers"><img height="365" width="500" alt="Recreating Tumblrs Updating Screen with CSS3" src="http://netdna.webdesignerdepot.com/uploads/css_techniques/tumblr.jpg"/></a></p> <p><a href="http://www.webdesignerdepot.com/2011/01/50-awesome-css3-techniques-for-better-designs/" target="_blank">View More →</a></p>http://sittipong.tumblr.com/post/3441987088http://sittipong.tumblr.com/post/3441987088Tue, 22 Feb 2011 16:20:53 +0700<a href="http://www.webdesignerdepot.com/2009/05/100-really-creative-business-cards/">100 (Really) Creative Business Cards</a>: <p><a target="_blank" href="http://www.webdesignerdepot.com/2009/05/100-really-creative-business-cards/"><img src="http://netdna.webdesignerdepot.com/uploads/business_cards/40.jpg" alt="Jengeschachtel" width="500" height="365"/></a></p> <p><a target="_blank" href="http://www.webdesignerdepot.com/2009/05/100-really-creative-business-cards/">View More →</a></p>http://sittipong.tumblr.com/post/3326495073http://sittipong.tumblr.com/post/3326495073Wed, 16 Feb 2011 20:39:00 +0700Showcasebussiness cardWebdesigndepot<a href="http://www.webdesignerdepot.com/2011/02/the-8020-rule-applied-to-web-design/">The 80/20 Rule Applied to Web Design</a>: <p><img height="160" width="200" alt="80/20 Rule" src="http://netdna.webdesignerdepot.com/uploads/80_20_rule/thumb.jpg"/>Having recently started reading a little more on design principles, I came across an interesting principle called the<a href="http://en.wikipedia.org/wiki/Pareto_principle" target="_blank">80/20 Rule</a>, also referred to as the <em>Pareto Principle</em>,<em>Juran’s Principle</em>, the <em>Vital Few and Trivial Many Rule</em>, and the <em>Principle of Factor Sparsity</em>.</p> <p><a target="_blank" href="http://www.webdesignerdepot.com/2011/02/the-8020-rule-applied-to-web-design/">Rest of article →</a></p>http://sittipong.tumblr.com/post/3292887609http://sittipong.tumblr.com/post/3292887609Mon, 14 Feb 2011 23:22:00 +0700Web DesignArticleWebdesigndepot<a href="http://www.designdazzling.com/2011/01/showcase-of-30-inspiring-web-designs-of-japanese/">Showcase of 30 Inspiration Japanese Web Designs</a>: <p><a target="_blank" href="http://www.cdn-tera.co.jp/"><img height="352" width="500" alt="Tera Design" src="http://www.designdazzling.com/wp-content/uploads/2011/01/japan-web-design-17.jpg"/></a></p> <p><a target="_blank" href="http://www.designdazzling.com/2011/01/showcase-of-30-inspiring-web-designs-of-japanese/">View More →</a></p>http://sittipong.tumblr.com/post/3247778090http://sittipong.tumblr.com/post/3247778090Sat, 12 Feb 2011 13:40:00 +0700JapaneseShowcaseWeb DesignInspiration<a href="http://designshack.co.uk/articles/graphics/50-incredibly-clever-business-card-designs">50 Incredibly Clever Business Card Designs</a>: <p><a target="_blank" href="http://designshack.co.uk/articles/graphics/50-incredibly-clever-business-card-designs"><img src="http://designshack.co.uk/wp-content/uploads/clevercards-99.jpg" alt="50 Incredibly Clever Business Card Designs"/></a></p>http://sittipong.tumblr.com/post/3235988742http://sittipong.tumblr.com/post/3235988742Sat, 12 Feb 2011 00:46:00 +0700ShowcaseBussiness CardDesignPrint<a href="http://vandelaydesign.com/blog/galleries/ecommerce-websites/">50 Inspirational E-Commerce Website Designs</a>: <p><a target="_blank" href="http://vandelaydesign.com/blog/galleries/ecommerce-websites/"><img height="377" width="500" alt="Wunderbloc NEW YORK" src="http://farm6.static.flickr.com/5018/5430824848_83f6c28945.jpg"/></a></p>http://sittipong.tumblr.com/post/3197497895http://sittipong.tumblr.com/post/3197497895Wed, 09 Feb 2011 18:46:28 +0700VandelayDesignWeb DesignEcommerceShowcase<a href="http://www.youthedesigner.com/2008/10/13/top-30-car-website-designs-of-the-major-brands/">Top 30 Car Website Designs of the Major Brands</a>: <p><a target="_blank" href="http://www.youthedesigner.com/2008/10/13/top-30-car-website-designs-of-the-major-brands/"><img alt="Scion Car Website" height="295" width="500" src="http://www.youthedesigner.com/wp-content/uploads/2008/10/car-website-11.jpg"/></a></p>http://sittipong.tumblr.com/post/3193164304http://sittipong.tumblr.com/post/3193164304Wed, 09 Feb 2011 10:52:00 +0700ShowcaseWeb DesignCar<a href="http://fontfuse.webink.com/">FontFuse: Gallery of Font Pairings</a>: <p><a target="_blank" href="http://fontfuse.webink.com/"><img height="373" width="500" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2011/01/useful-web-services101.jpg"/></a></p>http://sittipong.tumblr.com/post/3190212322http://sittipong.tumblr.com/post/3190212322Wed, 09 Feb 2011 08:14:54 +0700smashingmagazineFontfusefont paring<a href="http://designm.ag/inspiration/30-beautifully-simple-websites/">30 Beautifully Simple Websites</a>: <p><a target="_blank" href="http://designm.ag/inspiration/30-beautifully-simple-websites/"><img height="368" width="500" src="http://designm.ag/wp-content/uploads/2011/01/143.jpg"/></a></p>http://sittipong.tumblr.com/post/3190099380http://sittipong.tumblr.com/post/3190099380Wed, 09 Feb 2011 08:08:49 +0700designm.agweb designshowcasebeautifulsimple<a href="http://tympanus.net/codrops/2010/11/01/pull-out-content-panel/">Pull Out Content Panel with jQuery</a>: <p><a target="_blank" href="http://tympanus.net/codrops/2010/11/01/pull-out-content-panel/"><img height="270" width="500" src="http://tympanus.net/codrops/wp-content/uploads/2010/11/PullOutContentPanel.jpg"/></a></p>http://sittipong.tumblr.com/post/3178568524http://sittipong.tumblr.com/post/3178568524Tue, 08 Feb 2011 15:13:04 +0700TympanusPull Out Content Panel with jQueryjQuery<a href="http://www.smashingmagazine.com/2009/01/27/css-typographic-tools-and-techniques/">Smashing Magazine 50 Useful Design Tools For Beautiful Web Typography</a>: <p><a target="_blank" href="http://www.smashingmagazine.com/2009/01/27/css-typographic-tools-and-techniques/"><img src="http://media.smashingmagazine.com/cdn_smash/images/css-typography-tools/type-22.gif" height="280" width="480"/></a></p>http://sittipong.tumblr.com/post/3079582953http://sittipong.tumblr.com/post/3079582953Thu, 03 Feb 2011 09:42:00 +0700smashingmagazineTypographyCSSWeb Design<a href="http://www.smashingmagazine.com/2011/01/31/desktop-wallpaper-calendar-february-2011/">Desktop Wallpaper Calendar: February 2011</a>: <p><a target="_blank" href="http://www.smashingmagazine.com/2011/01/31/desktop-wallpaper-calendar-february-2011/"><img height="312" width="500" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/uploader/images/wallpaper-calendar-february-11/blue_clutter__99.jpg"/></a></p>http://sittipong.tumblr.com/post/3033597004http://sittipong.tumblr.com/post/3033597004Tue, 01 Feb 2011 01:40:32 +0700smashingmagazineFreebiesWallpaper2011February<a href="http://designlovr.com/30-beautiful-and-free-fonts-you-can-use-with-font-face/">30 Beautiful and Free Fonts You Can Use with @font-face</a>: <p><a target="_blank" href="http://designlovr.com/30-beautiful-and-free-fonts-you-can-use-with-font-face/"><img src="http://designlovr.com/wp-content/uploads/2010/01/lead_image3.jpg" width="500" height="166" alt="30 Beautiful and Free Fonts You Can Use with @font-face"/></a></p>http://sittipong.tumblr.com/post/3007875588http://sittipong.tumblr.com/post/3007875588Sun, 30 Jan 2011 13:36:00 +0700FontFreebies@Font-Face<a href="http://www.webdesignerwall.com/tutorials/html5-grayscale-image-hover/">HTML5 Grayscale Image Hover</a>: <p><a target="_blank" href="http://www.webdesignerwall.com/tutorials/html5-grayscale-image-hover/"><img alt="HTML5 Grayscale Image Hover" height="323" width="470" src="http://www.webdesignerwall.com/wp-content/uploads/2011/01/grayscale-demo-screenshot.jpg"/></a></p>http://sittipong.tumblr.com/post/3007470804http://sittipong.tumblr.com/post/3007470804Sun, 30 Jan 2011 13:08:01 +0700Web DesignTutorialHTML5CSSJavascript