From 80 Seconds to 6: Optimizing Our Asset Compression
Before pushing our CSS and JavaScript assets to our CDN, we run them through jingo-minify to concat and minify the files, as well as cache bust them and any resources (such as images) contained inside them. Turns out, this was by far the slowest part of our push process — it took between 80 and 160 seconds for addons.mozilla.org (AMO) assets. It wasn’t a huge priority, since most of the time th
JavaScript/CSS圧縮処ç†ã‚’80秒ã‹ã‚‰6秒ã¾ã§çŸç¸®ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ - Mozilla | エンタープライズ | マイコミジャーナル
The Mozilla Foundation Mozilla WebDevブãƒã‚°ã«ã€ŒFrom 80 Seconds to 6: Optimizing Our Asset Compressionã€ã¨ã—ã¦ã€JavaScript・CSS・画åƒã®é€£çµãŠã‚ˆã³ãƒŸãƒ‹ãƒ•ã‚¡ã‚¤å‡¦ç†ã«ã‹ã‹ã‚‹æ™‚é–“ã‚’ã€80秒～160秒レベルã‹ã‚‰6秒ã¾ã§çŸç¸®ã•ã›ãŸã¨ãã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒæŽ²è¼‰ã•ã‚Œã¦ã„る。実用的ãªè³‡æ–™ã¨ã—ã¦å‚考ã«ãªã‚‹ã€‚ ç¾åœ¨ã€ã€ŒAdd-ons for Firefoxã€ã¯CDNを活用ã—ã¦ãƒªã‚½ãƒ¼ã‚¹ã‚’æä¾›ã—ã¦ã„ã‚‹ãŒã€ã“ã†ãªã‚‹å‰ã¯ã‚ャッシュ効果を最大é™ã«ç™ºæ®ã•ã›ã‚‹ãŸã‚ã«JavaScript・CSS・画åƒã‚’ファイルã¸é€£çµã—ã¦ãƒŸãƒ‹ãƒ•ã‚¡ã‚¤å‡¦ç†ã‚’実施ã—ã¦ä½¿ã£ã¦ã„ãŸã¨ã„ã†ã€‚ã“ã®ãƒªã‚½ãƒ¼ã‚¹ã®ç”Ÿæˆã«ã¯80秒ã‹ã‚‰160秒ã‹ã‹ã£ã¦ã„ãŸãŒã€å‡¦ç†ã‚’工夫ã™ã‚‹ã“ã¨ã§æœ€çµ‚çš„ã«6秒ã«ã¾ã§çŸç¸®ã‚’実ç¾ã—ãŸã¨èª¬æ˜ŽãŒã‚る。 ã“ã“ã§ç´¹ä»‹ã•ã‚Œã¦ã„る高速化テクニックをã¾ã¨ã‚ã‚‹ã¨
John Resig - How do Mobile Browsers Behave?
One of my favorite sources of active mining is that of Peter-Paul Koch digging in to mobile browsers and how they behave. Sponsored by Vodaphone to do a study of various mobile devices and their respective browsers, PPK has been doing some serious analysis of what the landscape looks like. Armed with a battery of tests he analyzes the various browsers manually (a painstaking task) but it yields so
IE ã® innerHTML ã‚„ appendChild ã§è¦ç´ ãŒæŒ¿å…¥ã•ã‚ŒãŸçž¬é–“ã‚’å–å¾—ã™ã‚‹æ–¹æ³• - IT戦記
è¦ç´ ãŒæŒ¿å…¥ã•ã‚ŒãŸçž¬é–“ã‚’å–å¾—ã™ã‚‹ 今ã¾ã§ã¯å‡ºæ¥ãªã„ã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€ä»Šæ—¥ã„ã‚ã„ã‚試ã—ã¦ã„ã¦å‡ºæ¥ã‚‹æ–¹æ³•ãŒåˆ†ã‹ã‚Šã¾ã—ãŸã€‚ ã§ã™ã®ã§ã€ã¡ã‚‡ã£ã¨ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚今ã®ã¨ã“ã‚アイデアãªã®ã§ã€å®Ÿç”¨æ€§ã¯ï¼Ÿã§ã™ã€‚ 方法 HTML ã«ä»¥ä¸‹ã® style è¦ç´ を挿入ã™ã‚‹ã“ã¨ã§å®Ÿç¾ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ <style type="text/css"> * { display: expression(function() { if (!this.__mark) { this.__mark = true; alert('inserted node: ' + this.tagName); } return ''; }.apply(this)); } </style> 実際ã«ä¾‹ã‚’見ã¦ã¿ã¾ã—ょㆠhttp://amachang.art-code.org/ieexpression/000.html <!DOCTYPE
CSS ã®æ–‡å—列を JS ã®æ–‡å—列㫠- IT戦記
ã“ã‚“ãªæ„Ÿã˜ã‹ãªã€‚ JSCSS.CSSValueConverter = { _string: function(str) { return str.replace(/\\([0-9a-fA-F]{1,6}[ \t\r\n\f]?|\r\n|[ \t\r\n\f]|.)/g, function(str, t) { if (t.match(/^[0-9a-fA-F]{1,6}[ \t\r\n\f]?$/)) { return String.fromCharCode(parseInt('0x' + t)); } else if (t.match(/^(\r\n|[ \t\r\n\f])$/)) { return ''; } else { return t; } }); }, string: function(str) { var m = str.match(/^['"]((?:[\r\n]|.)*
WebKit ã® CSS ã®å—å¥è§£æžéƒ¨åˆ†ã‚’ JavaScript ã«ç§»æ¤ã—ã¾ã—㟠- IT戦記
ã“れを JS ã«ç§»æ¤ã—ã¾ã—ãŸã€‚ http://svn.webkit.org/repository/webkit/trunk/WebCore/css/tokenizer.flex ãƒã‚¤ãƒ³ãƒˆ ãã‚Œãªã‚Šã«æ±Žç”¨çš„㪠Flex ã¿ãŸã„ãªã‚‚ã®ã‚’作ã£ãŸã®ã§ã€ãã®éƒ¨åˆ†ã¯ CSS 以外ã«ã‚‚使ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã‚ã¨ã€å®šç¾©ã‚’æ–‡å—列ã§æ›¸ã‹ãšã«æ£è¦è¡¨ç¾ã‚ªãƒ–ジェクトã§æ›¸ãã®ã§ãƒãƒƒã‚¯ã‚¹ãƒ©ãƒƒã‚·ãƒ¥ã‚’エスケープã›ãšã«æ›¸ã‘ã¾ã™ã€‚ã§ã™ã®ã§ã€ã»ã¨ã‚“ã©ã®ç®‡æ‰€ã¯ WebKit ã® tokenizer ã®å®šç¾©ã‚’コピーã™ã‚‹ã ã‘ã§æ¸ˆã¿ã¾ã—ãŸã€‚ ãã®è¾ºã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¯ JavaScript ã§æ§‹æ–‡è§£æž: Days on the Moon ã‚’å‚考ã«ã—ã¾ã—㟠ã‚㨠http://svn.coderepos.org/share/lang/actionscript/ascss/src/css/CSSLexer.as id:gyuque ã•ã‚“ã® ASCSS
CSSã§è§’ãŒã¾ã‚‹ã„å¹ã出ã—を作る「CSS Speech Bubblesã€ã¨ã‹å¹ã出ã—ã„ã‚ã„ã‚ - GIGAZINE
CSSを使ã£ã¦å¹ã出ã—を作æˆã™ã‚‹ã“ã¨ãŒã§ãã‚‹CSSファイルã¨JSファイルã€ãã‚Œã‹ã‚‰ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã²ã¨ã¾ã¨ã‚ã«ã—ãŸã‚»ãƒƒãƒˆã§ã™ã€‚XHTML1.0æº–æ‹ ã§ã€Internet Explorer 6 㨠7ã€Firefox 2.0ã€Safari 2.0ã€Opera 9.0ã§å‹•ä½œç¢ºèªãŒã§ãã¦ã„ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ willmayo.com >> CSS Speech Bubbles 実際ã®ã‚µãƒ³ãƒ—ルã¯ä»¥ä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ CSS Speech Bubbles 角をã¾ã‚‹ãã—ã¦ã„ã‚‹ã®ã¯ã€ã€ŒcurvyCornersã€ã‚’使用ã—ã¦ã„ã‚‹ã¨ã®ã“ã¨ã€‚ ã»ã‹ã«ã‚‚ã“ã®å¹ã出ã—æ–¹ã®ã‚‚ã®ã¯ä»¥ä¸‹ã«å¤šãã‚ã‚Šã¾ã™ã€‚ 入力欄（フォーム）部分をマウスã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å¹ã出ã—ãŒå‡ºã¦ãるタイプ Tooltip for forms リンクã®ä¸Šã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨å¹ã出ã—ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚¿ã‚¤ãƒ— Ajax tooltip リンクã®ä¸Šã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›
Bridge Word
This shop will be powered by Are you the store owner? Log in here
Yahoo!ãŒæä¾›ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨CSSライブラリ:phpspot開発日誌
Yahoo! UI Library: Grids CSS Grids CSS is a suite of seven web page templates and the ability to nest grids of one to four columns within the content area of those templates. Yahoo!ãŒæä¾›ã™ã‚‹Yahoo! UI Library。 Javascriptã ã‘ã®ãƒ©ã‚¤ãƒ–ラリã€ã ã¨æ€ã£ã¦ã„ãŸã‚‰æœ€è¿‘ã«ãªã£ã¦CSSライブラリもå«ã¾ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã®CSSライブラリを使ã†ã“ã¨ã§ã€ãƒšãƒ¼ã‚¸ã®è¤‡é›‘ãªã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒæ¯”較的容易ã«ä½œã‚Œã¾ã™ã€‚ æ›´ã«ã€ã“ã®ãƒ©ã‚¤ãƒ–ラリã§ä½œã£ãŸãƒšãƒ¼ã‚¸ã¯å¤§ä½“ã®ãƒ–ラウザã«å¯¾å¿œã—ã¦ã„ã‚‹ã¨ã„ã†ã®ã§å‹•ä½œç¢ºèªã®æ‰‹é–“ã‚‚çœã‘ãã†ã§ã™ã€‚ 基本ã®HTMLを書ã„ã¦ãŠã‘ã°ã€classã®å¤‰æ›´ã§ç°¡å˜ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¤‰æ›´ãŒå¯èƒ½ãªå½¢ã«
å·o・-・）＜2nd life - JavaScript ã‚„ CSS ã® query ã«è‡ªå‹•ã§æœ€çµ‚更新時間をã¤ã‘ã‚‹ Rails Plugin
最近ã„ã‚ã„ã‚ãªã‚µã‚¤ãƒˆã§ <script src="/javascripts/foo.js?1142509269" type="text/javascript"></script>ã‚„ <script src="/javascripts/bar.js?v=2.3" type="text/javascript"></script>ã®è¨˜è¿°ã‚’見るよã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ã¾ãŸ CSS ã§ã‚‚ <link href="/stylesheets/foo.css?1142509300" media="screen" rel="Stylesheet" type="text/css" />ã¨ã„ã£ãŸè¨˜è¿°ã‚‚ã¡ã‚‰ã»ã‚‰è¦‹ã‹ã‘ã¾ã™ã€‚ ã“れ㯠JavaScript ã‚„ CSS ã‚’æ›´æ–°ã—ã¦ã‚‚ã€ãƒ–ラウザã‚ャッシュãŒèªã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹ãŸã‚ã€æ›´æ–°ã•ã‚ŒãŸ JS ファイルãªã©ãŒãƒãƒ¼ãƒ‰ã•ã‚Œãªã„å ´åˆã¸ã®å¯¾ç–ã§ã™ã€‚上記ã®ã‚ˆã†ãªæœ€çµ‚更新時刻やãƒãƒ¼ã‚¸
Cheat Sheet Roundup - Over 30 Cheatsheets for developers
Cheat Sheet Roundup - Over 30 Cheatsheets for developers Updated on November 17, 2023 By Pete Freitag Lets face it, unless you have a photographic memory, no developer can remember all the different functions, options, tags, etc. that exist. Documentation can be cumbersome at times, thats why I like cheat sheets. They are quick references that feature the most commonly forgotten things on a specif
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}