レスãƒãƒ³ã‚·ãƒ–Webデザインã®ã‚µã‚¤ãƒˆè¨è¨ˆãƒ»å®Ÿè£…・確èªã«å½¹ç«‹ã¤ãƒ„ールã¨ãƒªã‚½ãƒ¼ã‚¹ã®ã¾ã¨ã‚
A Simple Device Diagram for Responsive Design Planning 和訳：スマートフォンã€ã‚¿ãƒ–レットã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãŸã‚ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å¹…ã‚’ã©ã®ã‚ˆã†ã«è¨è¨ˆã™ã‚Œã°ã‚ˆã„ã‹ å„デãƒã‚¤ã‚¹ã®ã‚µã‚¤ã‚ºä¸€è¦§ã‚’è¸ã¾ãˆã€ã©ã®ã‚ˆã†ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å¹…ã‚’è¨è¨ˆã—ã€ã„ãã¤ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’用æ„ã™ã‚‹ã®ãŒã‚ˆã„ã‹ã€‚PSDç´ æ付ã。
è¦ä»¶ã«åˆã‚ã›ãŸMedia Queriesã®å®Ÿè£…方法ã®ã¾ã¨ã‚ | コリス
スマートフォン・デスクトップをã¯ã˜ã‚ã€IE6ãªã©ã®ãƒ¬ã‚¬ã‚·ãƒ¼ãƒ–ラウザ対応ã¨ã„ã£ãŸè¦ä»¶ã«åˆã‚ã›ãŸMedia Queriesã®å®Ÿè£…方法を紹介ã—ã¾ã™ã€‚ Techniques For Gracefully Degrading Media Queries [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ テクニック1：スマートフォンユーザーãŒãƒ¡ã‚¤ãƒ³ テクニック2：レガシーブラウザã¯éžå¯¾è±¡ テクニック3：スマートフォンユーザーã®ã¿ テクニック4：デスクトップユーザーãŒãƒ¡ã‚¤ãƒ³ テクニック5：レガシーブラウザもå«ã‚ã‚‹ テクニック1：スマートフォンユーザーãŒãƒ¡ã‚¤ãƒ³ 最åˆã«ç´¹ä»‹ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€Media Queriesã‚’ãã®ã¾ã¾ä½¿ã†ã‚‚ã®ã§ã™ã€‚ CSS #container { _width: 460px; /* IE6用 */ max-width: 460px; } @media only scree
[JS]デスクトップã¯ãã®ã¾ã¾ã€æ–°ã—ã„iPad, iPhone4ã«ã¯é«˜è§£åƒåº¦ã®ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -jQuery Retina
Retinaディスプレイを採用ã—ã¦ã„ã‚‹æ–°ã—ã„iPad, iPhone4用ã«imgè¦ç´ ã§é…ç½®ã—ãŸç”»åƒã‚’高解åƒåº¦ã®ã‚‚ã®ã«å¤‰æ›´ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ jQuery Retina Plugin jQuery Retina -GitHub [ad#ad-2] jQuery Retinaã®ãƒ‡ãƒ¢ jQuery Retinaã®ä½¿ã„æ–¹ jQuery Retinaã®ãƒ‡ãƒ¢ jQuery Retinaを使ã£ã¦ç”»åƒã‚’é…ç½®ã™ã‚‹æ–¹æ³•ã¯å¤§ãã分ã‘ã¦ã€3ã¤ã‚ã‚Šã¾ã™ã€‚ imgã‚¿ã‚°ã«ã€Œdata-retinaã€å±žæ€§ã‚’åŠ ãˆã‚‹ã€‚ ç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«åã«ã€Œ-2xã€ã‚’åŠ ãˆã‚‹ã€‚ コールãƒãƒƒã‚¯é–¢æ•°ã‚’使ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«åを指定ã™ã‚‹ã€‚ 表示ã¯ã©ã®æ–¹æ³•ã‚’使ã£ã¦ã‚‚一緒ã§ã™ãŒã€ä¸‹è¨˜ã«ãã‚Œãžã‚Œã®æ–¹æ³•ã§å®Ÿè£…ã—ãŸãƒ‡ãƒ¢ãŒã‚ã‚Šã¾ã™ã€‚ デモページ [ad#ad-2] jQuery Retinaã®ä½¿ã„æ–¹ jQuery Retinaã®ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã™ã€‚
普通ã®ãƒ—ãƒã‚°ãƒ©ãƒžã¸è‰¯ã„コードを書ã方法を教ãˆã‚‹ï¼ãƒªãƒ¼ãƒ€ãƒ–ルコード | Act as Professional
ç§ã¯ã™ã°ã‚‰ã—ã„コードを「エレガントãªã‚³ãƒ¼ãƒ‰ã€ã¨å‘¼ã¶@HIROCASTERã§ã”ã–ã„ã¾ã›ã†ã€‚ ã¾ãšã€ã¯ã˜ã‚ã«ã€‚本書ã¯ãƒãƒƒã‚«ãƒ¼ã¯èªã¾ãªãã¦è‰¯ã„。普通ã®ãƒ—ãƒã‚°ãƒ©ãƒžã«èªã‚“ã§æ¬²ã—ã„。 デザインパターンやリファクタリングよりもã€æœ¬æ›¸ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹ã“ã¨ã®æ–¹ãŒãƒ—ãƒã‚°ãƒ©ãƒžã¯æ¯Žæ—¥è€ƒãˆã¦ã€æ„è˜ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’書ãã®ã 。 よã£ã¦ã€æ™®é€šã®ãƒ—ãƒã‚°ãƒ©ãƒžãªã‚‰ã°æœ¬æ›¸ã‚’èªã‚“ã§ãŠããŸã„。普通ã®ã‚³ãƒ¼ãƒ‰ã‚’書ã人ã«ã‚ªã‚¹ã‚¹ãƒ¡ã®1冊ã 。 例ãˆã‚‹ãªã‚‰ã°ã€ãƒã‚¯è»¢ã‚„月é¢å®™è¿”ã‚Šã‚’ã™ã‚‹æ–¹æ³•ã§ã¯ãªãã€æ—¥å¸¸çš„ã«ãŠã“ãªã‚れる「æ©ãã€ã¨ã„ã†è¡Œå‹•ã«ç€ç›®ã—ã€å§¿å‹¢è‰¯ãã€ç¾Žã—ãã€ã‚·ãƒƒã‚«ãƒªã€ç¢ºå®Ÿã«æ©ããŸã‚ã®æ–¹æ³•ãŒæ›¸ã‹ã‚Œã¦ã„る。 本書ã®ç›®çš„ã¯ã€å›ã®ã‚³ãƒ¼ãƒ‰ã‚’よãã™ã‚‹ã“ã¨ã 。 「良ã„コードã€ã®å®šç¾©ã¨ã¯ã€ã‚³ãƒ¼ãƒ‰ã‚’èªã‚“ã ã¨ãã«æœ€çŸã§ç†è§£ã§ãる様ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã‚る。ãã†ã€æœ¬æ›¸ã¯ä¼ãˆã¦ã„る。 ã§ã¯ã€è‰¯ã„コードを書ããŸã‚ã®æ–¹æ³•ã‚’具体的ã«å¦ã‚“ã ã‚Šã€æ•™ãˆã‚‰ã‚ŒãŸã‚Šã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿ
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
著作権法改æ£ï¼šä½•ãŒé•æ³•ã§ä½•ãŒåˆæ³•ãªã®ã‹ã¾ã¨ã‚ã¦ã¿ãŸ | æ —åŽŸæ½”ã®ITå¼ç†å£«æ—¥è¨˜
é•æ³•ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰è¡Œç‚ºã¸ã®ã®åˆ‘事罰é©ç”¨ã€ã‚¢ã‚¯ã‚»ã‚¹åˆ¶å¾¡ã‚’回é¿ã—ã¦ã®è¤‡è£½ã®é•æ³•åŒ–ç‰ã‚’å«ã‚€è‘—作権改æ£æ³•æ¡ˆãŒã€6月15æ—¥ã«è¡†é™¢ã§å¯æ±ºã•ã‚Œã¾ã—ãŸï¼ˆå‚考記事）。ã“ã®ã¾ã¾å‚院も通éŽã—ã¦æ”¹æ£ãŒæˆç«‹ã—ã¦ã—ã¾ã†å¯èƒ½æ€§ã¯é«˜ã„ã¨æ€ã„ã¾ã™ã€‚ 本æ¥ã§ã‚ã‚Œã°ã“ã®ãƒˆãƒ”ックã«ã¤ã„ã¦ã¯ã‚‚ã£ã¨æ—©ã触れã¦ãŠãã¹ãã§ã—ãŸãŒã€ã„ã‚ã„ã‚ã¨å¿™ã—ãã¦ãƒ–ãƒã‚°ãŒæ›´æ–°ã§ãã¦ãŠã‚‰ãšã©ã†ã‚‚ã™ã¿ã¾ã›ã‚“。 ã•ã¦ã€ãƒ¡ãƒ‡ã‚£ã‚¢ã®è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã§ã€Œãƒªãƒƒãƒ”ングé•æ³•åŒ–ã€ãªã©ã®ã¡ã‚‡ã£ã¨çœç•¥ã—éŽãŽã®ç”¨èªžãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã£ã¦ã‹ã€ä¸€éƒ¨ã§æ··ä¹±ãŒè¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ãã“ã§ã€ã¾ãšã¯ã€ä½•ãŒåˆæ³•ã§ã€ä½•ãŒé•æ³•ãªã®ã‹ã€ã•ã‚‰ã«ã¯ã€çŠ¯ç½ªã«ãªã‚‹ã®ã‹å¦ã‹ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ １．CDã‹ã‚‰ã®ãƒªãƒƒãƒ”ング行為→今ã¾ã§ã‚‚ãšã£ã¨åˆæ³•ã§ã™ã€‚今回ã®æ³•æ”¹æ£ãŒæˆç«‹ã—ã¦ã‚‚åˆæ³•ã§ã™ã€‚ 通常ã®CDã«ã¯è‘—作権法上ã®ã€ŒæŠ€è¡“çš„ä¿è·æ‰‹æ®µã€ã«ç›¸å½“ã™ã‚‹ã‚³ãƒ”ー制御もアクセス制御も施ã•ã‚Œã¦ã„ã¾ã›ã‚“ã®ã§ã€å€‹äººã¾ãŸã¯ãã‚Œã«æº–ãšã‚‹ç¯„囲
Retinaよりも大切ãªã‚‚ã® - ザリガニãŒè¦‹ã¦ã„ãŸ...。
ãã®å¾Œã®é–¢é€£æ—¥è¨˜ã‚ã‚Š Retina＋Mountain Lionã®ã‚¹ã‚¯ãƒãƒ¼ãƒ« - ザリガニãŒè¦‹ã¦ã„ãŸ...。 Retinaã®ã»ã‚“ã¨ã†ã®åŠ› - ザリガニãŒè¦‹ã¦ã„ãŸ...。 Retinaãªã‚‰3840x2400ã®è¶…広大ãªãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—を体感ã§ãã‚‹ï¼ - ザリガニãŒè¦‹ã¦ã„ãŸ...。 MacBookã®Retinaディスプレイを縦2880pxã«ã—ãŸå£®è¦³ãªçœºã‚ - ザリガニãŒè¦‹ã¦ã„ãŸ...。 発注 WWDCã®ç¿Œæ—¥ã€MacBook Pro Retinaモデルを発注ã—ã¦ã—ã¾ã£ãŸã€‚2880×1800ã®é…力ã«ã¨ã‚Šæ†‘ã‹ã‚Œã¦ã—ã¾ã£ãŸã®ã 。発注ã—ãŸãƒ¢ãƒ‡ãƒ«ã¯... 2.6GHzクアッドコアIntel Core i7プãƒã‚»ãƒƒã‚µ メモリ16GB フラッシュストレージ512GB 値段ã¯ä»Šã¾ã§ä½¿ã£ã¦ã„ãŸMacBook2å°åˆ†ä»¥ä¸Šã ãŒã€ã“ã®ã‚¹ãƒšãƒƒã‚¯ãªã‚‰ä»Šå¾Œ5年以上ã¯ãã®ã¾ã¾ä½¿ã„続ã‘られるã®ã§ã¯ãªã„ã‹ã€ã¨è€ƒãˆã¦ã®ç™ºæ³¨ã§ã‚ã£ãŸã€‚ 実際éŽåŽ»
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
no003.info
{{#tags}}- {{label}}
{{/tags}}