高速ブラウジングを実ç¾ã™ã‚‹Googleã®ã€ŒAMPã€ã€æ—¥æœ¬ã§ã‚‚検索çµæžœã«AMP対応記事ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ã€€
ãªã‚“ã§ã‚‚ã‹ã‚“ã§ã‚‚pictureè¦ç´ を使ãˆã°ã„ã„ã‚ã‘ã˜ã‚ƒãªã„ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・イメージ実装ã®éš›ã®æ³¨æ„点
ç”»åƒè¡¨ç¤ºã®ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã‚’HTMLã¨CSSã®ã¿ã§å®Ÿç¾ã§ãる「レスãƒãƒ³ã‚·ãƒ–・イメージã€ã§ã™ãŒã€åŠ¹æžœçš„ãªä½¿ã„方をã™ã‚‹ã«ã¯ã€ã„ãã¤ã‹æ³¨æ„点ãŒã‚ã‚Šã¾ã™ã€‚プãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ãƒ»ã‚µã‚¤ãƒˆã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¾ã§ã«ã¯ã‚‚ã†å°‘ã—時間ãŒã‹ã‹ã‚Šãã†ã§ã™ãŒã€åŸºç¤Žã¨æ³¨æ„点ãらã„ã¯ä»Šã‹ã‚‰è¦šãˆã¦ãŠã„ã¦ã‚‚良ã•ãã†ã§ã™ã€‚ Cloud Fourã¨ã„ã†ã‚¢ãƒ¡ãƒªã‚«ã®åˆ¶ä½œä¼šç¤¾ã®ãƒ–ãƒã‚° ã§ã€<picture>è¦ç´ ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦æ³¨æ„を促ã—ã¦ã„ã¦ã€ã¨ã¦ã‚‚é‡è¦ãªæƒ…å ±ã ã¨æ€ã£ãŸã®ã§ã“ã¡ã‚‰ã§ã‚‚シェアã—ã¾ã™ã€‚先日書ã„ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・イメージã¨Picturefill 2ã®ã¾ã¨ã‚ã¨ã‚ã‚ã›ã¦ã€è¿‘ã„å°†æ¥ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・イメージ実装ã®å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ã¾ãšã¯æŽ¨å¥¨ã®è¨˜è¿°æ–¹æ³•ã‹ã‚‰ レスãƒãƒ³ã‚·ãƒ–・イメージ実装ã®éš›ã«æŽ¨å¥¨ã•ã‚Œã‚‹HTMLã®è¨˜è¿°æ–¹æ³•ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ï¼š ã¨ã‚Šã‚ãˆãšã€ã“ã‚Œã ã‘覚ãˆã¦ãŠã‘ã°ã€ç´°ã‹ã„ã¨ã“ã‚ã¯ã“ã®è¨˜äº‹ã‚’ã¯ã¦ãƒ– ã—ã¦ãŠã„ã¦ã€ä½¿ã†æ™‚ã«ã‚‚ã†ä¸€åº¦è¦‹ãª
srcsetã¨sizes
パート1：メディア・クエリã®ã©ã“ãŒã¾ãšã„ã®ã‹ï¼Ÿ ãã†ã€ã‚‚ã—å›ãŒã‚¦ã‚§ãƒ–サイトを作ã£ã¦ã„る時代ãŒ1993å¹´2月23æ—¥ã‹ã‚‰2010å¹´5月25æ—¥ã®é–“ã ã£ãŸã‚‰ã€ç”»åƒã®æ‰±ã„ãªã‚“ã¦ãƒãƒ§ãƒã‹ã£ãŸãï¼â€‚ãã‚Œã¯ã“ã‚“ãªãµã†ã«å˜ç´”ã ã£ãŸã€‚ å¹…ã®å›ºå®šã•ã‚ŒãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã«ã‚‰ã¿ã¤ã‘ã‚‹ ç”»åƒãŒãã£ã‹ã‚Šä½•ãƒ”クセルã‹ã‚’測る――ãã®ç”»åƒã¯ã‚らゆるユーザーã®ç”»é¢ã§å¤‰ã‚らãªã„スペースをå ã‚ã‚‹ã“ã¨ã«ãªã‚‹ Photoshopã®ã‚¨ãƒ³ã‚¸ãƒ³ã‚’ã‹ã‘ã‚‹ ç”»åƒã‚’ã•ã£ã測ã£ãŸã¨ãŠã‚Šã®ã‚µã‚¤ã‚ºã§ã€Œã‚¦ã‚§ãƒ–用ã«ä¿å˜ã€ã™ã‚‹ ãれを<img>ã‚¿ã‚°ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ グラスã«ãƒ“ールを注ãŽï¼ˆã¾ãŸã¯æ–°é®®ãªã‚°ãƒªãƒ³ãƒ”ースã®ç¼¶ã‚’é–‹ã‘）ã€ä»•äº‹ãŒã†ã¾ãã„ã£ãŸã“ã¨ã‚’ç¥ã† ã¨ããŠã‚Šè¡æ˜Žãªã‚‹é 言者ãŒè’野ã‹ã‚‰ç¾ã‚Œã¦ã¯ã€ã“ã®æ‰‹æ³•ã«æ½œã‚€å•é¡Œã«ã¤ã„ã¦æ·±é ãªçœŸå®Ÿã‚’説ãã“ã¨ã‚‚ã‚ã£ãŸã€‚ãã‚Œã§ã‚‚ã“ã®ã‚„ã‚Šæ–¹ã¯ã€20å¹´ã‚‚ã®é–“ã€ã‚¦ã‚§ãƒ–・デザイナーを生æ¥ã¨ã™ã‚‹ã‚‚ã®ãŸã¡ã«å—ã‘入れられã¦ããŸã€‚ ã—ã‹ã—ã€æ™‚代ã¯
pictureè¦ç´ ã®é–¢é€£ä»•æ§˜ã£ã¦ä»Šã©ã†ãªã£ã¦ã‚‹ã‚“ã ã£ã‘？を調ã¹ãŸãƒ¡ãƒ¢
<picture> ã©ã†ãªã£ãŸ 勤ã‚å…ˆãŒãƒ¢ãƒã‚¤ãƒ«ã«æ³¨åŠ›ã—ã¦ã„ãŸã“ã¨ã‚‚ã‚ã‚Šã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚‚ã¸ã£ãŸãれもãªã„世界を生ãã¦ããŸã€‚ãã®ã›ã„ã§ã€ãã®é¡žã®æƒ…å ±ã«ã‹ãªã‚Šç–Žããªã£ã¦ã„ãŸã®ã§ã€ç¾çŠ¶ã‚’軽ã調査ã—ã¦ã¿ãŸæ¬¡ç¬¬ã€‚ HTMLã§ã®ç”»åƒãƒªã‚½ãƒ¼ã‚¹èªã¿è¾¼ã¿åˆ†å²ã®å¿…è¦æ€§ CSS ã«ã¯ Media Queries ãŒã‚ã‚‹ã®ã§ã€Viewport ã® width ã§ã‚ã£ãŸã‚Šãƒ‡ãƒã‚¤ã‚¹ã®ãƒ”クセル密度ã§ã‚ã£ãŸã‚Šã‚’æ¡ä»¶ã«ã—㦠background プãƒãƒ‘ティã®æŒ‡å®šã‚’ã™ã‚Œã°å¯¾å¿œã§ãる。 åé¢ã€<img> è¦ç´ 㨠src 属性ã«ã¯ãã®ã‚ˆã†ãªä»•çµ„ã¿ãŒãªã„ãŸã‚ã€Media Queries ã§å¯èƒ½ãªæ¡ä»¶ã§åŒã˜ã‚ˆã†ã«ã‚„ã‚ã†ã¨æ€ã†ã¨ã€JavaScript 㧠DOMContentLoaded ã®ã‚ã¨ã«"é ‘å¼µã£ã¦"æ“作ã™ã‚‹ã‹ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ UserAgent ã«å¿œã˜ã¦"è³¢ã"è¿”ã™ä»•çµ„ã¿ã‚’用æ„ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„。 WebP ã®ã‚ˆã†ãªç”»åƒå½¢å¼
The case for an embeddable Gecko – ChrisLord.net
Strap yourself in, this is a long post. It should be easy to skim, but the history may be interesting to some. I would like to make the point that, for a web rendering engine, being embeddable is a huge opportunity, how Gecko not being easily embeddable has meant we’ve missed several opportunities over the last few years, and how it would still be advantageous to make Gecko embeddable. What? Embed
Ask HN: How to handle 50GB of transaction data each day? (200GB during peak) | Hacker News
Recently I switched jobs and joined some old employers and friends on a new endeavour, an advertisement platform. So far things have been very good, so good in fact that we're quickly growing out of our current infrastructure. Last christmas everything went crazy and the, then only developer, rewrote a bunch of things to make it scale better.Currently we write away every single transaction to txt
ZeroDB white paper
ZeroDB is an end-to-end encrypted database that enables clients to operate on (search, sort, query, and share) encrypted data without exposing encryption keys or cleartext data to the database server. The familiar client-server architecture is unchanged, but query logic and encryption keys are pushed client-side. Since the server has no insight into the nature of the data, the risk of data being e
OpenID Connectã¯ãã‚“ãªã«å¤§å¤‰ã‹ã？ - OAuth.jp
OAuth 2.0 + OpenID Connect ã®ãƒ•ãƒ«ã‚¹ã‚¯ãƒ©ãƒƒãƒå®Ÿè£…者ãŒçŸ¥è¦‹ã‚’語る – Qiita ã£ã¦ã®ã«ãªã‚“ã‹ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ã—ã‚よ的ãªã®ãŒæ¥ãŸã®ã§ã€‚ ã–ã£ã¨èªã‚“ã 感想ã¨ã—ã¦ã¯ã€ã€ŒOpenID Connect ã® OPTIONAL ãªæ©Ÿèƒ½å…¨éƒ¨å®Ÿè£…ã—ãŸã‚‰ã€ãら大変ã§ã™ãã€ã¨ã„ã†æ„Ÿã˜ã€‚（Authlete ã«é–¢ã—ã¦ã¯ã€OpenAM ã¿ãŸã„ãªæ„Ÿã˜ã§ä½¿ã‚れるã€OpenAM よりã¯ã‚‹ã‹ã«ç°¡å˜ã«ä½¿ãˆã‚‹ä»£ã‚ã‚Šã«æœ‰æ–™ã®ä½•ã‹ãªã‚“ã ã‚ã†ãªã€ã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ï¼‰ OAuth ã¯å¿…è¦ãªã®ã‹ï¼Ÿ Basic èªè¨¼ã¯æ»ã‚“ã 。 ユーザーå˜ä½ã§ã® API ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãŒã—ãŸã„ã§ã™ã€‚ ã£ã¦ã„ã†å‰æã§è©±ã™ã‚‹ã¨ã€OAuth 以外ã¾ã¨ã‚‚ãªé¸æŠžè‚¢ãŒç„¡ã„ã‚“ã˜ã‚ƒãªã„ã§ã—ょã†ã‹ã€‚ OAuth ã®å„種 Extension (RFC 6749 & 6750 以外ã«ã„ã‚ã„ã‚ã‚ã‚‹) ã«é–¢ã—ã¦ã¯ã€é©å®œå¿…è¦ãªã®ã‚’実装ã™ã‚Œã°ã„ã„ã‚“ã ã‘ã©
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub Visualizer
{{#tags}}- {{label}}
{{/tags}}