Hands-on with Portals: seamless navigation on the web  | Articles  | web.dev
Hands-on with Portals: seamless navigation on the web Stay organized with collections Save and categorize content based on your preferences. Making sure your pages load fast is key to delivering a good user experience. But one area we often overlook is page transitions—what our users see when they move between pages. A new web platform API proposal called Portals aims to help with this by streamli
W3C 版 HTML 5.1 変更点ã¾ã¨ã‚ - Qiita
W3C 版 HTML 5.1 変更点ã¾ã¨ã‚ HTML 勧告ã®å…¨ã¦ã‚’把æ¡ã—ãŸä¸Šã§ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’è¡Œã†ã“ã¨ã¯ãªã‹ãªã‹é›£ã—ã〠昨今ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã¯ã€éƒ½åº¦å¿…è¦ãªå‡¦ç†ãŒå‡ºã¦ããŸéš›ã«ã‚µãƒãƒ¼ãƒˆçŠ¶æ³ç‰ã‚’調ã¹ã¦å®Ÿè£…ã™ã‚‹ã‚ˆã†ãªæµã‚ŒãŒé †å½“ãªã®ã‹ã¨æ€ã„ã¾ã™ã€‚ 今回ã€W3C 版 HTML 5.1 ã§è¿½åŠ ・変更ã•ã‚ŒãŸã‚‚ã®ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã®ã€ 勧告ã•ã‚ŒãŸå…¨ã¦ãŒã€ç¾æ®µéšŽã§å…¨ã¦ã®ãƒ–ラウザーã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã‚‚ãªã〠ã“ã‚“ãªã®ãŒæ£å¼å‹§å‘Šã•ã‚Œã¦ã‚‹ã‚“ã ーã¨ã€é ã«å…¥ã‚Œã¦ãŠã‘ã°è‰¯ã„ã®ã‹ã¨æ€ã„ã¾ã™ã€‚ é–“é•ã„ã€è§£é‡ˆã®é•ã„ãªã©ã‚ã‚Šã¾ã—ãŸã‚‰ã™ã¿ã¾ã›ã‚“。 W3C HTML 5.1 勧告 https://www.w3.org/TR/2016/REC-html51-20161101/index.html 大ããªå¤‰æ›´ç‚¹ https://www.w3.org/TR/2016/REC-html51-20161101/changes.ht
Resource Hints API ã§ãƒªã‚½ãƒ¼ã‚¹ã®æŠ•æ©Ÿçš„å–å¾— | blog.jxck.io
Intro Resource Hints ã¨ã¯ç¾åœ¨æ案ã•ã‚Œã¦ã„る以下ã®ãƒ‰ãƒ©ãƒ•ãƒˆã§ã‚ã‚Šã€ãƒ–ラウザã«ã€Œæ¬¡ã«å¿…è¦ã¨ãªã‚‹ãƒªã‚½ãƒ¼ã‚¹ã‚’æ•™ãˆã‚‹ã€ã“ã¨ã§ã€æŠ•æ©Ÿçš„ãªå–得を行ㆠAPI 群ã§ã‚る。 https://w3c.github.io/resource-hints/ 主ã«ä»¥ä¸‹ãŒã‚る。 dns-prefetch preconnect prefetch prerender 今回ã¯æœ¬ã‚µã‚¤ãƒˆã§ã“れをé©ç”¨ã—ãŸè©±ã€‚ 投機的ãªãƒªã‚½ãƒ¼ã‚¹å–å¾— 例ãˆã°ã€ãƒã‚°ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã®æ¬¡ã«ã¯ã€ãã®ã‚µãƒ¼ãƒ“スã®ãƒ¡ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã«é·ç§»ã™ã‚‹é »åº¦ãŒé«˜ã„。 ãã—ã¦ã€ãƒ¡ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã§ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¿½åŠ ã®ãƒªã‚½ãƒ¼ã‚¹ãŒå¿…è¦ã«ãªã‚‹ã ã‚ã†ã€‚ è¿½åŠ ã® JS è¿½åŠ ã® CSS è¿½åŠ ã® Image è¿½åŠ ã® API アクセス ãã‚Œãžã‚Œã‚’ DNS 解決 -> TCP 接続 -> リソースã®ãƒ•ã‚§ãƒƒãƒã€ã¨ç¹°ã‚Šè¿”ã—ã¦ã„ãã¨ã€ã‚¤ãƒ‹ã‚·ãƒ£ãƒ«è¡¨ç¤ºã¯å¿…然的ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã€‚ ã¨ã“ã‚ãŒã€ã“ã®é·ç§»ã«
ファビコン・カンニング・ペーパー
Translation of: favicon-cheat-sheet ファビコンã®ã‚µã‚¤ã‚ºã‚„å½¢å¼ã«ã¤ã„ã¦ã®èªã‚€ã¨é ãŒç—›ããªã‚‹å執的ãªã‚«ãƒ³ãƒ‹ãƒ³ã‚°ãƒ»ãƒšãƒ¼ãƒ‘ーã§ã™ã€‚以下ã®URLã‚’å‚考ã«ã—ã¾ã—ãŸ: rel="shortcut icon" considered harmful · Mathias Bynens <-- special thanks @mathiasbynens Everything you always wanted to know about touch icons · Mathias Bynens <-- special thanks @mathiasbynens Jonathan T. Neal | Understand the Favicon Favicon - Wikipedia, the free encyclopedia Making a Good Favicon -
Firefox 23 より text-decoration: blink; ã«ã‚ˆã‚‹ç‚¹æ»…効果ãŒå‰Šé™¤
4月ã®ã¯ã˜ã‚ã«ã€Gecko レンダリングエンジンã«ãŠã‘ã‚‹ blink è¦ç´ 㨠CSS ã® text-decoration: blink; ã«ã‚ˆã‚‹ç‚¹æ»…エフェクトã®ã‚µãƒãƒ¼ãƒˆã‚’ã‚‚ã†ã‚„ã‚よã†ãœã£ã¦ã„ã†æ案ãŒæ‰¿èªã•ã‚Œã¦ã€ä»Šå¾Œãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«åæ˜ ã•ã‚Œã‚‹ã“ã¨ãŒç¢ºå®šã—ãŸã‚ˆã†ã§ã™ã¨æ›¸ã„ãŸã®ã§ã™ãŒã€ä»Šã€Firefox 23 ã®ã‚µã‚¤ãƒˆäº’æ›æ€§æƒ…å ±ã‚’è¦‹ã¦ã„ãŸã‚‰ã€å®Ÿéš›ã«å‰Šé™¤ã•ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ text-decoration: blink; 㨠blink è¦ç´ 終了ã®ãŠçŸ¥ã‚‰ã› Firefox 23 サイト互æ›æ€§æƒ…å ± ： MDN Firefox ã¯å¾“æ¥ã€CSS text-decoration プãƒãƒ‘ティ㮠blink ã‚ーワードを用ã„㟠Netscape ç”±æ¥ã®ç‚¹æ»…効果ã«å¯¾å¿œã—ã¦ã„ã¾ã—ãŸã€‚HTML blink è¦ç´ ã‚„ DOM String.blink メソッドã§ã‚‚åŒæ§˜ã®åŠ¹æžœãŒå¾—られã¾ã—ãŸã€‚Firefox 23 以
ã“ã‚Œã¯ã™ã”ã„! フォーム最é©åŒ–ã«å½¹ç«‹ã¤ã‚°ãƒ¼ã‚°ãƒ«æ案ã®autocomplete新仕様 | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
※2012-04-07　セã‚ュリティé¢ã®å•é¡Œã«é–¢ã—ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ 今日ã¯ã€ã‚¦ã‚§ãƒ–ページã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ¥½ã«ã—ã‹ã‚‚æ£ç¢ºã«å…¥åŠ›ã§ãるよã†ã«ã§ãる（å¯èƒ½æ€§ã‚’秘ã‚ãŸï¼‰ã€æ–°ã—ã„HTMLã®ä»•æ§˜ã«ã¤ã„ã¦ã®æƒ…å ±ã‚’ã€‚autocomplete属性ã«é–¢ã™ã‚‹æ–°ã—ã„仕様ã§ã™ã€‚ グーグルã¯ã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã«è‡ªå‹•å…¥åŠ›ã™ã‚‹ä»•çµ„ã¿ã«é–¢ã—ã¦ã€æ–°ã—ã„仕様をæ案ã—ã¾ã—ãŸã€‚HTMLã®ä»•æ§˜ã‚’æ‹¡å¼µã™ã‚‹ã“ã¨ã§ã€ãƒ–ラウザã§ãƒ•ã‚©ãƒ¼ãƒ ã«è‡ªå‹•å…¥åŠ›ã™ã‚‹ä»•çµ„ã¿ã‚’使ã„ã‚„ã™ãã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ã“ã‚ŒãŒã†ã¾ã動作ã™ã‚‹ã¨ã€ãƒ•ã‚©ãƒ¼ãƒ 入力ãŒéžå¸¸ã«æ¥½ã«ãªã‚Šã€ãƒŸã‚¹ã‚‚ã»ã¼ãªããªã‚Šã¾ã™ã€‚ ã©ã‚Œãらã„ã™ã”ã„ã‹ã¨ã„ã†ã¨ã€ã¡ã‚ƒã‚“ã¨è¨å®šã—ãŸãƒ–ラウザを使ã†ã¨ã€ãƒ•ã‚©ãƒ¼ãƒ ã§3クリックã™ã‚‹ã ã‘ã§ã€ä¸€èˆ¬çš„ãªé …ç›®ãŒä¸€æ°—ã«å…¥åŠ›ã•ã‚Œã‚‹ã®ã§ã™ã€‚ ãŸã¨ãˆã°ã€ã“ã®çŠ¶æ…‹ã‹ã‚‰ã€ åå‰ã‚„ä½æ‰€ãªã©ã®æ¨™æº–çš„ãªé …ç›®ãŒã€ä¸€æ°—ã«è‡ªå‹•å…¥åŠ›ã•ã‚Œã¾ã™ã€‚ ã©ã†ã§ã—ょã†ã€‚ã“ã†ã—ãŸæ©Ÿèƒ½ã‚’サイトã«è¨ã‘られãŸã‚‰ã€ãƒ•ã‚©ãƒ¼ãƒ ã®
An Introduction to HTML 5 Web Workers
The book's original source code can be downloaded from the Manning website and GitHub. The GitHub repository includes an updated-code branch that has been adjusted to work with the latest version of Emscripten (currently version 3.1.44). Prior to HTML 5 Web Workers, all JavaScript code would run in the same thread as the UI of that browser window. The result was that all long-running scripts would
ブラウザã®ä»•çµ„ã¿: 最新ウェブブラウザã®å†…部構é€
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
Firefox 5 for developers - Mozilla | MDN
Firefox 5 㯠Gecko 5.0 ベースã®ãƒ–ラウザーã§ã€2011 å¹´ 6 月 21 æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ã“ã®ãƒšãƒ¼ã‚¸ã¯ Firefox 5 ã®ãƒªãƒªãƒ¼ã‚¹ã«ã‚ãŸã‚Šã€é–‹ç™ºè€…ã«å½±éŸ¿ã™ã‚‹å¤‰æ›´ã«ã¤ã„ã¦æƒ…å ±ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ ã™ã¹ã¦ã® HTML è¦ç´ ㌠accessKey 属性をæŒã¤ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã¾ãŸã€blur(), click(), focus() メソッドもã™ã¹ã¦ã®è¦ç´ ã«å®šç¾©ã•ã‚Œã¾ã—ãŸã€‚ã“れらã®å±žæ€§ã‚„メソッド㯠HTMLElement ã«å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML5 仕様ã¸ã®æº–æ‹ ã«ã‚ˆã‚Šã€æ–‡å—エンコーディング UTF-7 㨠UTF-32 ã®ã‚µãƒãƒ¼ãƒˆãŒå‰Šé™¤ã•ã‚Œã¾ã—ãŸã€‚ Quirks モードã«ãŠã„ã¦ã€ç©ºã® <map> ãŒãƒžãƒƒãƒã•ã‚Œãšã€ç©ºã§ãªã„ <map> ã«ã‚¹ã‚ップã—ã¦ã—ã¾ã†å•é¡ŒãŒä¿®æ£ã•ã‚Œã¾ã—ãŸã€‚詳細㯠<map> è¦ç´ ã®ãƒšãƒ¼ã‚¸ã«ã‚ã‚‹ Gecko ã®å®Ÿè£…ã«é–¢ã™ã‚‹æ³¨æ„書ã ã‚’ã”覧ãã ã•
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
HtmlUnit – Welcome to HtmlUnit
Constantly updating and maintaining the HtmlUnit code base already takes a lot of time. I would like to make 2 major extensions in the next few months Add HTTP/2 support Replace the Rhino based JavaScript engine For doing this I need your Sponsoring. HtmlUnit is a "GUI-Less browser for Java programs". It models HTML documents and provides an API that allows you to invoke pages, fill out forms, cli
IE6ã€IE7ã€IE8ã«ãŠã‘ã‚‹CSSã®é•ã„ã¾ã¨ã‚ | エンタープライズ | マイコミジャーナル
IE? - IE6, IE7 and IE8 Net Applicationsã®å ±å‘Šã«ã‚ˆã‚Œã°ã€2009å¹´9月ã«ãŠã‘るブラウザシェアã¯IEãŒ65.71%ã§éŽåŠæ•°ã®ã‚·ã‚§ã‚¢ã‚’確ä¿ã—ã¦ã„る。ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”ã¨ã«ã¿ã‚‹ã¨IE6 24.42%ã€IE7 19.39%ã€IE8 16.84%ã¨ãªã£ã¦ãŠã‚Šã€IE6ã€IE7ã€IE8ã®ã‚·ã‚§ã‚¢ãŒæ‹®æŠ—ã—ã¤ã¤ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã€‚ã“ã‚Œã¾ã§ã®ã‚·ã‚§ã‚¢å¤‰å‹•ã‹ã‚‰æŽ¨æ¸¬ã™ã‚‹ã¨ã€ä»Šå¾Œæ•°ãƒ¶æœˆã®é–“ã¯3ã¤ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®IEãŒä¼¼ãŸã‚ˆã†ãªã‚·ã‚§ã‚¢ã‚’æŒã£ãŸæœŸé–“ãŒç¶šãã“ã¨ã«ãªã‚‹ã€‚IEãŒç¬¬ä¸€ã‚·ã‚§ã‚¢ã ã¨ã„ã£ã¦ã‚‚ã€çµæžœçš„ã«3ã¤ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«å¯¾å¿œã™ã‚‹å¿…è¦ãŒã‚る。 ã“ã®çŠ¶æ³ã¯ã€ç‰¹ã«CSSã®ã‚µãƒãƒ¼ãƒˆã¨ã„ã†é¢ã§åŽ„介ãªçŠ¶æ³ã‚’生ã¿å‡ºã—ã¦ã„る。IE8ã¯CSS 2.1ã¸ã®é«˜ã„æº–æ‹ ã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ãŒã€IE7ã¯ãã†ã§ã¯ãªã„。IE6ã¯ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹è¦ç´ やプãƒãƒ‘ティãŒã•ã‚‰ã«å°‘ãªã„。ã¾ãŸIE7ã‚„IE6ã¯å¯¾è±¡ã®è¦ç´ やプãƒãƒ‘ティをサãƒãƒ¼ãƒˆã—ã¦ã„
ãƒãƒ¼ã‚«ãƒ«ã¸ã®ãƒ‡ãƒ¼ã‚¿ã®ä¿å˜ã‚’å¯èƒ½ã«ã™ã‚‹DOM Storage - builder by ZDNet Japan
2種類ã®DOM Storage DOM Storageã¯ãƒ–ラウザãŒãƒãƒ¼ã‚«ãƒ«ã«æŒã¤ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹ã“ã¨ãŒã§ãる仕組ã¿ã§ã‚る。従æ¥ã€ã‚¦ã‚§ãƒ–アプリケーションãŒä½•ã‚‰ã‹ã®ãƒ‡ãƒ¼ã‚¿ã‚’永続化ã™ã‚‹ã«ã¯Cookieを利用ã™ã‚‹ã‹ã€ãã†ã§ãªã‘ã‚Œã°ã‚µãƒ¼ãƒå´ã®ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã«ä¿æŒã—ã¦ãŠãå¿…è¦ãŒã‚ã£ãŸã€‚DOM Storageよã£ã¦ã€ãã®ã‚ˆã†ãªæ§˜ã€…ãªæƒ…å ±ã‚’ãƒãƒ¼ã‚«ãƒ«å´ã«ä¿å˜ã—ã¦ãŠãã“ã¨ãŒã§ãるよã†ã«ãªã‚‹ã€‚ Firefoxã§ã¯ã“ã®æ©Ÿèƒ½ã‚’Firefox 2ã®é ƒã‹ã‚‰ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ãŒã€ç¾åœ¨ã§ã¯HTML 5ã®ãƒ‰ãƒ©ãƒ•ãƒˆã«æ£å¼ã«æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€IE4ã‚„Safari4ãªã©ä»–ã®ãƒ–ラウザã§ã‚‚åŒã˜æ©Ÿèƒ½ã‚’サãƒãƒ¼ãƒˆã™ã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ã™ãªã‚ã¡ã€ã“ã‚Œã¾ã§Firefoxã§ã—ã‹åˆ©ç”¨ã§ããªã‹ã£ãŸDOM Storage対応ã®ã‚µã‚¤ãƒˆãŒåˆ¥ã®ãƒ–ラウザã§ã‚‚利用ã§ãるよã†ã«ãªã£ãŸã¨ã„ã†ã‚ã‘ã 。 DOM Storageã¯Windowオブジェクトã®å±žæ€§ã¨ã—ã¦å®š
Two Hidden Features New in Firefox 3 — SitePoint
Firefox 3 Release Candidate 1 was revealed to the world last week, which means the final release is only about a month away. If you haven’t yet checked that your site works smoothly in the new browser, now’s the time! A few (understandably) angry Linux users aside, the consensus seems to be that Firefox 3 represents a huge leap forward for end-users. The browser is much faster, better looking, and
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Japanese-Translation-of-How-Browsers-Work/index.rst at master · cou929/Japanese-Translation-of-How-Browsers-Work
{{#tags}}- {{label}}
{{/tags}}