イイ:モãƒã‚¤ãƒ«
2002 å¹´ 2 月ã«é–‹è¨ã—ã¾ã—ãŸã‚³ãƒ ギドットãƒãƒƒãƒˆã¯ã€2009 å¹´ 7 月ã«æ—¥æœ¬åˆã®Android端末 HT-03A ã®ç™ºå£²ã‚’æ©Ÿã« And... å供用ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã‚²ãƒ¼ãƒ ã ã‘を入れã¦ä½¿ã‚ã›ã¦ã„ãŸã®ã§ã™ãŒã€åºƒå‘Šã‚’タッãƒã—ã¦ã‚¢ãƒ—リをå‹æ‰‹ã«å…¥ã‚Œã¦ã—ã¾ã£ãŸã‚Šåºƒå‘Šãƒšãƒ¼ã‚¸ã‚’é–‹ã„ã¦ã—ã¾ã†ãªã©ã®...
ä¼çµ±çš„ãªæŸ“åž‹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’211種åŽéŒ²ã€œå¥½ããªè‰²ã§ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚’作æˆã§ãる『和ã®ã„ã‚・ã‹ãŸã¡ 日本ã®æŸ“åž‹ã€
『和ã®ã„ã‚・ã‹ãŸã¡ã€€æ—¥æœ¬ã®æŸ“åž‹ ã€ã¯ã€æ—¥æœ¬ã®ä¼çµ±çš„ãªã€ŒæŸ“åž‹ã€ã‚’閲覧ã—ã€å¥½ããªè‰²ã‚’ã¤ã‘ã¦ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ãƒ‘ターンを作æˆã€‚ å£ç´™ã‚„ãƒ‘ã‚¿ãƒ¼ãƒ³ç´ æã¨ã—ã¦ä½¿ç”¨ã§ãるアプリã§ã™ã€‚ 211種類もã®æŸ“åž‹ãŒåŽéŒ²ã•ã‚Œã€æ—¥æœ¬äººã®ç›®ã«ã€ãã—ã¦å¿ƒã«æŸ“ã¿ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å ªèƒ½ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®ã‚¢ãƒ—リã¯ã€æ›¸ç±ã€Žæ—¥æœ¬ã®æŸ“åž‹ ã€ã‚’å…ƒã«ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ メニュー画é¢ã§ã€ŒæŸ“åž‹ã«ã¤ã„ã¦ã€ã‚’é¸æŠžã™ã‚‹ã¨ã€æŸ“åž‹ã®ç¨®é¡žã¨åˆ†é¡žã€æ´å²ã‚„製法ã«ã¤ã„ã¦ã®èª¬æ˜Žã‚’èªã‚€ã“ã¨ãŒã§ãã¾ã™ã€‚ åŽéŒ²ã•ã‚Œã¦ã„る染型を観るã«ã¯ã€ã€ŒæŸ“åž‹ã®ä¸€è¦§ã€ã‚’タップã—ã¾ã™ã€‚ 「染型ã®ä¸€è¦§ã€ã§ã¯ã€åŽéŒ²ã•ã‚Œã¦ã„る染型全211種類ãŒã‚¿ã‚¤ãƒ«çŠ¶ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å³ä¸Šã®æ‹¡å¤§ã‚¢ã‚¤ã‚³ãƒ³ã‚’タップã™ã‚‹ã¨ã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§è¡¨ç¤ºã€‚フリック左å³ã«ãƒ•ãƒªãƒƒã‚¯ã—ã¦ã‚ãã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 一覧ã‹ã‚‰æŸ“åž‹ã‚’é¸ã¶ã¨ã€ç·¨é›†ãƒ¢ãƒ¼ãƒ‰ã«åˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒ¢ãƒ¼ãƒ‰ã§ã¯ã€æŸ“åž‹ã«è‡ªç”±ã«è‰²ã‚’付ã‘ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®æŸ“型を作æˆã™ã‚‹ã“ã¨ãŒã§
旧世代ã®ã‚³ãƒ¼ãƒ€ãƒ¼ãŒHTML5ã«è§¦ã‚Œå§‹ã‚ã¦æˆ¸æƒ‘ã£ãŸã“㨠- sakotsu inspire blog
ã“ã‚“ã«ã¡ã¯ã€‚元コーダーã®sakotsuã§ã™ã€‚ å‰å›žã«å¼•ã続ãã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ã‚µã‚¤ãƒˆã«ã¤ã„ã¦å¦ã³å§‹ã‚ãŸã®ã§ãã®é›‘æ„Ÿãªã©ã‚’備忘録ã¨ã—ã¦æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ 時間ãŒç„¡ã„人å‘ã‘ã«çµè«–ã‚’å…ˆã«æ›¸ã„ã¦ãŠãã¨ã€ 「誰ã よHTML5ã§Webã®ä¸–ç•ŒãŒæ¿€å¤‰ã™ã‚‹ã£ã¦è¨€ã£ã¦ãŸã‚„ã¤ã¯ã€ã€ã€ã§ã™ã€‚ 僕ã®å‹‰å¼·ä¸è¶³ã§ç”Ÿæ„気言ã£ã¦ã„ãŸã‚‰ã™ã¿ã¾ã›ã‚“ï¼ ã§ã‚‚ã€ã€ŒHTML5万æ³ï¼å¤¢ã®æŠ€è¡“万æ³ï¼ã€ãªã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒä¸¦ã¶ä¸ã§ã“ã†ã„ã†æ„見もã‚ã£ã¦ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ã¦æ›¸ã‹ã›ã¦é ‚ãã¾ã™ã€‚ 宜ã—ããŠé¡˜ã„致ã—ã¾ã™ã€‚ HTML5ã£ã¦ä½•ã§ã™ã‹ 僕ãŒæ•°å¹´å‰ã«ã‚³ãƒ¼ãƒ€ãƒ¼ã¨ã—ã¦åƒã„ã¦ã„ãŸé ƒã¯ã€HTML4/XHTMLã®æ™‚代ã§ã—ãŸã€‚ ãã‚Œã‹ã‚‰ä»Šã«è‡³ã‚Šã€ŒHTML5ãŒWebã®ä¸–ç•ŒãŒæ¿€å¤‰ã•ã›ã‚‹ï¼ã€ã¨ã„ã†è¨˜äº‹ã‚’見ã‹ã‘るよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 会社を辞ã‚ã¦ã‹ã‚‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«èˆˆå‘³ã‚’ç„¡ãã—Flasherã¨ã—ã¦ã‚„ã£ã¦ã„ãŸåƒ•ã¯ã€ä»Šæ›´ã«ãªã£ã¦ã€Œã„ã£ãŸã„何ãŒå§‹ã¾ã‚‹ã‚“ã§ã™ï¼Ÿï¼ž
アニメーションgifãªã‚‰ã¬ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³jpg/png – rettuce.blog
今日（2011/5/11）ã®googleãƒã‚´ã¯ãƒ€ãƒ³ã‚¹ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ãªã£ã¦ã¦ã€ ãã‚ŒãŒã¨ã¦ã‚‚ã‚レイã§ã‹ã£ã“ã„ã„アニメーションã ã£ãŸã®ã§ã€ 自分もアニメーション用ã®jsã‚’ã¡ã‚‡ã“ã£ã¨æ›¸ã„ã¦ã¿ãŸã€‚ 「Googleã€ã®6æ–‡å—ãŒè¸Šã‚‹â€•â€•ãƒžãƒ¼ã‚µãƒ»ã‚°ãƒ¬ã‚¢ãƒ ã•ã‚“生誕記念ã®ãƒ›ãƒªãƒ‡ãƒ¼ãƒã‚´ ã“ã®äººãŒãƒã‚´ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½œã£ã¦ãŸäººã€‚ ã»ã‚“ã¨ç´°éƒ¨ã¾ã§ã‚レイãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ã“ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚¿ãƒ¼ã®ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³æŠ€è¡“ã™ã£ã’ã‡ã€‚。 ã‚“ã§ã€googleãƒã‚´ã®ä¸èº«è¦‹ã¦ã¿ã‚‹ã¨ã€gifアニメã‹ã¨æ€ã„ãã‚„pngã®ãƒã‚¸ã‚·ãƒ§ãƒ³ã‚’ãšã‚‰ã™æ–¹æ³•ã‚’å–ã£ã¦ã¦ ã“ã‚ŒãŒãƒã‚¿ã°ã‚‰ã—ã®ä¸€æžšçµµã€‚ ãã†ã„ãˆã°ã€ä¸€æ˜¨æ—¥å…¬é–‹ã•ã‚ŒãŸã€thaã®FRAMED*ã®ãƒšãƒ¼ã‚¸ã§ã‚‚使ã‚ã‚Œã¦ãŸãªãã€ã“れ。ã¨æ€ã„〠普通ã«js書ã‘る人ã«ã¯ä¸€çž¬ã§ã§ãã‚‹ã ã‚ã†ã‹ã‚‰é–¢ä¿‚ãªã„ã‘ã©ã€ ã“ã®1æžšçµµã•ãˆä½œã‚Œã‚Œã°ã€èª°ã§ã‚‚アニメーションgifãªã‚‰ã¬ã€ アニメーションjpgã¨ã‹ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³pngã¤ãã‚Œ
[CSS]スマフォ対応サイトã®ãŸã‚ã«Media Queriesã‚’ã—ã£ã‹ã‚Šèº«ã«ã¤ã‘ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
iPhoneãªã©ã®å°ã•ã„サイズã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ã‚’ã¯ã˜ã‚ã€2560pxã®å¤§ãã„サイズã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ãªã©ã€ãã‚Œãžã‚Œã®å¹…ã«é©ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’自動的ã«é©ç”¨ã™ã‚‹Media Queriesã‚’ã—ã£ã‹ã‚Šã¨èº«ã«ã¤ã‘ã‚‹ãŸã‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ デモページã®ç¢ºèª HTML CSS Media Queries 完æˆã—ãŸãƒ‡ãƒ¢ã®ç¢ºèª デモページã®ç¢ºèª ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®å‰ã«ã¾ãšã€ãã‚ŒãŒã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„。 ã“ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯HTML5+CSS3 Media Queriesã§ä½œæˆã•ã‚Œã¦ãŠã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ç”¨ã—ã¦ã„るビューãƒãƒ¼ãƒˆã®ã‚µã‚¤ã‚ºã«é©ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«è‡ªå‹•èª¿æ•´ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ デモページ å·¦ã‹ã‚‰ã€ãƒŽãƒ¼ãƒžãƒ«ã€ãƒŠãƒã‚¦ã€ã‚¹
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}