https://jp.techcrunch.com/2013/04/19/20130417a-day-with-glass-first-impressions-of-the-early-days-of-googles-latest-moonshot/
オンラインã§ã‚¯ãƒã‚¹ãƒ»ãƒ–ラウザテストãŒã§ãる「BrowserStackã€ã‚’試ã—ã¦ã¿ãŸ
エミュレータをインストールã—ãŸã‚Šã€ä»®æƒ³ç’°å¢ƒã‚’構築ã—ãŸã‚Šã¨ã€ãƒ–ラウザã®ãƒ†ã‚¹ãƒˆç’°å¢ƒã‚’æ•´ãˆã‚‹ã®ã¯ãªã«ã‹ã¨å¤§å¤‰ãªã®ã§ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“スã®ã€ŒBrowserStackã€ã‚’試ã—ã¦ã¿ã¾ã—ãŸã€‚1ユーザã§æ¯Žæœˆ19ドルã®æœ‰æ–™ã‚µãƒ¼ãƒ“スãªã‚“ã§ã™ãŒã€ã¾ãšã¯30分ã®ç„¡æ–™ä½“験を試ã—ã¦ã¿ã¾ã—ãŸã€‚モãƒã‚¤ãƒ«ãƒ»ãƒ–ラウザもテスト出æ¥ã‚‹ã¨ã„ã†ã“ã¨ã§æœŸå¾…ã—ãŸã®ã§ã™ãŒâ€¦ çµè«–ã‹ã‚‰è¨€ã£ã¦ã—ã¾ã†ã¨ テスト環境ã¾ã 構築ã—ã¦ã„ãªã„ã®ãªã‚‰ã€ã“ã†ã„ã†ã‚µãƒ¼ãƒ“スを使ã†ã®ã‚‚ã‚ã‚Šã§ã™ サクサク動ãæ„Ÿã˜ã§ã¯ãªã„ãŒã€è€ãˆã‚‰ã‚Œã‚‹ã‚¹ãƒ”ードã§ã™ IE6ã®æœ¬ç‰©ã‚’使ãˆã‚‹ã®ãŒå¬‰ã—ã„。 ãã‚Œã ã‘ã§ã€ã“ã®ã‚µãƒ¼ãƒ“スã«ãŠé‡‘払ã†ä¾¡å€¤ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ Mac OS Xã®è¤‡æ•°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä½¿ãˆã‚‹ã®ãŒå¬‰ã—ㄠモãƒã‚¤ãƒ«ç‰ˆã¯æœŸå¾…ã¯ãšã‚Œã§ã—ãŸã€‚ エミュレーターを使ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã ã‘ãªã®ã§ã€ã‚ã¾ã‚Šæ„味ãŒãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ 個人的ã«ã¯IE6ã‚„IE7ã§ã‚‚基本動作ã¯æ¤œè¨¼ã—ãŸã„ã®ã§ã€ä»®æƒ³ã®ã‚‚ã®
æ¼¢å—フリーフォントギャラリー
â€æ¼¢å—フリーフォントギャラリーâ€ã¨ã¯ æ¼¢å—フリーフォントギャラリーã¯ã€çš†æ§˜ã‹ã‚‰ã®ã”æŠ•ç¨¿æƒ…å ±ã‚’åŸºã«ã€ç„¡æ–™é…布ã•ã‚Œã¦ã„ã‚‹æ¼¢å—対応ã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚’åŽé›†ãƒ»ã¾ã¨ã‚ã¦ä¸€è¦§ã§ãã‚‹ã€ç„¡æ–™æ¼¢å—フォントã®å°‚門ギャラリーサイトã§ã™ã€‚ クリエイターã®çš†æ§˜ã®ä¸€åŠ©ã¨ãªã‚Œã°å¹¸ã„ã§ã™ã€‚
[CSS]border-radiusを使ã£ã¦ã€è§’丸ã§ã¯ãªãè½æ›¸ã風ã«ãƒœãƒ¼ãƒ€ãƒ¼ã‚’デザインã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
角丸を指定ã§ãã‚‹border-radiusã§ã€ãƒœãƒ¼ãƒ€ãƒ¼ã‚’è½æ›¸ã風ã«ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ 色ã«ã‚ˆã£ã¦ã¯ã€è›å…‰ãƒšãƒ³ã‚„çµµç†ã¿ãŸã„ã«ã‚‚ã§ãã¾ã™ã。 デモページ ※リンク切れ 実装ã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ HTML è¦ç´ ã¯divã ã‘ã€å…¥ã‚Œåもラッパーも必è¦ã‚ã‚Šã¾ã›ã‚“。 <body> <div> This is my paragraph. Like my border? This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border? </div> </body> CSS è½æ›¸ã風ã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’実ç¾ã—ã¦ã„ã‚‹ã®ã¯ã€border-radiusã§ã™ã€‚ スラッシュã§åŒºåˆ‡ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€æ°´å¹³
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}