スマホサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆã‚‹ã¨ãã«å‚考ã«ãªã‚Šãã†ãªã‚µã‚¤ãƒˆã‚’10サイトã”紹介ã—ã¾ã™ã€‚ã©ã‚Œã‚‚å‚考ã«ãªã‚Šã¾ã™ã‚ˆãƒ¼ï¼
![センス良ã—ï¼ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆ10é¸\ - U-NOTE[ユーノート] - 仕事を楽ã—ãã€æ¯Žæ—¥ã‚’ã‹ã£ã“良ã。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/44431ef804130f3a0dd6b23915b35bd367a44002/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47492699.jpg)
センス良ã—ï¼ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆ10é¸\ - U-NOTE[ユーノート] - 仕事を楽ã—ãã€æ¯Žæ—¥ã‚’ã‹ã£ã“良ã。 -
スマホサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆã‚‹ã¨ãã«å‚考ã«ãªã‚Šãã†ãªã‚µã‚¤ãƒˆã‚’10サイトã”紹介ã—ã¾ã™ã€‚ã©ã‚Œã‚‚å‚考ã«ãªã‚Šã¾ã™ã‚ˆãƒ¼ï¼
モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®ãƒŠãƒ“ゲーションメニューã¯ç”»é¢ä¸‹ã«ç½®ãã¹ã
2014å¹´2月19æ—¥ スマートフォン, ユーザビリティ スマートフォンを使ã£ã¦Webサイトを閲覧ã™ã‚‹äººã€ã©ã‚“ã©ã‚“増ãˆã¦ãã¦ã„ã¾ã™ã€‚モãƒã‚¤ãƒ«ãƒ–ラウザーã®ã‚·ã‚§ã‚¢ã‚’見ã¦ã‚‚ã€ãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°ã¯ç„¡è¦–ã§ããªã„ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚サイトã«ã‚ˆã£ã¦ã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§é–²è¦§ã™ã‚‹å±¤ã‚ˆã‚Šå¤šã„ã¨ã“ã‚ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。ç§ãŒWebサイトã®åˆ¶ä½œä¾é ¼ã‚’å—ã‘ãŸéš›ã€ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œã¯å¿…é ˆã¨ã—ã¦ãã¾ã—ãŸãŒã€ãƒ¢ãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ“リティã«ã¤ã„ã¦å†è€ƒã—ã¦ã¿ãŸã®ã§ã€ä»Šå›žã¯ãƒŠãƒ“ゲーションメニューã«ã¤ã„ã¦ç°¡å˜ã«è¨˜äº‹ã«ã—ã¦ã¿ã¾ã™ã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã‚ˆã見ã‹ã‘ã‚‹Webサイトã®ãƒŠãƒ“ゲーションメニュー 人気Webサイトギャラリー「The Best Designsã€ã«æŽ²è¼‰ã•ã‚Œã¦ã„る多ãã®Webサイトã¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚’ãƒã‚´ã¨ã¨ã‚‚ã«ç”»é¢ä¸Šéƒ¨ã«æŽ²è¼‰ã—ã¦ã„ã‚‹ã®ã‚’よã見ã‹ã‘ã¾ã™ã€‚よã見ã‹ã‘ã‚‹ã‹ã‚‰ã¨è¨€ã£ã¦ã“ã®å ´æ‰€ã«è¨ç½®ã™ã‚‹ã®ãŒæœ¬å½“ã«ä½¿ã„ã‚„ã™ã„
スマホを自転車ãƒãƒƒã‚¯ã®éµã¨ã—ã¦ä½¿ã†ã€ŒLOCK8ã€ã¯GPS・振動センサーæ載ã§ç›—難ã«ã‚‚対応
日本ã«é™ã‚‰ãšã€è‡ªè»¢è»Šä¹—ã‚Šã«ã¨ã£ã¦ã¯ä¸–ç•Œä¸ã©ã“ã§ã‚‚盗難ã¯å¤§ããªå•é¡Œã§ã™ã€‚大切ãªç§»å‹•æ‰‹æ®µã§ã‚りパートナーã§ã‚‚ã‚る自転車ãŒç›—ã¾ã‚Œã‚‹ã®ã‚’é¿ã‘ã‚‹ãŸã‚ã€éµã‚’ã¤ã‘ãŸã‚Šãƒ¯ã‚¤ãƒ¤ãƒ¼ã‚’使ã£ãŸãƒãƒƒã‚¯ã‚’装備ã—ãŸã‚Šã™ã‚‹äººã‚‚多ã„ã¨æ€ã„ã¾ã™ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’éµã¨ã—ã¦ä½¿ç”¨ã—ã€å¼·å›ºãªã‚»ã‚ュリティã¨ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯çµŒç”±ã«ã‚ˆã‚‹ãŠçŸ¥ã‚‰ã›æ©Ÿèƒ½ã‚’æ載ã—ãŸå•†å“ãŒã€ŒLOCK8ã€ã§ã™ã€‚ LOCK8 - the World's First Smart Bike Lock by LOCK8 — Kickstarter http://www.kickstarter.com/projects/lock8/lock8-the-worlds-first-smart-bike-lock 「世界åˆã®ã‚¹ãƒžãƒ¼ãƒˆãƒãƒƒã‚¯ã€ã¨ç§°ã•ã‚Œã‚‹LOCK8ã®ã‚³ãƒ³ã‚»ãƒ—トã¨è©³ç´°ã¯ä»¥ä¸‹ã®ãƒ ービーã‹ã‚‰ã€‚ 自転車をæŒã£ã¦ã„る人ã®60％以上ãŒç›—難ã«éã£ãŸçµŒé¨“ãŒã‚ã‚‹ã¨ã„ã‚ã‚Œã¦ã„ã¾ã™ã€‚ 盗難防æ¢
FINDJOB!終了ã®ãŠçŸ¥ã‚‰ã› | FINDJOB!
FINDJOB! 終了ã®ãŠçŸ¥ã‚‰ã› 2023å¹´9月29æ—¥ã«FINDJOB!を終了ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§FINDJOB!ã‚’ã”利用ã„ãŸã ã„ãŸä¼æ¥æ§˜ã€æ±‚è·è€…様ã€æ§˜ã€…ãªã”関係者様。 大変長らãFINDJOB!ã‚’ã”愛顧ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ IT/Webç³»ã®ä»•äº‹ã‚„求人ãŒã¾ã 広ãæ™®åŠã—ã¦ã„ãªã„é ƒã«Find Job!をリリースã—ã¦ã‹ã‚‰ ç´„26å¹´é–“ã€å¤šãã®æ–¹ã€…ã«æ”¯ãˆã¦ã„ãŸã ãã€é‹å–¶ã‚’続ã‘ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ 転è·æˆåŠŸã®ãŠå£°ã€æŽ¡ç”¨æˆåŠŸã®ãŠå£°ãªã©ã€å¬‰ã—ã„言葉もãŸãã•ã‚“ã„ãŸã ãã¾ã—ãŸã€‚ ã¾ãŸFINDJOB!経由ã§å…¥ç¤¾ã•ã‚ŒãŸæ–¹ãŒäººäº‹æ‹…当ã«ãªã‚Šã€ FINDJOB!を通ã˜ã¦ã€æ–°ãŸãªäººæã«å‡ºä¼šã†ã“ã¨ãŒã§ããŸãªã©ã€ ãŸãã•ã‚“ã®ã”ç¸ã‚’ã¤ãã‚‹ã“ã¨ãŒã§ããŸã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ 2023å¹´9月29日をもã£ã¦ã€FINDJOB!ã¯ãã®æ´å²ã®å¹•ã‚’下ã‚ã™ã“ã¨ã¨ãªã‚Šã¾ã—ãŸãŒã€ 今後もã€IT/Webæ¥ç•Œã‚„クリエイティブ
スマートフォンサイトã®HTMLコーディングメモ12個 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
display:table-cell; を活用ã™ã‚‹ リã‚ッドレイアウトã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã™ã”ã便利。 親è¦ç´ ã« display:table; åè¦ç´ ã« display:table-cell; 記事リストãªã©ã€ç”»åƒã¨ãƒ†ã‚ストを横並ã³ã«ã™ã‚‹ã¨ãã«ã€‚ å‡ç‰ã«æ¨ªä¸¦ã³ã«ã—ãŸã„ã¨ãã«ã€‚ タップ時ã®ã‚«ãƒ©ãƒ¼è¨å®š CSSã§ä»¥ä¸‹ã®ã‚ˆã†ã«è¨å®šã€‚アルファ値もè¨å®šå¯èƒ½ã€‚ -webkit-tap-highlight-color: rgba(255,105,183,0.6); ç”»åƒã€iframeã« max-width を指定 img・iframeã¯ã€ã‚µã‚¤ã‚ºãŒå¤§ãã™ãŽã¦ç”»é¢ã‹ã‚‰ã¯ã¿å‡ºã™ã“ã¨ãŒã‚ã‚‹ã®ã§ max-width:100%; を指定ã™ã‚‹ã€‚ word-break:break-all; を指定 スマホã¯å¹…ãŒç‹ã„ãŸã‚ã€é•·ã„URLãªã©ãŒ1è¡Œã«å…¥ã‚Šãã‚Šã¾ã›ã‚“。 word-break:break-all; ã‚’é©å®œæŒ‡å®šã™ã‚‹ã€‚ フォ
クラウドコンピューティングã€ã‚»ã‚ュリティã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„デリãƒãƒªãƒ¼ï¼ˆCDN） | Akamai
最も分散ã•ã‚ŒãŸã‚¯ãƒ©ã‚¦ãƒ‰ã‚³ãƒ³ãƒ”ューティングプラットフォームを構築ã™ã‚‹ãŸã‚ã®æœ€æ–°ã®ã‚¤ãƒ‹ã‚·ã‚¢ãƒãƒ–を発表ã—ã¾ã™ã€‚ 詳細ã¯ã“ã¡ã‚‰ Close Button
スマホアプリã®ä½œã‚Šæ–¹ã€è¶…ã¾ã¨ã‚】UI編：スマホアプリã®ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯æç”»ã«å½¹ç«‹ã¤è¨˜äº‹39é¸ - ï¼ IT
アプリã®UI（ユーザーインターフェイスã€è¦‹ãŸç›®ï¼‰ã‚’デザインã™ã‚‹ã®ã«å½¹ç«‹ã¤ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹è¨˜äº‹ã€2Dï¼3Dグラフィックをæç”»ã—ãŸã‚Šã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã®ã«å½¹ç«‹ã¤è¨˜äº‹ã¨ã—ã¦ã¯ã€ä»¥ä¸‹ã‚’ãŠå‹§ã‚ã—ã¾ã™ã€‚ UIデザイン・レイアウトã«å½¹ç«‹ã¤è¨˜äº‹17é¸ ç”»é¢ã‚µã‚¤ã‚ºã‚„デザインï¼ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä»•æ–¹ã‚’知りã¾ã—ょã†ã€‚基礎知è˜è¨˜äº‹ã‚„ã€å„OSã®UIã®é•ã„やデザインã®ä»•æ–¹ãŒåˆ†ã‹ã‚‹è¨˜äº‹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚特ã«ã€Androidã¯ç”»é¢ã®å¤§ãã•ã®é•ã„ã‚’ã„ã‹ã«å¸åŽã™ã‚‹ã‹ãŒèª²é¡Œã§ã—ãŸãŒã€Fragmentsã‚„Compatibility packageã‚’å¦ã¶ã¨å½¹ç«‹ã¤ã¨æ€ã„ã¾ã™ã€‚ ■基礎知è˜
ãŸã£ãŸä¸€è¡Œã®JavaScriptã§ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webサイトをスマートフォンã«æœ€é©åŒ–·sparrow.js MOONGIFT
sparrow.jsã¯æ—¢å˜ã®ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webサイトをスマートフォンå‘ã‘サイトã«å¤‰æ›ã—ã¦ãれるJavaScriptã§ã™ã€‚ sparrow.jsを使ã†ã¨æ—¢å˜ã®ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webサイトをスマートフォンå‘ã‘サイトã«å¤‰èº«ã•ã›ã¦ãã‚Œã¾ã™ã€‚ãれもãŸã£ãŸä¸€è¡Œã®JavaScriptã‚¿ã‚°ã‚’è¿½åŠ ã™ã‚‹ã®ã¿ã§ã™ã€‚ ガラケーå‘ã‘サイトをiPhoneã§è¡¨ç¤ºã—ãŸã¨ã“ã‚ã§ã™ã€‚ã„ã‚ゆる普通ã®æºå¸¯é›»è©±å‘ã‘サイトã¨ã—ã¦ã®è¡¨ç¤ºã§ã™ã€‚テンプレートã¯ã€Œæºå¸¯å°‚用無料テンプレートé…å¸ƒä¸ ï¼š フリースタイル æºå¸¯ç„¡æ–™ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã€ã‚ˆã‚ŠãŠå€Ÿã‚Šã—ã¾ã—ãŸã€‚ sparrow.jsã‚’é©ç”¨ã—ãŸè¡¨ç¤ºã§ã™ã€‚デフォルトã§ã¯ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚„ç”»åƒã®è¡¨ç¤ºãŒæœ€é©åŒ–ã•ã‚Œã‚‹ã®ã¿ã¨ãªã£ã¦ã„ã¾ã™ã€‚ sparrow.jsã§ã¯ãã®ä»–ã€Viewportã®è‡ªå‹•æŒ¿å…¥ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®CSS定義ã€åŠè§’ä»®åを全角ã«å¤‰æ›ã€ãƒšãƒ¼ã‚¸å†…リンクをアニメーションã«ã€çµµæ–‡å—を絵文å—ç”»åƒã«å¤‰æ›
Monaca + enchant.js ã§ãŠæ‰‹è»½ã‚¹ãƒžãƒ•ã‚©ã‚²ãƒ¼ãƒ アプリ開発
2012/12/25 Monacaã®ã‚¢ãƒƒãƒ—デートã«å¯¾å¿œã™ã‚‹ãŸã‚ã«ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’一部編集ã—ã¾ã—ãŸã€‚ ------------------------------------------------------------------------------ ã“ã‚“ã«ã¡ã¯ã€‚æ¾ç”°ã§ã™ã€‚ 今日ã¯å¼Šç¤¾ã§é–‹ç™ºã—ã¦ã„るスマートフォン用アプリ開発環境ã®Monacaã¨ã€JavaScriptベースã®ã‚²ãƒ¼ãƒ エンジンenchant.jsを組ã¿åˆã‚ã›ã¦ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã‚²ãƒ¼ãƒ アプリã®é–‹ç™ºã‚’ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Monacaã®å…¬å¼ã‚µã‚¤ãƒˆã¯ã“ã“。 http://monaca.mobi/ enchant.jsã®å…¬å¼ã‚µã‚¤ãƒˆã¯ã“ã¡ã‚‰ã§ã™ã€‚ http://enchantjs.com/ja/ Monacaã¯HTML5ベースã®ã‚³ãƒ¼ãƒ‰ã‹ã‚‰Androidアプリã¨iOSアプリをåŒæ™‚ã«ç”Ÿæˆã§ãるツールã§ã™ã€‚ HTML5ベースã§å®Ÿè£…ã•ã‚Œã¦ã„
Youtubeã®å‹•ç”»ã‚’背景ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
スマフォサイトã§ã‚ˆã見るパーツã®ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ル集 | 07design.blog
最近スマートフォンサイトã®æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ãã“ã§ã€å€‹äººçš„ã«ã‚ˆã使ã„ãã†ãªã‚³ãƒ¼ãƒ‰ã‚’Evernoteã«ã¾ã¨ã‚ãŸã‚Šã—ã¦ã„ãŸã®ã§ã™ãŒã€ ã¾ã ã¾ã スマフォサイト構築ã®ãƒŽã‚¦ãƒã‚¦è¨˜äº‹ã‚‚å°‘ãªã„ã§ã™ã—ã€å…±æœ‰ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚…最近スマートフォンサイトã®æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãã“ã§ã€å€‹äººçš„ã«ã‚ˆã使ã„ãã†ãªã‚³ãƒ¼ãƒ‰ã‚’Evernoteã«ã¾ã¨ã‚ãŸã‚Šã—ã¦ã„ãŸã®ã§ã™ãŒã€ ã¾ã ã¾ã スマフォサイト構築ã®ãƒŽã‚¦ãƒã‚¦è¨˜äº‹ã‚‚å°‘ãªã„ã§ã™ã—ã€å…±æœ‰ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã™ã¹ã¦ã®ãƒ‡ãƒ¢ï¼ˆchromeãªã©ã®webkit系ブラウザã¾ãŸã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å®Ÿæ©Ÿã§ã”覧ãã ã•ã„） download ヘッダーã®å³ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ <h3>ヘッダーã®å³ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼</h3> <!--ヘッダーã®å³ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
タッãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã€HTML5ã§æ§‹ç¯‰ã—ãŸWebサイトå‘ã‘ã®UI用フレームワーク・Kendo UI - ã‹ã¡ã³ã¨.net
HTML5製ã®Webサイトå‘ã‘UI専用㮠フレームワーク・Kendo UIã®ã”紹介。 iPhoneãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã€iPad ãªã©ã‚¿ãƒ–レットデãƒã‚¤ã‚¹ã«ã‚‚対応ã—ãŸWeb サイトã®UIè¨è¨ˆç”¨ã«ä½œã‚‰ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ 使ã„ã‚„ã™ã„ã‹ã©ã†ã‹ã¯ãŠã„ã¦ãŠã„ã¦ã€ ã¡ã‚‡ã£ã¨è¦‹ã‹ã‘ãªã„ã®ã§ãƒ¡ãƒ¢ã€‚ Kendo UIã¯HTML5ã¨css3ã€JavaScriptã§æ§‹ç¯‰ã•ã‚ŒãŸWebサイトå‘ã‘ã®UIフレームワークã§ã™ã€‚メニューやテーブルã€ã‚¿ãƒ–ã€ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—コンテンツãªã©ã‚ˆã見ã‹ã‘るインターフェースãŒã‚»ãƒƒãƒˆã«ãªã£ã¦ã„ã¾ã™ã‚ˆã€‚ @ub_pnrã®Postã§çŸ¥ã‚Šã¾ã—ãŸã€‚ã„ã„æƒ…å ±æµã—ã¦ãれるã®ã§åŠ©ã‹ã‚Šã¾ã™ã€‚ スマートフォンやタブレットã«ã‚‚ã„ã„ã§ã™ã。以å‰Ninja UIãªã‚“ã¦ã‚ã‚Šã¾ã—ãŸã‘ã©ã€ä»Šåº¦ã¯å‰£é“ã§ã™ã€‚ãªã‚“ã§ã‚‚「HTML開発者ã®åˆ€ã¨ã—ã¦ä½¿ã£ã¦æ¬²ã—ã„ã€ã®ã ã¨ã‹ã€‚煎茶（Sencha）ã¨ã‹ç›¸æ’²ï¼ˆSumo）ã¨ã‹åŒæ§˜ã€ãªã‚“ã ã‹
スマフォå‘ã‘サイト構築ç‰ã«ä¾¿åˆ©ãã†ãªã€æŒ‡å®šã‚µã‚¤ã‚ºã«å¿œã˜ã¦classåã‚’åŠ ãˆã¦ãれる軽é‡jsライブラリ・Selector Queries - ã‹ã¡ã³ã¨.net
ã“ã‚Œã¯ã‹ãªã‚Šä¾¿åˆ©ãã†ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚ ディスプレイサイズã«å¿œã˜ã¦æŒ‡å®šã—ãŸè¦ç´ ã«classåã‚’åŠ ãˆã€ãã®classを使ã£ã¦ãƒ‡ã‚¶ インã™ã‚‹äº‹ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªWebデザイン ã‚’è¨è¨ˆå‡ºæ¥ã‚‹ã‚ˆã†ã«ã™ã‚‹ç‚ºã®ãƒ©ã‚¤ãƒ–ラリ。 ã‹ãªã‚Šä¾¿åˆ©ãã†ã§ã™ã€‚ ã“ã®ç™ºæƒ³ã¯ã¡ã‚‡ã£ã¨ç´ 敵ã§ã—ãŸã€‚指定ã—ãŸã‚µã‚¤ã‚ºã«å¿œã˜ã¦è¦ç´ ã«classを与ãˆã‚‹ã®ã§ã€Media Queryを使用ã—ãŸPCã¨ã‚¹ãƒžãƒ•ã‚©å‘ã‘サイトã§è¦‹ãŸç›®ã‚’ã¾ã£ãŸã別ã®ã‚‚ã®ã«ã™ã‚‹ã“ã¨ã‚‚出æ¥ãã†ã€‚ 特ã«jQueryã‚„mootoolsã¨ã„ã£ãŸã‚¹ã‚¯ãƒªãƒ—トã«ä¾å˜ã—ã¦ãªã„ã®ã‚‚ã„ã„ã§ã™ã。イメージ的ã«ã¯éƒ¨åˆ†çš„ã«Media Queryを手軽ã«ä½¿ãˆã‚‹ã€ã¨ã„ã†æ„Ÿã˜ã§ã—ãŸã€‚ ã‚ãšã‹5KBã»ã©ã®éžä¾å˜åž‹è»½é‡ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ディスプレイサイズç‰ã§è¦ç´ ãŒæŒ‡å®šã—ãŸæ•°å€¤ã«ãªã‚‹ã¨ã€classåを与ãˆã¦ãれるã®ã§ã€ç’°å¢ƒã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç°¡å˜ã«å¤‰æ›´ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ 上記ã¯Media Query T
リストやテーブル主体ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æœ€é©åŒ–サイトã«Â·ChocolateChip-UI MOONGIFT
ChocolateChip-UIã¯HTML5製ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æœ€é©åŒ–サイト用フレームワーク。 ChocolateChip-UIã¯HTML5製スマートフォン用ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。スマートフォンã¯ã“ã‚Œã¾ã§ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—åž‹ã«æ¯”ã¹ã‚‹ã¨åœ§å€’çš„ã«ç”»é¢ã‚µã‚¤ã‚ºãŒå°ã•ã„。ãã®ãŸã‚Webサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã†ä¸Šã§æ³¨æ„ã™ã¹ãã“ã¨ãŒè‰²ã€…ã‚る。ã¾ãŸiOS風ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã®ã‚‚難ã—ã„。 リスト ãã®ãŸã‚デザインテンプレートを使ã†ã®ãŒä¸€èˆ¬çš„ã«ãªã£ã¦ã„る。Webデザインã ã‘ã‚’æä¾›ã™ã‚‹ã‚‚ã®ã€jQuery Mobileã®ã‚ˆã†ã«çµ±åˆçš„ã«æä¾›ã™ã‚‹ã‚‚ã®ãªã©è‰²ã€…ã‚ã‚‹ãŒã€ChocolateChip-UIã¯å¾Œè€…ã«å±žã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³Webサイトå‘ã‘フレームワークã 。 ボタン ChocolateChip-UIã§æä¾›ã•ã‚Œã‚‹ã®ã¯ãƒ†ãƒ¼ãƒ–ルビューã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ“ューã€ãƒŠãƒ“ゲーションãƒãƒ¼ã€ãƒªã‚¹ãƒˆã€å„種ボタンã€ãƒãƒƒãƒ—アップã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãªã©
iPhoneç‰ã§ã®è¡¨ç¤ºã‚’PCã§ç¢ºèªå‡ºæ¥ã‚‹Air製ã®ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ»MobilizerãŒãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã«ã‚‚対応出æ¥ã‚‹ã—ã€å‰²ã¨è‰¯ã‹ã£ãŸ
iPhoneã‚„ã€BlackBerryãªã©ã§ã®Webサイトã®è¡¨ç¤ºã‚’PCã§ç¢ºèªå‡ºæ¥ã‚‹ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã™ã€‚Air製ã§ç„¡æ–™ã§ä½¿ãˆã¾ã™ã€‚ã¾ã 使ã„始ã‚ãŸã°ã‹ã‚Šãªã‚“ã§ã™ãŒèµ·å‹•ã‚‚軽ãã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚‚ãã®ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«è¨å®šã—ã¦ãã‚Œã¦ã‚‹ã¿ãŸã„ã§ã™ã€‚ シミュレーター（エミュレーター？よãã‚ã‹ã‚‰ï½Žï¼‰ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€é¸æŠžè‚¢ã®ä¸€ã¤ã¨ã—ã¦ã€‚Winã§ã‚‚Macã§ã‚‚OKã§ã™ã€‚完璧ã§ã¯ãªã„ã§ã™ã‘ã©ã€ä»Šã¾ã§ã§ä¸€ç•ªè‰¯ã‹ã£ãŸæ°—ãŒã—ã¾ã—ãŸã€‚ã‚‚ã¨ã‚‚ã¨å„ªã‚ŒãŸã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ã¯ã¾ã ç„¡ã„æ°—ãŒã—ã¾ã™ã—ã・・・ã‚ã‚‹ã®ã‹ãªï¼Ÿï½— å‹•ç”»ã‚ã£ãŸã®ã§è²¼ã£ã¦ãŠãã¾ã—ãŸã€‚iPhone4ã¯å‹¿è«–ã€Plam Preã‚„BlackBerryã€HTCãªã©4種ã®ãƒ‡ãƒã‚¤ã‚¹ã‚’åŒæ™‚ã«ç¢ºèªå‡ºæ¥ã¾ã™ã€‚ãƒãƒ¼ã‚«ãƒ«ä¸Šã®HTMLも動作確èªå‡ºæ¥ã¾ã™ã‚ˆã€‚Airアプリãªã®ã§å‹•ä½œã«ã¯AdobeAirãŒå¿…è¦ã§ã™ã€‚ 4ã¤åŒæ™‚ã«èµ·å‹•å¯èƒ½ 日本ãªã‚‰ã€åŸºæœ¬çš„ã«iPhoneã¨Androidã ã‘ã‚ã‚Œã°
ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘】新è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚ - CSS HappyLife
å‰å›žã®æ›´æ–°æ—¥ãŒè¦‹ãŸããªã„程ã«æ™‚ãŒæµã‚Œã¦ã„る今日ã“ã®é ƒãƒ»ãƒ»ãƒ»ã€‚ ブãƒã‚°ã‚’æ›´æ–°ã™ã‚‹ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ãŒä¸ã€…上ãŒã‚‰ãªã‹ã£ãŸã‚“ã§ã™ãŒã€ã¾ã ã€ã らã らã§ã‚‚良ã„ã‹ã‚‰æ›¸ã„ã¦ã„ããŸã„ãªã¨è¨€ã†æ°—æŒã¡ã¯æœ‰ã‚‹ã‚“ã§ã™ã€‚ãˆã‡ã€‚ ã“ã‚“ã ã‘æ›´æ–°ãŒæ»žã£ã¦ã¦ã‚‚ã€Twitterã¨ã‹ã§æ™‚々ブãƒã‚°èªã‚“ã§ã¾ã™ã£ã¦è¨€ã£ã¦ã‚‚らãˆãŸã‚Šã€æœ€è¿‘ãªã‚‰ã€Œä»Šæ—¥ã‹ã‚‰ã§ãる定時ã§ä¸ŠãŒã‚‹ãŸã‚ã®WEB制作効率アップ術 | カッシーã®WEBる。ã€ã§ã€ã€HTML5】新è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 1 を紹介ã—ã¦ã‚‚らã£ãŸã‚Šã—ã¦ã†ã‚Œã—ã„åŠé¢ã€æ›´æ–°ã—ã¦ç„¡ã„ãªãƒ¼ã¨ã€ä½•ã¨ã‚‚言ãˆãªã„æ°—æŒã¡ã«ãªã£ãŸã‚Šã€‚ ãªã®ã§ã€ã“ã‚Œã‹ã‚‰ã¯ã¡ã‚‡ã‚ã£ã¨ã§ã‚‚ãƒã‚¿ãŒæœ‰ã‚Œã°æ›´æ–°ã—ã¦ã„ããŸã„ãªãƒ¼ã¨ã€‚ 何をモãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã«æ›´æ–°ã™ã‚‹ã‹ã¯ã¾ã 見ã¤ã‹ã£ã¦ãªã„ã‘ã©ï¼žï¼œ ã•ã¦ã€ãã‚“ãªè¨³ã§ã€ä»Šå›žã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªæ„Ÿã˜ã®ä¸€å¼ã§ã™ã€‚ ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘】新è¦ã§ã‚µã‚¤ãƒˆã‚’
無効ãªURLã§ã™
無効ãªURLã§ã™ã€‚ プãƒã‚°ãƒ©ãƒ è¨å®šã®åæ˜ å¾…ã¡ã§ã‚ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ã—ã°ã‚‰ã時間をãŠã„ã¦å†åº¦ã‚¢ã‚¯ã‚»ã‚¹ã‚’ãŠè©¦ã—ãã ã•ã„。
ã†ã®ã‚‰ã¼ã€‚ - ã€CSS】スマートフォンå‘ã‘Webサイトã§dataURIãŒæœ¬é ˜ç™ºæ®ã™ã‚‹ä»¶
ã¯ã˜ã‚ã« ç”»åƒã‚’Base24ã¨ã‹ã§ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã—ã¦dataURIスã‚ームã§èªã¿è¾¼ã‚€ã€ã£ã¦ã“ã¨ãŒæœ€è¿‘ã®ãƒ–ラウザã§ã¯å¯èƒ½ã«ãªã£ãŸè¨³ã§ã™ãŒã€ 仕事ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã„ãŸéš›ã«ã€ç”»åƒã®èªã¿è¾¼ã¿å¾…ã¡ãŒæ°—ã«ãªã£ãŸã®ã§ã¡ã‚‡ã†ã©ã„ã„ã¨æ€ã„試ã—ã¦ã¿ãŸã¨ã“ã‚〠驚ãã»ã©æ—©ããªã£ãŸ(æ°—ãŒã—ãŸ)ã®ã§å®Ÿéš›ã«è¨ˆã£ã¦ã¿ã¾ã—ãŸã€‚ 準備 èªã¿è¾¼ã‚€ç”»åƒã¯ã“れ↓ エンコードã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜â†“ data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgk
スマートフォンå‘ã‘アプリ開発フレームワークã¨ã‹
スマートフォンå‘ã‘ã®ã‚¢ãƒ—リæä¾›ã¯ã»ã¼å¿…é ˆã«ãªã£ã¦ãã¦ã„ã‚‹ã“ã®çŠ¶æ³ã€‚ 何ã§ä½œã‚‹ã®ã‹? ã¨ã„ã†ã®ã¯ã€æ‚©ã¾ã—ã„ã¨ã“ã‚ã§ã™ã‚ˆã。 ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã§ä½œã‚‹ã®ã‹ï¼Ÿ WEBアプリ(HTML5+CSS3)ã§ä½œã‚‹ã®ã‹ï¼Ÿ ...ã¯é–‹ç™ºè€…ãŒæƒã£ã¦ã„る云々もã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ãれよりもã€ãã®ã‚¢ãƒ—リã®ç‰¹æ€§/対象者ã«ã‚ˆã£ã¦æ±ºå®šã™ã‚‹æ„Ÿã˜ãªã®ã§ã—ょã†ã。 会社ã®ã‚¢ãƒ—リãªã‚‰ã°ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã›ã¦ä½¿ã†ç³»ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã®æ–¹ãŒè‰¯ã•ãã†ã ã‘ã©ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ç„¡ã—ã§ã‚‚..ã§ã‚ã‚Œã°WEBアプリã§ã¨ã„ã†é¸æŠžè‚¢ãªã®ã‹ãªã€‚ã‚ã¨ã¯ã€Appleã«ãŠå¸ƒæ–½ãŒå¯èƒ½ãªã®ã‹ã©ã†ã‹ã¨ã‹..ã‹ã€‚ WEBアプリã®æ–¹ã«ã¯å…¨ç„¶æ³¨ç›®ã—ã¦ã„ãªã‹ã£ãŸã®ã§ã™ãŒã€ã€Œãƒã‚¤ãƒ†ã‚£ãƒ–ã¨åŒã˜ã‚ˆã†ãªå‹•ãã§ã€iPhoneã¨Androidã®ãƒžãƒ«ãƒãƒ—ラットフォームã€ã¨ãªã‚‹ã¨ãªã‹ãªã‹åŽ„介ãªã‚‚ã‚“ã§ã™ã。 ã©ã“ã¾ã§ã“ã ã‚ã‚‹ã‹ï¼Ÿã«ã‚ˆã‚‹ã‚“ã§ã—ょã†ã‘ã©ã‚‚ã€å¯¾è±¡ãŒ iPhoneã ã‘ã ã£ãŸã‚‰ãƒ©ã‚¤ãƒ–ラリã¤ã‹ã£ã¦
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ggsoku.com
{{#tags}}- {{label}}
{{/tags}}