home *** CD-ROM | disk | FTP | other *** search
/ theapplecollection.com / www.theapplecollection.com.tar / www.theapplecollection.com / get_url.php?counter=mikworks&link=http:%2F%2Fwww.mikworks.com%2F.orig < prev    next >
Text File  |  2010-10-11  |  13KB  |  308 lines
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  3.  
  4.  
  5.  
  6.  
  7. <head>
  8. <title>mikworks.com</title>
  9. <meta http-equiv="content-language" content="en" />
  10. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  11. <meta http-equiv="Content-Style-Type" content="text/css" />
  12. <meta http-equiv="Content-Script-Type" content="text/javascript" />
  13. <meta name="description" content="" />
  14. <meta name="keywords" content="macintosh, mac, osx, os, x, icon, icons, design, designer, freelance, graphic, visual, web, webdesign, interface, gui, ui, desktop, wallpaper, application, portfolio, japan, windows, vista, „ǧ„É≥„Çø„ɺ„Éï„Ç߄ǧ„Çπ, „Ç¢„ǧ„Ç≥„É≥, „Éá„Ç∂„ǧ„É≥, „Ç¢„Éó„É™„DZ„ɺ„Ç∑„Éß„É≥, „Éá„Ç∂„ǧ„Éä„ɺ" />
  15. <meta name="author" content="Mikio Inose" lang="en" xml:lang="en" />
  16. <meta name="copyright" content="1997-2007 (c) mikworks All rights reserved" />
  17. <meta name="verify-v1" content="itA3JBuPvTEs32QzcANzpUrhb5JzMY2HVHvrK2cfVA4=" />
  18. <link rel="start" href="http://mikworks.com/" title="Home" />
  19. <link rel="icon" type="image/x-icon" href="/img/favicon.ico" />
  20. <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" />
  21. <link rel="alternate" type="application/rss+xml" title="RSS" href="/xml/rss.xml" />
  22. <link rel="stylesheet" type="text/css" media="screen" href="/css/screen.css" />
  23. <link rel="stylesheet" type="text/css" media="print" href="/css/print.css" />
  24. <script type="text/javascript" src="/js/bsn.Crossfader.js"></script>
  25. </head>
  26.  
  27.  
  28.  
  29.  
  30. <body>
  31.  
  32.  
  33.  
  34.  
  35. <!-- ++++++++++++++++++ Header Start ++++++++++++++++++ -->
  36. <div id="wrapper_header">
  37. <div id="header">
  38. <div id="logo">
  39. <h1><a href="/" title="mikworks.com - The pixel work of Mikio Inose">mikworks.com - The pixel work of Mikio Inose</a></h1>
  40. </div>
  41. </div>
  42. </div>
  43. <!-- ++++++++++++++++++ Header End ++++++++++++++++++ -->
  44.  
  45.  
  46.  
  47.  
  48. <hr />
  49.  
  50.  
  51.  
  52.  
  53. <div id="wrapper_main">
  54. <!-- ++++++++++++++ Global Navigation Start ++++++++++++++ -->
  55. <div id="navi">
  56. <div id="navi_left">
  57. <ul>
  58. <li id="navi_home"><a href="/" title="mikworks.com | Home" class="selected">Home</a></li>
  59. <li id="navi_news"><a href="/news/" title="mikworks.com | News">News</a></li>
  60. <li id="navi_originalwork"><a href="/originalwork/" title="mikworks.com | Original Work">Original Work</a></li>
  61. <li id="navi_clientwork"><a href="/clientwork/" title="mikworks.com | Client Work">Client Work</a></li>
  62. <li id="navi_about"><a href="/about/" title="mikworks.com | About">About</a></li>
  63. <li id="navi_contact"><a href="/contact/" title="mikworks.com | Contact">Contact</a></li>
  64. </ul>
  65. </div>
  66.  
  67. <hr />
  68.  
  69. <div id="navi_right">
  70. <!--<ul>
  71. <li id="navi_en"><a href="/" title="mikworks.com | English" class="selected">English</a></li>
  72. <li id="navi_jp"><a href="/jp/" title="mikworks.com | Japanese">Japanese</a></li>
  73. </ul>-->
  74. </div>
  75. </div>
  76. <!-- ++++++++++++++ Global Navigation End ++++++++++++++ -->
  77.  
  78.  
  79.  
  80.  
  81. <hr />
  82.  
  83.  
  84.  
  85.  
  86. <!-- ++++++++++++++++ Banner Spot Start ++++++++++++++++ -->
  87. <div id="banner">
  88. <h2 id="recentproject">Recent Project</h2>
  89. <p><a href="/originalwork/meijitaisho/" title="mikworks.com | MEIJI TAISHO 1868-1926"><img src="/img/ban_meijitaisho_02.jpg" width="734" height="118" alt="MEIJI TAISHO 1868-1926" /></a></p>
  90. </div>
  91. <!-- ++++++++++++++++ Banner Spot End ++++++++++++++++ -->
  92.  
  93.  
  94.  
  95.  
  96. <hr />
  97.  
  98.  
  99.  
  100.  
  101. <div id="wrapper_content">
  102. <!-- ++++++++++++++++++ Content Start ++++++++++++++++++ -->
  103. <div id="content">
  104.  
  105. <div id="ban_welcome">
  106. <p><a href="/about/" title="mikworks.com | About"><img src="/img/ban_welcome.png" width="500" height="90" alt="Detail down to the last pixel" /></a></p>
  107. </div>
  108.  
  109. <div id="parthead" class="home">
  110. <div id="parthead_left">
  111. <h2 id="newshead">News from mikworks</h2>
  112. </div>
  113. <div id="parthead_right">
  114. <p id="rss"><a href="/xml/rss.xml" title="mikworks.com | RSS Feed">RSS Feed</a></p>
  115. </div>
  116. </div>
  117.  
  118. <div class="newsspot">
  119. <h3>February 28, 2009</h3>
  120. <h4><a href="http://mikworks.com/news/my_portfolio_just_has_moved/" title="mikworks.com | News - My portfolio was moved">My portfolio was moved</a></h4>
  121.  
  122. I have just launched my new website, <a href="http://mikioinose.com/">mikioinose.com</a>.
  123. So this website, mikworks.com, will function as an archive site of my work from now. Thank you for visiting to mikworks. If you are still interested in my work, please bookmark at <a href="http://mikioinose.com/">mikioinose.com</a>.
  124.  
  125.  
  126. </div>
  127.  
  128. <hr />
  129.  
  130. <div class="newsspot">
  131. <h3>May 07, 2008</h3>
  132. <h4><a href="http://mikworks.com/news/times_application_icon_design/" title="mikworks.com | News - Times Application Icon Design">Times Application Icon Design</a></h4>
  133.  
  134. <p class="ct"><a href="/clientwork/times/" title="mikworks.com | Times Application Icon Design"><img src="/img/pic_times.jpg" width="492" height="109" alt="Times Application Icon Design" /></a></p>
  135.  
  136. <p>A new entry has been added to the Client Work section. It's an application icon design for "<a href="http://www.acrylicapps.com/times/" title="acrylicapps.com | Times">Times</a>" by <a href="http://www.acrylicapps.com/" title="acrylicapps.com | Acrylic Software">Acrylic Software</a>. Times is a new type of newsreader for Mac OS X Leopard. The icon for Times is a semi-realistic 3D illustration designed to well match other Apple application icons. As well as the 512x512 pixel large icon, fine-tuned graphics were pursued in all sizes.</p>
  137.  
  138. <p class="comres">Comments (<a href="http://mikworks.com/news/times_application_icon_design/#comments" title="mikworks.com | Comments to this entry">7</a>)</p>
  139. </div>
  140.  
  141. <hr />
  142.  
  143. <div class="newsspot">
  144. <h3>May 07, 2008</h3>
  145. <h4><a href="http://mikworks.com/news/kazahana_tokyo_website/" title="mikworks.com | News - Kazahana Tokyo website">Kazahana Tokyo website</a></h4>
  146.  
  147. <p class="rt"><a href="/clientwork/kazahana/" title="mikworks.com | Kazahana Tokyo"><span style="width:161px;height:114px;display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://mikworks.com/img/pics_kazahana.png');"><img style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" src="http://mikworks.com/img/pics_kazahana.png" width="161" height="114" alt="Kazahana Tokyo" /></span></a></p>
  148.  
  149. <p>A new entry has been added to the Client Work section. Its a website design for Kazahana Tokyo. Kazahana Tokyo is an ecological flower shop & bar produced by world renowned landscape artist Kazuyuki Ishihara. I was involved in the creation of this website in so far as the designs, illustrations, and the photo direction were concerned.</p>
  150. <p></p>
  151. <p></p>
  152.  
  153.  
  154. <p class="comres">Comments (<a href="http://mikworks.com/news/kazahana_tokyo_website/#comments" title="mikworks.com | Comments to this entry">0</a>)</p>
  155. </div>
  156.  
  157. <hr />
  158.  
  159. <div class="newsspot">
  160. <h3>January 16, 2008</h3>
  161. <h4><a href="http://mikworks.com/news/doozla_icon_design/" title="mikworks.com | News - Doozla icon design">Doozla icon design</a></h4>
  162.  
  163. <p class="ct"><a href="/clientwork/doozla/" title="mikworks.com | Doozla icon design"><img src="/img/pics_doozla_03.jpg" width="492" height="109" alt="Doozla Icon Design" /></a></p>
  164.  
  165. <p>A new entry has been added to the Client Work section. It's icons and interface designs for "<a href="http://plasq.com/doozla/" title="plasq.com | Doozla">Doozla</a>" by <a href="http://plasq.com/" title="plasq.com | plasq">plasq</a>. Doozla is an easy-to-use drawing application for children. Icons of colorful and rounded shapes were designed for children with the concept of soft plastic toys.</p>
  166.  
  167. <p class="comres">Comments (<a href="http://mikworks.com/news/doozla_icon_design/#comments" title="mikworks.com | Comments to this entry">4</a>)</p>
  168. </div>
  169.  
  170. <hr />
  171.  
  172. <div class="newsspot">
  173. <h3>October 14, 2007</h3>
  174. <h4><a href="http://mikworks.com/news/motion_portrait_website/" title="mikworks.com | News - Motion Portrait website">Motion Portrait website</a></h4>
  175.  
  176. <p class="rt"><a href="/clientwork/motionportrait/" title="mikworks.com | Mortion Portrait"><span style="width:161px;height:114px;display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://mikworks.com/img/pics_mp.png');"><img style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" src="http://mikworks.com/img/pics_mp.png" width="161" height="114" alt="Mortion Portrait" /></span></a></p>
  177.  
  178. <p>A new entry has been added to the Client Work section. Its a website design for the middleware company Motion Portrait, Inc. Motion Portrait is a new technology that automatically generates 3D animation from a photograph. About ten pages were designed for the opening of the company. Pixel-by-pixel manual adjustment of graphic fonts for the global navigation, header and other graphic parts.  Especially, blurring of anti-alias fonts on the navigation menu using lightweight fonts is mostly removed.</p>
  179.  
  180. <p class="comres">Comments (<a href="http://mikworks.com/news/motion_portrait_website/#comments" title="mikworks.com | Comments to this entry">0</a>)</p>
  181. </div>
  182.  
  183. <hr />
  184.  
  185.  
  186. </div>
  187. <!-- ++++++++++++++++++ Content End ++++++++++++++++++ -->
  188.  
  189.  
  190.  
  191.  
  192. <hr />
  193.  
  194.  
  195.  
  196.  
  197. <!-- ++++++++++++++++++ Sidebar Start ++++++++++++++++++ -->
  198. <div id="sidebar">
  199.  
  200. <div class="bear">
  201. <div class="sidebar_spot">
  202. <h4>Pickup mikworks</h4>
  203.  
  204. <div class="cf_element" style="height:105px;">
  205. <div class="cf_element" id="cf1" style="width:197px; height:105px;">
  206. <p><a href="/originalwork/edo/" title="mikworks.com | EDO 1603-1867"><img src="/img/feat_edo_w.jpg" width="191" height="52" alt="EDO 1603-1867" /></a></p>
  207. <h5>EDO 1603-1867</h5>
  208. <p>The icon set which reproduced Japanese tools in Edo era.</p>
  209. </div>
  210.  
  211. <div class="cf_element" id="cf2" style="width:197px; height:105px;">
  212. <p><a href="/originalwork/mw/" title="mikworks.com | mw"><img src="/img/feat_mw_w.jpg" width="191" height="52" alt="mw icons" class="wimg" /></a></p>
  213. <h5>mw</h5>
  214. <p>A simple folder icon set with flat shapes and matte surfaces.</p>
  215. </div>
  216.  
  217. <div class="cf_element" id="cf3" style="width:197px; height:105px;">
  218. <p><a href="/originalwork/meijitaisho/" title="mikworks.com | MEIJI TAISHO 1868-1926"><img src="/img/feat_meijitaisho_w.jpg" width="191" height="52" alt="MEIJI TAISHO 1868-1926" /></a></p>
  219. <h5>MEIJI TAISHO 1868-1926</h5>
  220. <p>A Mixed-Media project that combined Web contents to desktop media.</p>
  221. </div>
  222.  
  223. <script type="text/javascript">
  224. var cf = new Crossfader( new Array('cf1','cf2','cf3'), 1500, 5500 );
  225. </script>
  226. </div>
  227.  
  228. <div class="spot_pick">
  229. <p class="flt"><a href="/clientwork/doozla/" title="mikworks.com | Doozla"><img src="/img/feat_doozla.jpg" width="52" height="52" alt="Doozla" /></a></p>
  230. <h5>Doozla</h5>
  231. <p>Icon design for a unique drawing application for Mac OS X.</p></div>
  232.  
  233. <div class="spot_pick">
  234. <p class="flt"><a href="/originalwork/desktops/" title="mikworks.com | Desktops"><img src="/img/feat_desktops.jpg" width="52" height="52" alt="Desktops" /></a></p>
  235. <h5>Desktops</h5><p>
  236. Desktop supplies icon set.</p></div>
  237.  
  238. <div class="spot_pick">
  239. <p class="flt"><a href="/originalwork/seigaiha/" title="mikworks.com | Seigaiha"><img src="/img/feat_seigaiha.jpg" width="52" height="52" alt="Seigaiha" /></a></p>
  240. <h5>Seigaiha</h5>
  241. <p>The desktop of a Japanese traditional pattern with modern approach.</p></div>
  242.  
  243. </div>
  244. </div>
  245.  
  246. <hr />
  247.  
  248. <div class="bear">
  249. <div class="sidebar_spotb">
  250. <h4>Recent Comments</h4>
  251. <ul>
  252. <li id="comments2"><a href="http://mikworks.com/originalwork/seigaiha/#comments" title="mikworks.com | Comment from Cheishire">Cheishire</a></li>
  253. <li id="comments2"><a href="http://mikworks.com/originalwork/edo/#comments" title="mikworks.com | Comment from Albert">Albert</a></li>
  254. <li id="comments2"><a href="http://mikworks.com/originalwork/edo/#comments" title="mikworks.com | Comment from verdiinpink">verdiinpink</a></li>
  255. <li id="comments2"><a href="http://mikworks.com/originalwork/apples/#comments" title="mikworks.com | Comment from NGI_a">NGI_a</a></li>
  256.  
  257. </ul>
  258. </div>
  259. </div>
  260.  
  261. <hr />
  262.  
  263. <div class="bear">
  264. <div class="sidebar_spotb">
  265. <h4 class="flickr">My <em>flick</em><span>r</span> photostream</h4>
  266. <script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=7667929%40N06&count=6&display=latest&name=0&size=square&raw=1"></script>
  267. </div>
  268. </div>
  269.  
  270. <hr />
  271.  
  272. <div class="bear">
  273. <div class="sidebar_spotb">
  274. <h4>Post to your bookmarks</h4>
  275. <ul>
  276. <li id="postdel"><a href="http://del.icio.us/post" onclick="window.open('http://del.icio.us/post?v=4&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=700,height=400'); return false;" title="del.icio.us | Save This Page">del.icio.us</a></li>
  277. </ul>
  278. </div>
  279. </div>
  280.  
  281. </div>
  282. <!-- ++++++++++++++++++ Sidebar End ++++++++++++++++++ -->
  283. </div>
  284. </div>
  285.  
  286.  
  287.  
  288.  
  289. <hr />
  290.  
  291.  
  292.  
  293.  
  294. <!-- +++++++++++++++++++ Footer Start ++++++++++++++++++ -->
  295. <div id="wrapper_footer">
  296. <div id="footer">
  297. <p>Copyright © 1997-2007 <a href="http://mikworks.com/" title="mikworks">Mikio Inose</a> All Rights Reserved.</p>
  298. <p class="valid"><a href="/xml/rss.xml" title="mikworks.com | RSS Feed">RSS Feed</a> | <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fmikworks.com%2F" title="w3.org | Validate to this site">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://mikworks.com/css/master.css" title="w3.org | Validate CSS">CSS</a> | <a href="http://www.sixapart.jp/movabletype/" title="sixapart.jp | MovableType">MovableType</a></p>
  299. </div>
  300. </div>
  301. <!-- +++++++++++++++++++ Footer End ++++++++++++++++++ -->
  302.  
  303.  
  304.  
  305.  
  306. </body>
  307. </html>
  308.