より多ãã®è¨€èªžã«ã‚µã‚¤ãƒˆã‚’対応ã•ã›ã‚‹ã«ã¯ï¼ˆå‹•ç”»ï¼‰
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム10 オートコンプリート 1 ãŠçŸ¥ã‚‰ã› 69 クãƒãƒ¼ãƒ«ã¨ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ 75 サイトクリニック 4 サイトマップ 15 ã—ã”ã¨æ¤œç´¢ 1 スマートフォン 11 セーフブラウジング 5 ã‚»ã‚ュリティ 1
WebページをRetina対応ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨
WebページをRetina対応ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨ï¼šjQuery×HTML5×CSS3を真é¢ç›®ã«å‹‰å¼·ï¼ˆ4）（1/2 ページ） iPhoneã®Retinaディスプレイã¯ã€Webページã®åˆ¶ä½œãƒ•ãƒãƒ¼ã«ã‚‚大ããªå¤‰åŒ–ã‚’ã‚‚ãŸã‚‰ã—ãŸã€‚WebページをRetina対応ã•ã›ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ã ã‚ã†ã‹ã€‚ ã¯ã˜ã‚ã« 2010å¹´6月ã«ç™»å ´ã—ãŸã‚¢ãƒƒãƒ—ルã®iPhone 4ã«ã¯ã€ŒRetinaディスプレイã€ã¨å‘¼ã°ã‚Œã‚‹ã€ãã‚Œã¾ã§ã®å¸¸è˜ã‚’覆ã—ãŸé«˜ç²¾ç´°ãªãƒ‡ã‚£ã‚¹ãƒ—レイãŒæ載ã•ã‚Œã¾ã—ãŸã€‚ãれ以é™ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„タブレットã¨ã„ã£ãŸãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã®ãƒ‡ã‚£ã‚¹ãƒ—レイã¯ã‚ˆã‚Šè§£åƒåº¦ã®é«˜ã„ã‚‚ã®ã¸ã¨é€²åŒ–ã—ã¦ã„ãã€2013å¹´ã®åˆã‚ã«ã¯ã‚µãƒ スン電åã®GALAXY S4やソニーモãƒã‚¤ãƒ«ã®Xperia Zãªã©ã€ãƒ•ãƒ«HD画質対応（1920×1080ピクセル）ã®ãƒ‡ã‚£ã‚¹ãƒ—レイをæ載ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒç™»å ´ã™ã‚‹ã¾ã§ã«ãªã‚Šã¾ã—ãŸã€‚ 高精細ディスプレイã®ç™»å ´
HTTPリクエストを減らã™ãŸã‚ã«ã€åºç« 】HTTPリクエストã¯ç”˜ãˆ - MOL
ã“ã®ã‚·ãƒªãƒ¼ã‚ºã¯HTTPリクエストã®ç†è§£ã‚’通ã˜ã¦Webパフォーマンスã®é‡è¦æ€§ã«ã¤ã„ã¦è€ƒãˆã‚‹5ç« æ§‹æˆã«ãªã£ã¦ã„る。 ã€åºç« 】HTTPリクエストã¯ç”˜ãˆ ã€CSS Sprite編】スプライト地ç„ã‹ã‚‰ã®è§£æ”¾ ã€WebFont編】ドラッグ＆ドãƒãƒƒãƒ—ã—ã¦ã‚³ãƒžãƒ³ãƒ‰å©ã„ã¦ã‚¦ã‚§ãƒ¼ã‚¤ ã€DataURI編】é…延ãƒãƒ¼ãƒ‰ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ–ãƒãƒƒã‚¯ã‚’å›žé¿ ã€çµ‚ç« ã€‘æˆ‘ã€…ã«ã¯1000msã®çŒ¶äºˆã—ã‹æ®‹ã•ã‚Œã¦ã„ãªã„ 1日目ã¯ã€HTTPリクエストã®æ¦‚è¦ã«ã¤ã„ã¦èª¬æ˜Žã™ã‚‹ã€‚ 例ãˆã«ã€ç§ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªãƒšãƒ¼ã‚¸ï¼ˆt32k.me）ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¾ã§ã®æµã‚Œã‚’見ã¦ã„ã。ã¾ãšã€æ¤œç´¢ã‹ã‚‰ã§ã‚‚方法ã¯ãªã‚“ã§ã‚‚よã„ãŒã€ãƒ–ラウザã®URLãƒãƒ¼ã«t32k.meã¨æ‰“ã¡è¾¼ã‚“ã§ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã€‚ãã®ãƒšãƒ¼ã‚¸ã‚’見ã«ã„ãã¨ã„ã†ã“ã¨ã¯ã€ã¤ã¾ã‚Št32k.meã«å¯¾ã—ã¦HTTPスã‚ームã§ãƒªã‚¯ã‚¨ã‚¹ãƒˆã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’æ„味ã—ã¦ã„る。 クライアントã§ã‚るブラウザã¯å…¥åŠ›ã•ã‚ŒãŸURLを判æ–ã—ã¦ã€ãƒªã‚½
JavaScriptã§ãƒã‚¤ãƒŠãƒªãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸èº«ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ã㟠- k12uã®ã‚¢ãƒ¬
å‚考資料(ã¨ã„ã†ã‹ä¸»è¦ãªã‚¢ã‚¤ãƒ‡ã‚¢ã»ã¨ã‚“ã©å…¨éƒ¨)ã¯ã“ã¡ã‚‰ã€‚ http://mgran.blogspot.com/2006/08/downloading-binary-streams-with.html 何ã«ä½¿ã†ã®ã‹ã¯ã“ã‚Œã‹ã‚‰è€ƒãˆã‚‹ã€‚ ã§ã‹ã„ファイルを食ã‚ã›ã¦ãƒ«ãƒ¼ãƒ—ã§String.fromCharCodeを回ã—ãŸã‚‰FirefoxãŒæ»ã‚“ã§ã—ã¾ã£ãŸã®ã§ãã“ã ã‘注æ„。 (mal_blueã•ã‚“，nanto_viã•ã‚“ã«ç›´ã—ã¦é ‚ã„ãŸã‚³ãƒ¼ãƒ‰ç‰ˆ) <html><head> <script> load_url = function(url) { var req = new XMLHttpRequest(); req.open('GET',url,false); //XHR binary charset opt by Marcus Granado 2006 [http://mgran.blogspot.com]
X-Content-Type-Options: nosniff ã¤ã‹ã‚ãªã„ã‚„ã¤ã¯æ»ãã°ã„ã„ã®ã«! - 葉ã£ã±æ—¥è¨˜
2011-01-06: IE8ã¨ã„ã†ã“ã¨ã‚’追記 & ã¡ã‚‡ã£ã¨é–“é•ã„ã‚’ä¿®æ£ã€‚ã‚ã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚ 年明ã‘早々ã§ã™ãŒã€Internet Explorerã®è©±é¡Œã§ã™ã€‚IEã¯ã”å˜ã˜ã®é€šã‚Šã€Content-Type ã ã‘ã§ãªãコンテンツã®å†…容ãªã©ã‚‚ sniff ã™ã‚‹ã“ã¨ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¿ã‚¤ãƒ—を決定ã—ã¦ã„ã‚‹ãŸã‚ã€ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚„テã‚ストファイルをHTMLã¨åˆ¤å®šã—ã¦ã—ã¾ã„ã€ã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆã‚¹ã‚¯ãƒªãƒ—ティングãŒç™ºç”Ÿã™ã‚‹ã“ã¨ãŒæ˜”ã‹ã‚‰ãŸã³ãŸã³å ±å‘Šã•ã‚Œã¦ã„ã¾ã—ãŸ*1。ç¾åœ¨ã¯å¹¾åˆ†ãƒžã‚·ã«ãªã£ãŸã¨ã¯ã„ãˆã€IEã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¿ã‚¤ãƒ—ã®åˆ¤å®šã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã¯éžå¸¸ã«é›£è§£ã§ã‚ã‚Šã€ç¾åœ¨ã§ã‚‚状æ³ã«ã‚ˆã£ã¦ã¯Webサイトé‹å–¶è€…ã®ã¾ã£ãŸãæ„図ã—ã¦ã„ãªã„ã‹ãŸã¡ã§ã®XSSãŒç™ºç”Ÿã™ã‚‹å¯èƒ½æ€§ãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ãã†ã„ã†ã‚ã‘ã§ã€IEãŒã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ sniff ã—ã¦HTML以外ã®ã‚‚ã®ã‚’HTML扱ã„ã—ã¦ã—ã¾ã†ã“ã¨ã‚’防ããŸã‚ã«ã€å‹•çš„ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を生æˆã—ã¦ã„ã‚‹å ´åˆã«
content-type一覧
plain richtext enriched tab-separated-values html sgml vnd.latex-z vnd.fmi.flexstor uri-list vnd.abc rfc822-headers vnd.in3d.3dml prs.lines.tag vnd.in3d.spot css xml rtf directory calendar vnd.wap.wml vnd.wap.wmlscript vnd.motorola.reflex vnd.fly vnd.wap.sl vnd.wap.si t140 vnd.ms-mediapackage vnd.IPTC.NewsML vnd.IPTC.NITF vnd.curl vnd.DMClientScript parityfec RFC2646ï¼RFC2046 RFC2045ï¼RFC2046 RFC189
Cacoo - Web上ã§å›³ã®ä½œæˆã¨ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ コラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
サイトã«å¤–部ブãƒã‚°ã®RSSを表示ã™ã‚‹æ–¹æ³•ã¨ã€è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ãŒé•·ã™ãŽã‚‹å ´åˆã«çœç•¥è¡¨ç¤ºã™ã‚‹æ–¹æ³•ãƒ¡ãƒ¢ã€‚
今更ã§ã™ãŒã€Google Feed APIを利用ã—ã¦RSSã‚’å–得・表示ã™ã‚‹æ–¹æ³•ã¨ã€ãã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’CSSã§çœç•¥è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã‚’å¦ã³ã¾ã—ãŸã®ã§ãƒ¡ãƒ¢ãƒ¡ãƒ¢ã€‚ ã¿ã‚“ãªã ã„ã™ãGoogle Feed API サイト制作ã®éš›ã€ãƒˆãƒƒãƒ—ページãªã©ã«å¤–部ブãƒã‚°ã®RSSを表示ã•ã›ãŸã„ã¨ãã£ã¦ã‚ã‚Šã¾ã™ã‚ˆã。 ç§ã¯éŽåŽ»ã«ãƒãƒ³ãƒ‰ã®å…¬å¼ã‚µã‚¤ãƒˆã‚’制作ã—ã¦ã„ãŸæ™‚ã€ãƒ¡ãƒ³ãƒãƒ¼ã®ãƒ–ãƒã‚°RSSを表示ã•ã›ã¦ãã‚Œã¨ã‚ˆãé ¼ã¾ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ （ãã®æ™‚ã¯ç„¡æ–™RSSサービスを使ã£ã¦ã„ã¾ã—ãŸãƒ»ãƒ»ãƒ»ï¼‰ ãã‚“ãªã¨ãã«å½¹ç«‹ã¤ã®ãŒGoogle先生ã«ã‚ˆã‚‹ã€ŽGoogle Feed APIã€ã€‚ 表示件数や表示ã•ã›ãŸã„内容ã€ãれを囲むタグãªã©ã‚ã‚Šã¨è‡ªç”±ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã®ã§å¤šãã®WEB屋ã•ã‚“ã«æ„›ã•ã‚Œã¦ã„るよã†ã§ã™ã€‚ 何ã‹ã„ã„方法ã¯ãªã„ã‹å‘Ÿã„ãŸã¨ã“ã‚ã€å¤šãã®æ–¹ã‹ã‚‰ã“ã¡ã‚‰ã‚’è–¦ã‚ã¦ã„ãŸã ãã¾ã—ãŸãƒ¾(*´∀｀*)ﾉ ã¡ãªã¿ã«ã€ä»¥å‰ã¯APIã‚ーをå–å¾—ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã‚ˆ
IE7/8/9, å…¨ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã€iPhone, iPad, Androidã®ã‚¯ãƒã‚¹ãƒ–ラウザãƒã‚§ãƒƒã‚¯ãŒã§ãるソフトウェア -BrowseEmAll
デスクトップ・スマートフォン・タブレットã®ä¸»è¦ãªãƒ–ラウザã®å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‹ã‚‰æœ€æ–°ç‰ˆã¾ã§ã«å¯¾å¿œã—ãŸã€ã‚¯ãƒã‚¹ãƒ–ラウザã®ãƒã‚§ãƒƒã‚¯ã«ä½¿ãˆã‚‹Windows用ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’紹介ã—ã¾ã™ã€‚ Cross browser testing -BrowseEmAll [ad#ad-2] BrowseEmAllã®ã‚µãƒãƒ¼ãƒˆãƒ–ラウザ BrowseEmAllã®ä¸»ãªç‰¹å¾´ BrowseEmAllã®ä½¿ã„æ–¹ BrowseEmAllã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ BrowseEmAllã®ã‚µãƒãƒ¼ãƒˆãƒ–ラウザ デスクトップ 主è¦ãƒ–ラウザã®æœ€æ–°ç‰ˆã«å¯¾å¿œã€‚ IE7-9 Firefox3.6-12 Chrome12, 16, 19 Safari4, 5, 5.1 Opera10, 11 スマートフォン・タブレット 横置ã・縦置ãã«å¯¾å¿œã€‚ iPhone, iPhone4, iPad, iPad2, iPad3 シミュレーター Android2.2, 2.3,
Google Chromeã§iPhoneã¨ã‹ã®touch系イベントをエミュレートã§ãるよã†ã«ãªã£ã¦ãŸã€‚ã“ã‚Œã¯ä¾¿åˆ©ã€‚ | Ginpen.com
å³ä¸ŠUser Agentã®ã¨ã“ã‚ã。Emulate touch eventsã«ãƒã‚§ãƒƒã‚¯ã‚’入れるã¨ã€ãƒžã‚¦ã‚¹ã®ã‚¯ãƒªãƒƒã‚¯ã‚„ドラッグ＆ドãƒãƒƒãƒ—ã§touchstart, touchmove, touchendãŒç™ºç«ã™ã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ 開発時ã«ã„ã¡ã„ã¡å®Ÿæ©Ÿã‚„Xcodeã®ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’用æ„ã—ãªãã¦ã‚‚動作確èªã§ãるよã†ã«ãªã‚‹ã®ã¯ã¨ã¦ã‚‚便利。ã•ã™ãŒã«ãƒžãƒ«ãƒã‚¿ãƒƒãƒã¯ã§ããªã„ã‘ã©ã€ã¨ã‚Šã‚ãˆãšã‚¨ãƒ©ãƒ¼ãŒå‡ºã¦ãªã„ã¨ã‹ãã†ã„ã†ç¢ºèªãªã‚‰ã§ãる。 ã¤ã„ã§ã«éš£ã®é …ç›®ã®Overrride User Agentã§iPhoneã‚„iPadã‚’é¸ã¶ã¨ãªãŠè‰¯ã•ãã†ã€‚（ã¡ãªã¿ã«IEã¨ã‹ã‚‚指定ã§ãã¾ã™ã€‚ã‚‚ã¡ã‚んエミュレートã¯ãªã„ã‘ã©ã。）　画é¢ã‚µã‚¤ã‚ºã¯ã€ãれを指定値ã«å¤‰æ›´ã§ãるプラグインãŒã‚ã‚‹ã‹ã‚‰ã€æŽ¢ã—ã¦ã¿ã¦ãã ã•ã„。 Settingsã®é …ç›®ã¯ã€ãªã‚“ã‹æ°—ãŒã¤ã„ãŸã‚‰ï¼ˆChromeãŒæ›´æ–°ã•ã‚Œã¦ã¦ï¼‰å¤‰ã‚ã£ã¦ã‚‹ã‹ã‚‰ã€ã¨ãã©ã覗ã„ã¦ã¿ã‚‹ã¨ã„ã„ã‚“ã˜ã‚ƒãªã„
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.saitolab.org/taiken/
Web Developer Checklist: Website Launch Checklist | Toptal®
mdlab.jp
http://webdesignmatome.com/webdesign/inspiration
{{#tags}}- {{label}}
{{/tags}}