Blog / Daniel's 개인저장소2012-02-22T18:07:29-06:00http://www.webmake.ca/index.php?mid=blog&act=atomXpressEngine나의 사이트에서 쓰고 있는 Typographyhttp://www.webmake.ca/20282010-09-26T01:13:10-05:002010-10-20T06:37:47-05:00Daniel<div class="xe_content"><p class="netcite_info1">Your info message goes here!</p>
<p class="netcite_tips1">Your tips goes here!</p>
<p class="netcite_warning1">Your warning message goes here!</p>
<p class="netcite_info2">Your info message goes here!</p>
<p class="netcite_tips2">Your tips goes here!</p>
<p class="netcite_warning2">Your warning message goes here!</p>
<p class="netcite_info3">Your info message goes here!</p>
<p class="netcite_tips3">Your tips goes here!</p>
<p class="netcite_warning3">Your warning message goes here!</p>
<p class="netcite_info4">Your info message goes here!</p>
<p class="netcite_tips4">Your tips goes here!</p>
<p class="netcite_warning4">Your warning message goes here!</p>
<p class="netcite_audio">Your audio message goes here!</p>
<p class="netcite_webcam">Your webcam goes here!</p>
<p class="netcite_email">Your email message goes here!</p>
<p class="netcite_creditcard">Your creditcart message goes here!</p>
<p class="netcite_feed">Your feed goes here!</p>
<p class="netcite_help">Your help message goes here!</p>
<p class="netcite_images">Your images message goes here!</p>
<p class="netcite_lock">Your webcam goes here!</p>
<p class="netcite_printer">Your printer message goes here!</p>
<p class="netcite_report">Your report message goes here!</p>
<p class="netcite_script">Your script goes here!</p>
<p class="netcite_time">Your time message goes here!</p>
<p class="netcite_user">Your user message goes here!</p>
<p class="netcite_world">Your world goes here!</p>
<p class="netcite_cart">Your cart message goes here!</p>
<p class="netcite_cd">Your cd message goes here!</p>
<p class="netcite_chart_bar">Your chart_bar goes here!</p>
<p class="netcite_chart_line">Your chart_line message goes here!</p>
<p class="netcite_chart_pie">Your chart_pie message goes here!</p>
<p class="netcite_clock">Your clock goes here!</p>
<p class="netcite_cog">Your cog message goes here!</p>
<p class="netcite_coins">Your coins message goes here!</p>
<p class="netcite_compress">Your compress goes here!</p>
<p class="netcite_computer">Your computer message goes here!</p>
<p class="netcite_cross">Your cross message goes here!</p>
<p class="netcite_disk">Your disk goes here!</p>
<p class="netcite_error">Your error message goes here!</p>
<p class="netcite_exclamation">Your exclamation message goes here!</p>
<p class="netcite_film">Your film goes here!</p>
<p class="netcite_folder">Your folder message goes here!</p>
<p class="netcite_group">Your group message goes here!</p>
<p class="netcite_heart">Your heart goes here!</p>
<p class="netcite_house">Your house message goes here!</p>
<p class="netcite_image">Your image message goes here!</p>
<p class="netcite_information">Your information message goes here!</p>
<p class="netcite_magnifier">Your magnifier message goes here!</p>
<p class="netcite_money">Your money goes here!</p>
<p class="netcite_new">Your new message goes here!</p>
<p class="netcite_note">Your note message goes here!</p>
<p class="netcite_page">Your page goes here!</p>
<p class="netcite_page_white">Your page_white message goes here!</p>
<p class="netcite_plugin">Your plugin message goes here!</p>
<p class="netcite_accept">Your accept goes here!</p>
<p class="netcite_add">Your add message goes here!</p>
<p class="netcite_camera">Your camera message goes here!</p>
<p class="netcite_brick">Your brick goes here!</p>
<p class="netcite_box">Your box message goes here!</p>
<p class="netcite_calendar">Your calendar message goes here!</p>
<span class="netcite_highlight-1">Your highlight phrase goes here!</span><br />
<span class="netcite_highlight-2">Your highlight phrase goes here!</span><br />
<span class="netcite_highlight-3">Your highlight phrase goes here!</span><br />
<span class="netcite_highlight-4">Your highlight phrase goes here!</span><br /><br />
Use <pre> or <div class="netcite_code1"><br /><div class="netcite_code1">#wrapper {<br /> position: relative;<br /> float: left;<br /> display: block;<br />}</div>
Use <pre> or <div class="netcite_code2"><br /><div class="netcite_code2">#wrapper {<br /> position: relative;<br /> float: left;<br /> display: block;<br />}</div>
Use <pre> or <div class="netcite_code3"><br /><br /><div class="netcite_code3"><h4>Code</h4>#wrapper {<br /> position: relative;<br /> float: left;<br /> display: block;<br />}</div>
<ul class="netcite_bullet1"><li>Element 1</li><li>Element 2</li><li>Element 3</li></ul><br />
<ul class="netcite_bullet2"><li>Element 1</li><li>Element 2</li><li>Element 3</li></ul><br />
<ul class="netcite_bullet3"><li>Element 1</li><li>Element 2</li><li>Element 3</li></ul><br />
<ul class="netcite_bullet4"><li>Element 1</li><li>Element 2</li><li>Element 3</li></ul><br />
<ul class="netcite_circle1"><li>Element 1</li><li>Element 2</li><li>Element 3</li></ul><br />
<ul class="netcite_circle2"><li>Element 1</li><li>Element 2</li><li>Element 3</li></ul><br />
<ul class="netcite_square1"><li>Element 1</li><li>Element 2</li><li>Element 3</li></ul><br />
<ul class="netcite_square2"><li>Element 1</li><li>Element 2</li><li>Element 3</li></ul><br />
<ul class="netcite_square3"><li>Element 1</li><li>Element 2</li><li>Element 3</li></ul><br />
<ol class="netcite_roman"><li>Element1</li><li>Element2</li><li>Element3</li><li>Element4</li></ol>
<ol class="netcite_dec"><li>Element1</li><li>Element2</li><li>Element3</li><li>Element4</li></ol>
<ol class="netcite_alpha"><li>Element1</li><li>Element2</li><li>Element3</li><li>Element4</li></ol>
<ol class="netcite_decimalLeadingZero"><li>Element1</li><li>Element2</li><li>Element3</li><li>Element4</li></ol>
<br /><div class="netcite_number1"><p><span>01</span>Element1</p><br /><p><span>02</span>Element2</p></div>
<br /><div class="netcite_number2"><p><span>01</span>Element1</p><br /><p><span>02</span>Element2</p></div><br />
This is a sample of an abbreviation <abbr title="Doctor">Dr</abbr>.<br />
This is a sample of an acronym <acronym title="North Atlantic Treaty Organization">NATO</acronym>.
<br /><br />
<dl class="netcite_def1"><dt>Butter</dt><dd>it is a dairy product made by churning fresh or fermented cream or milk. It is generally used as a spread and a condiment, as well as in cooking applications such as baking, sauce making, and frying. Butter consists of butterfat, water and milk proteins.</dd></dl>
<dl class="netcite_def1"><dt>Dairy milk</dt><dd>is an opaque white liquid produced by the mammary glands of mammals (including monotremes). It provides the primary source of nutrition for newborn mammals before they are able to digest other types of food.</dd></dl>
<br />
<dl class="netcite_def2"><dt>Butter</dt><dd>it is a dairy product made by churning fresh or fermented cream or milk. It is generally used as a spread and a condiment, as well as in cooking applications such as baking, sauce making, and frying. Butter consists of butterfat, water and milk proteins.</dd></dl>
<dl class="netcite_def2"><dt>Dairy milk</dt><dd>is an opaque white liquid produced by the mammary glands of mammals (including monotremes). It provides the primary source of nutrition for newborn mammals before they are able to digest other types of food.</dd></dl>
<br />
<dl class="netcite_def3"><dt>Butter</dt><dd>it is a dairy product made by churning fresh or fermented cream or milk. It is generally used as a spread and a condiment, as well as in cooking applications such as baking, sauce making, and frying. Butter consists of butterfat, water and milk proteins.</dd></dl>
<dl class="netcite_def3"><dt>Dairy milk</dt><dd>is an opaque white liquid produced by the mammary glands of mammals (including monotremes). It provides the primary source of nutrition for newborn mammals before they are able to digest other types of food.</dd></dl>
<div class="netcite_legend1"><h4>Legend 1</h4><p>This is a sample legend note. Use <div class="netcite_legend1"><h4>Legend</h4><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p></div>.</p></div>
<div class="netcite_legend2"><h4>Legend 2</h4><p>This is a sample legend note. Use <div class="netcite_legend1"><h4>Legend</h4><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p></div>.</p></div>
<div class="netcite_legend3"><h4>Legend 3</h4><p>This is a sample legend note. Use <div class="netcite_legend1"><h4>Legend</h4><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p></div>.</p></div>
<div class="netcite_legend4"><h4>Legend 4</h4><p>This is a sample legend note. Use <div class="netcite_legend1"><h4>Legend</h4><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p></div>.</p></div>
<div class="netcite_legend5"><h4>Legend 5</h4><p>This is a sample legend note. Use <div class="netcite_legend1"><h4>Legend</h4><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p></div>.</p></div>
<div class="netcite_legend6"><h4>Legend 6</h4><p>This is a sample legend note. Use <div class="netcite_legend1"><h4>Legend</h4><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p></div>.</p></div>
<p><span class="netcite_Dropcap1">T</span>This is a sample text with Dropcap. Use <p><span class="netcite_Dropcap1">T</span> to make the first letter larger. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend. Vivamus ullamcorper est id libero aliquam ullamcorper. Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut..</p>.</p>
<br />
<p class="netcite_Dropcap2"><span class="netcite_Dropcap2">T</span>This is a sample text with Dropcap. Use <p class="netcite_Dropcap2"><span class="netcite_Dropcap2">T</span> to make the first letter larger. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend. Vivamus ullamcorper est id libero aliquam ullamcorper. Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut..</p>.</p>
<br />
<p class="netcite_Dropcap3"><span class="netcite_Dropcap3">T</span>This is a sample text with Dropcap. Use <p class="netcite_Dropcap3"><span class="netcite_Dropcap3">T</span> to make the first letter larger. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend. Vivamus ullamcorper est id libero aliquam ullamcorper. Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut..</p>.</p>
<br />
<p><span style="font-weight: bold;"><p>Here goes main part of the text<span class="netcite_blockTextLeft">Block of text</span>rest of the text</p></span> - <span class="netcite_blockTextLeft">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut. Morbi cursus est vel velit hendrerit dictum.</p>
<br />
<p><span style="font-weight: bold;"><p>Here goes main part of the text<span class="netcite_blockTextRight">Block of text</span>rest of the text</p></span> - <span class="netcite_blockTextRight">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut. Morbi cursus est vel velit hendrerit dictum.</p>
<br />
<p><span style="font-weight: bold;"><p>Here goes main part of the text<span class="netcite_blockTextCenter">Block of text</span>rest of the text</p></span> - <span class="netcite_blockTextCenter">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut. Morbi cursus est vel velit hendrerit dictum.</p>
<br />
<p><span class="netcite_clear">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span></p>
<br />
<p><span class="netcite_clear-1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span></p>
<br />
<p><span class="netcite_clear-2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span></p>
<br />
<p><span class="netcite_color">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span></p>
<br />
<p><span class="netcite_color-1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span></p>
<br />
<p><span class="netcite_color-2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span></p>
<br />
<p><span class="netcite_color-3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span></p>
<br />
<p><span class="netcite_color-4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span></p>
<br />
<p><span class="netcite_color-5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span></p>
<br />
<p><span class="netcite_color-6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span></p>
<br />
<p><span class="netcite_color-7">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span></p>
<blockquote><div class="netcite_blockquote1"><div><blockquote><div class="netcite_blockquote1"><div>Your quoted text goes here!</div></div></blockquote></div></div></blockquote>
<blockquote><div class="netcite_blockquote2"><div><blockquote><div class="netcite_blockquote2"><div>Your quoted text goes here!</div></div></blockquote></div></div></blockquote>
<blockquote><div class="netcite_blockquote3"><div><blockquote><div class="netcite_blockquote3"><div>Your quoted text goes here!</div></div></blockquote></div></div></blockquote>
<blockquote><div class="netcite_blockquote4"><div><blockquote><div class="netcite_blockquote4"><div>Your quoted text goes here!</div></div></blockquote></div></div></blockquote></div>슬라이딩 웹진 위젯스킨http://www.webmake.ca/16362010-08-25T10:21:44-05:002010-08-25T22:16:27-05:00Daniel<div class="xe_content"><p>새로운 위젯스킨을 만들어 보았다.</p><p>예전에 만들었던 위젯스킨을 수정하다 이런 위젯스킨을 만들면 어떨까 하고 만들어 보았는데 나쁘지 않은것 같다.</p><p>콘셉은 간단하다.</p><p>이미지가 보여지고 마우스를 이미지위에 올리면 자동으로 슬라이딩 되어 이미지는 사라지고 이미지 뒤에 있던 제목, 날짜, 글쓴이, 간단한 내용이 보여지는 형식이다.<br />만들어 놓은 위젯스킨들을 천천히 블로그에 글로 남겨 놓아야겠다.</p></div>Dance Writer와 Wordlehttp://www.webmake.ca/7902010-07-27T21:33:46-05:002010-07-29T03:17:01-05:00Daniel<div class="xe_content"><a style="font-weight: bold;" target="_blank" href="389">웹폰트 적용에 도움이 되는 사이트 모음</a>이라는 글을 적다가 글의 컨셉과 맞지 않는것 같아서 남게된 두군데 사이트이나 흥미로운 컨셉의 서비스를 한다는 생각이 들고 또 그냥 묻혀두기에는 아까운것 같아서 이곳에 소개한다.<br /><br />DanceWriter는 하단에 보이는 알파벳을 누르면 사람이 그 알파벳 모양을 흉내내어 보여준다.<br />별거 아닐수도 있으나 그래도 재미있는 아이디어가 녹아있는 사이트 같다.<br /><br />Wordle는 올리는 글들을 collage형태로 바꾸어 주는 사이트이다.<br />단점은 collage로 바꾼후 이미지로 저장할수 없다는 것인데 그래도 pdf로는 저장할수 있기 때문에 가끔식 사용한다.<br /><br />
http://www.typotheque.com/type_utilities/dancewriter<br />
<div style="text-align: center;"><img src="http://lh6.ggpht.com/__mX2cx16ESc/TFEp37xpaoI/AAAAAAAAAJU/MWiXXqJkKYE/typotheque.png" alt="DanceWriter" title="DanceWriter" class="iePngFix" width="600" height="668" style=" margin:10px;" /></div><br />
http://www.wordle.net/<br />
<div style="text-align: center;"><img src="http://lh6.ggpht.com/__mX2cx16ESc/TFEp36kJP3I/AAAAAAAAAJY/XhetUiglWfs/wordlez.png" alt="Wordle" title="Wordle" class="iePngFix" width="600" height="640" style=" margin:10px;" /></div></div>애플에서 제공한 경쟁 스마트폰들과 아이폰의 데스그립(Death Grip) 테스트http://www.webmake.ca/6762010-07-26T20:52:31-05:002010-07-30T00:30:55-05:00Daniel<div class="xe_content">Apple - Smartphone Antenna Performance - <b>BlackBerry Bold 9700</b><br />
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/ZAE2n3MB17s&hl=ko_KR&fs=1"/><param name="allowFullScreen" value="true"/><param name="allowscriptaccess" value="always"/><embed src="http://www.youtube.com/v/ZAE2n3MB17s&hl=ko_KR&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"/></object>
Apple - Smartphone Antenna Performance - <b>HTC Droid Eris</b><br />
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/Ufk6HX7Mkd0&hl=ko_KR&fs=1"/><param name="allowFullScreen" value="true"/><param name="allowscriptaccess" value="always"/><embed src="http://www.youtube.com/v/Ufk6HX7Mkd0&hl=ko_KR&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"/></object>
Apple - Smartphone Antenna Performance - <b>Motorola Droid X</b><br />
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/YJG7pbSRvJ8&hl=ko_KR&fs=1"/><param name="allowFullScreen" value="true"/><param name="allowscriptaccess" value="always"/><embed src="http://www.youtube.com/v/YJG7pbSRvJ8&hl=ko_KR&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"/></object>
Apple - Smartphone Antenna Performance - <b>Nokia N97 mini</b><br />
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/-b-aoZNv-q0&hl=ko_KR&fs=1"/><param name="allowFullScreen" value="true"/><param name="allowscriptaccess" value="always"/><embed src="http://www.youtube.com/v/-b-aoZNv-q0&hl=ko_KR&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"/></object>
Apple - Smartphone Antenna Performance - <b>Samsung Omnia II</b><br />
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/XuoS1XqUyRw&hl=ko_KR&fs=1"/><param name="allowFullScreen" value="true"/><param name="allowscriptaccess" value="always"/><embed src="http://www.youtube.com/v/XuoS1XqUyRw&hl=ko_KR&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"/></object>
Apple - Smartphone Antenna Performance - <b>iPhone 3GS</b><br />
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/4ml35y0wEIY&hl=ko_KR&fs=1"/><param name="allowFullScreen" value="true"/><param name="allowscriptaccess" value="always"/><embed src="http://www.youtube.com/v/4ml35y0wEIY&hl=ko_KR&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"/></object>
Apple - Smartphone Antenna Performance - <b>iPhone 4</b><br />
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/anbD8HCRKGA&hl=ko_KR&fs=1"/><param name="allowFullScreen" value="true"/><param name="allowscriptaccess" value="always"/><embed src="http://www.youtube.com/v/anbD8HCRKGA&hl=ko_KR&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"/></object></div>iPhone 4 Antenna Performance by Applehttp://www.webmake.ca/6152010-07-26T03:51:46-05:002010-07-30T00:38:38-05:00Daniel<div class="xe_content"><span style="font-weight: bold;"><a href="http://www.apple.com/antenna/" target="_blank">iPhone 4 Antenna Performance by Apple (영문사이트)</a></span><br />
<img src="http://img130.imageshack.us/img130/5346/20100726031514.png" alt="iPhone 4 Antenna Performance by Apple (영문사이트)" title="iPhone 4 Antenna Performance by Apple (영문사이트)" class="iePngFix" width="599" height="3337" style="" /><br />
<span style="font-weight: bold;"><a href="http://www.apple.com/kr/antenna/" target="_blank">iPhone 4 Antenna Performance by Apple (한글사이트)</a></span><br />
<img src="http://img3.imageshack.us/img3/3231/20100726031904.png" alt="iPhone 4 Antenna Performance by Apple (한글사이트)" title="iPhone 4 Antenna Performance by Apple (한글사이트)" class="iePngFix" width="599" height="2546" style="" /></div>WebDesign Reference Siteshttp://www.webmake.ca/5432010-07-23T22:44:04-05:002010-07-24T14:47:18-05:00Daniel<div class="xe_content"><div><div>w3schools</div><div>http://www.w3schools.com/</div></div><div><br /></div><div>HTML 4와 HTML 5의 차이점</div><div>http://channy.creation.net/project/html5/html4-differences/</div><div><br /></div><div>CSS Mobile Profile 2.0 살펴보기</div><div>http://html.nhndesign.com/1822</div><div><br /></div><div>CSS Guidelines</div><div>http://html.nhndesign.com/guidelines/css/</div><div><br /></div><div>유니버설 디자인을 위한 실전 UI(HTML/CSS)개발 가이드</div><div>http://naradesign.net/open_content/lecture/wp/</div><div><br /></div><div>CSS 스타일시트 참조</div><div>http://msdn.microsoft.com/ko-kr/library/ee371223(v=Expression.30).aspx</div><div><br /></div><div>Dreamweaver CS4 사용</div><div>CSS를 사용하여 페이지 만들기</div><div>http://help.adobe.com/ko_KR/Dreamweaver/10.0_Using/WScbb6b82af5544594822510a94ae8d65-7e32a.html</div></div>게시판 내용안에 탭기능과 이미지 자동삽입 구현http://www.webmake.ca/4392010-07-21T07:29:05-05:002010-07-22T13:14:04-05:00Daniel<div class="xe_content"><ul><li>바로 위 이미지들은 업로드시 자동으로 삽입되도록 게시판을 수정한것이다. 높이는 100xp로 고정했다.</li><li>글을 쓰다가 내용이 너무 길어지거나 내용을 분리하고 싶을때 써먹으려고 문서서식을 수정해서 만들었다.<br />물론 anchor로 구현해도 나쁘진 않지만 탭형태가 디자인적으로 예쁘다는 개인적인 취향으로 말미암아 만들어본 예이다.<br />나는 일단 무엇을 만들던 만들기에 앞서 몇가지 규칙을 정했다.<br />그중 가장 중요한 규칙이 core는 건들지 않는것이다. 어쩔수 없는 몇가지만 빼놓고.:)<br />왜? 업데트때 짜증나니까.^^</li></ul><br />
<!-- Start -->
<div id="boardTab">
<!-- Content -->
<div id="boardContent">
<!-- boardTabs -->
<div class="boardTabs">
<ul>
<li><a href="#" class="active"><span>첫번째 탭</span></a></li>
<li><a href="#"><span>두번째 탭</span></a></li>
<li><a href="#"><span>세번째 탭</span></a></li>
<li><a href="#"><span>네번째 탭</span></a></li>
</ul>
</div>
<!-- boardTabs -->
<!-- Container -->
<div id="board_container">
<div class="boardTabbed">
<!-- First Tab Content -->
<div class="boardTabs-content" style="display: block;">
<div class="html"><span class="ToggleButton">이것은 첫번째 탭이다.</span></div>자동 높이 조절이 되기에 아주 많이 편하다.<br /><div style="text-align: center;"><img src="http://www.webmake.ca/files/attach/images/79/439/3D%20Art_02.jpg" alt="3D Art 2" title="3D Art 2" width="400" height="379" style=" margin:10px;" /></div><br />
</div>
<!-- End First Tab Content -->
<!-- Second Tab Content -->
<div class="boardTabs-content">
<p>이것은 두번째 탭이다.<br />최소높이는 200px으로 지정해 놓았다.<br /></p><br /><div style="text-align: center;"><img src="http://www.webmake.ca/files/attach/images/79/439/3D%20Art_02.jpg" alt="3D Art 2" title="3D Art 2" width="400" height="379" style=" margin:10px;" /></div><br />
</div>
<!-- End Second Tab Content -->
<!-- Third Tab Content -->
<div class="boardTabs-content">
<p>이것은 세번째 탭이다.<br />IE6, IE7, IE8, Firefox, Chrome, Opera 등에서 테스트 완료 !!~~</p><br /><div style="text-align: center;"><img src="http://www.webmake.ca/files/attach/images/79/439/3D%20Art_03.jpg" alt="3D Art 3" title="3D Art 3" width="400" height="379" style=" margin:10px;" /></div><br />
</div>
<!-- End Third Tab Content -->
<!-- Forth Tab Content -->
<div class="boardTabs-content">
<p>이것은 네번째 탭이다.</p><p>자동 높이 조절이 되는지 이미지 하나 더 ~~<br /></p><br /><div style="text-align: center;"><img src="http://www.webmake.ca/files/attach/images/79/439/3D%20Art_05.jpg" alt="3D Art 4" title="3D Art 4" width="400" height="379" style=" margin:10px;" /><img src="http://www.webmake.ca/files/attach/images/79/439/3D%20Art_06.jpg" alt="3D Art 5" title="3D Art 5" width="400" height="379" style=" margin:10px;" /></div><br />
</div>
<!-- End Forth Tab Content -->
</div>
</div>
<!-- End Container -->
</div>
<!-- End Content -->
</div>
<!-- End --></div>새로운 시작http://www.webmake.ca/2772010-07-19T09:00:34-05:002010-07-20T16:02:12-05:00Daniel<div class="xe_content"><p>개인적으로 필요한 팁을 모으고 자료를 모으고 공부하기 위해, 기록하기 위해 만든 사이트이기에 다른때보다 애정을 가지고 사이트를 가꿔나가려 하지만 나의 귀찮니즘이 방해를 하진 않을지 걱정이 앞선다.<span class="Apple-style-span" style="line-height: 19px; font-family: AppleGothic,'Malgun Ghothic','맑은 고딕',Dotum,돋움,Tahoma,sans-serif;"><br /><p style="margin: 0px; line-height: 16px; text-align: justify;"></p></span></p></div>