Ultimate CSS Gradient Generator from ColorZillabackground: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */
[CSS3] Androidã®mask-imageã«é–¢ã™ã‚‹ä¸å…·åˆã«ã¤ã„ã¦
CSS Programming Advent Calendar 2012ã®20日目ã®è¨˜äº‹ã§CSS Maskingã«ã¤ã„ã¦æ›¸ãã¾ã—ãŸã€‚ ãã®ä¸ã§Androidã«ã¯ä¸å…·åˆãŒã‚ã‚‹ã‚“ã よã…ã£ã¦ã„ã†ã®ã‚’最後ã®æ–¹ã§ç´¹ä»‹ã—ãŸã¨ã〠å‚考ã¨ã—ã¦ãƒªãƒ³ã‚¯ã—ã¦ã„ãŸã®ã¯@mattari_pandaã•ã‚“ãŒæ›¸ã„㟠Android4ã§mask-imageã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŒæ™‚ã«è¨å®šã™ã‚‹ã¨ãƒžã‚¹ã‚¯ã—ãªããªã‚‹ ã¨ã„ã†ãƒ‡ãƒ¢ã§ã—ãŸã€‚ ã§ã‚‚よã調ã¹ã¦ã¿ãŸã‚‰ãã‚Œã ã‘ã˜ã‚ƒãªã‹ã£ãŸã‚“ã§ã™ã€‚ 検証ã™ã‚‹ã«ã‚ãŸã£ã¦æ›¸ã„ãŸãƒ‡ãƒ¢ã¯ã“ã‚Œã§ã™ã€‚ 以下ã®å†…容ã¯Readmeã¨ä¸€éƒ¨è¢«ã‚Šã¾ã™ã€‚ Androidã§ã®ç—‡çŠ¶ mask-imageã¨animationã‚’åŒæ™‚ã«è¨å®šã™ã‚‹ã¨ãƒžã‚¹ã‚¯ã—ãªããªã‚‹(Android4ã®ã¿) 症状ãŒå‡ºã‚‹ã®ã¯ï¼“ã¤ç›®ã®ãƒ‰ãƒã‚¤ãƒ‰å›ã§ã™ã€‚ mask-imageã¨animationã‚’åŒæ™‚ã«è¨å®šã—ãŸå ´åˆã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å¯¾è±¡ã®ãƒ—ãƒãƒ‘ティã«é–¢ä¿‚ãªã
![[CSS3] Androidã®mask-imageã«é–¢ã™ã‚‹ä¸å…·åˆã«ã¤ã„ã¦](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
Linux-4.0ã®ãƒ©ã‚¤ãƒ–パッãƒæ©Ÿèƒ½ã‚’試ã—ã¦ã¿ã‚‹ - Qiita
Linux-4.0ã®ãƒ©ã‚¤ãƒ–パッãƒæ©Ÿèƒ½ã‚’試ã—ã¦ã¿ã‚‹ 先週リリースã•ã‚ŒãŸLinux-4.0カーãƒãƒ«ã«ã¯ã€ãƒ©ã‚¤ãƒ–パッãƒã¨ã„ã†ã‚«ãƒ¼ãƒãƒ«ãƒ‘ッãƒæ©Ÿæ§‹ãŒæ載ã•ã‚Œã¦ã„ã¾ã™ã€‚ Linux 4.0 released https://lkml.org/lkml/2015/4/12/178 Kernel4.0ã§æ³¨ç›®ã‚’ã‚ã¤ã‚るライブカーãƒãƒ«ãƒ‘ッãƒæ©Ÿèƒ½ http://news.mynavi.jp/news/2015/04/22/192/ 今回ã¯ã“ã®ãƒ©ã‚¤ãƒ–パッãƒæ©Ÿèƒ½ã‚’試ã—ã¦ã¿ã¾ã—ãŸã€‚環境ã¯CentOS-7.1ã§ã€minimalインストールã®çŠ¶æ…‹ã‹ã‚‰ä½œæ¥ã—ã¦ã„ã¾ã™ã€‚ Linux4.0カーãƒãƒ«ãƒ“ルド カーãƒãƒ«ãƒ“ルドã«å¿…è¦ãªãƒ‘ッケージ ã¾ãšã¯ã‚«ãƒ¼ãƒãƒ«ãƒ“ルドã«å¿…è¦ãªãƒ‘ッケージをインストールã—ã¾ã™ã€‚gcc,bc,perlã¯å¿…é ˆã§ã™(bcã¨ã‹å…¥ã‚Œå¿˜ã‚Œã‚‹ã¨ã‚«ãƒ¼ãƒãƒ«ãƒ“ルド途ä¸ã§ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹)。ã“ã®å¾Œã®ã‚«ãƒ¼ãƒãƒ«ã‚³ãƒ³ãƒ•ã‚£ã‚°ã¯"make m
超見やã™ã„ï¼Chromeã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールãŒåŠ‡çš„ã«è¦‹ã‚„ã™ããªã‚‹æ‹¡å¼µæ©Ÿèƒ½ï½œç”·åãƒãƒƒã‚¯
黒背景ã§ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºï¼ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツール用ã®ãƒ†ãƒ¼ãƒžãŒæ‹¡å¼µæ©Ÿèƒ½ã¨ã—ã¦åˆ©ç”¨å¯èƒ½ï¼ã†ã‰ã‰ï¼ã“ã‚“ãªæ‹¡å¼µæ©Ÿèƒ½ãŒã‚ã£ãŸãªã‚“ã¦ã€ã‚‚ã£ã¨æ—©ã知りãŸã‹ã£ãŸï¼ã¨æ€ã†äººãŒç¶šå‡ºã—ãã†ï¼ˆï¼Ÿï¼‰ã§ã™ãŒã€Google Chromeã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールを物凄ã見やã™ã„é…色ã«å¤‰æ›´ã™ã‚‹ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã®Chrome拡張機能を試ã—ã¦ã¿ã¾ã—ãŸï¼ 今回試ã—ã¦ã¿ãŸæ‹¡å¼µæ©Ÿèƒ½ã¯ã€ŒDevTools Theme: Zero Dark Matrix - Chrome ウェブストアã€ã¨ã„ã†æ‹¡å¼µæ©Ÿèƒ½ã€‚åŒæ§˜ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールã®ãƒ†ãƒ¼ãƒžã‚’変更ã™ã‚‹æ‹¡å¼µæ©Ÿèƒ½ã¯ä»–ã«ã‚‚ã‚ã‚Šã¾ã™ãŒã€é…色ã®é•ã„ãªã®ã§å¥½ã¿ã§é¸æŠžã™ã‚‹ã®ãŒè‰¯ã•ãã†ã§ã™ã€‚ 下記ã®ç”»åƒãŒé€šå¸¸ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールを開ã„ãŸç”»é¢ã€‚コードã¯ãƒã‚¤ãƒ©ã‚¤ãƒˆã•ã‚Œã¦ã„ã¾ã™ãŒã€ç™½èƒŒæ™¯ã ã¨è¦‹ã¥ã‚‰ã„ã§ã™ã€‚ ãã“ã§ã€ŒDevTools Theme: Zero Dark Matrix - Chrome ウェブストアã€ã‚’利用ã™ã‚‹ã¨ä»¥ä¸‹ã®
JavaScript ã§å…¨ä½“ã®ã‚¨ãƒ©ãƒ¼ã‚’検知, æ•æ‰ã—ã¦ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã™ã‚‹æ–¹æ³• | tmlife
エラーãŒèµ·ããŸã„éš›ã«, 共通ã§ä½•ã‹å‡¦ç†ã‚’ã‚„ã‚ŠãŸã„å ´é¢ã£ã¦ã‚ˆãã‚ã‚Šã¾ã™ã‚ˆã？ 例ãˆã° console 以外ã§ã‚¨ãƒ©ãƒ¼ãŒèµ·ããŸè¡Œã‚’表示ã—ãŸã„ エラーã®å†…容を日本語化ã—ãŸã„ エラーã®å†…容をサーãƒãƒ¼ã«é€ã‚ŠãŸã„ ãªã©ãªã©. 今回㯠JavaScript ã§èµ·ããŸã‚¨ãƒ©ãƒ¼ã‚’検知, æ•æ‰ã—㦠ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™. エラー時ã«å¿…ãšå‘¼ã°ã‚Œã‚‹é–¢æ•°ã‚’登録ã—よㆠJavaScript ã§ã¯ã‚¨ãƒ©ãƒ¼ãŒèµ·ãる㨠window オブジェクト㮠error イベントãŒç™ºç«ã—ã¾ã™. ãªã®ã§ä¸‹è¨˜ã®ã‚ˆã†ã« error イベントを登録ã—ã¦ãŠã‘㰠エラー時ã«ä½•ã‹å‡¦ç†ã‚’è¡Œã†ã¨ã„ã£ãŸã“ã¨ã‚’ç°¡å˜ã§å®Ÿç¾ã§ãã¾ã™. window.onerror = function(msg, url, line, col, error) { console.log(msg); // エラーã®å†…容 }; 引数㯠msg … エラーメッセージ u
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}