GitHub - nextapps-de/winbox: WinBox is a modern HTML5 window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source!You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Techniques to make a web app load fast, even on a feature phone  | Articles  | web.dev
Techniques to make a web app load fast, even on a feature phone Stay organized with collections Save and categorize content based on your preferences. How we used code splitting, code inlining, and server-side rendering in PROXX. At Google I/O 2019 Mariko, Jake, and I shipped PROXX, a modern Minesweeper-clone for the web. Something that sets PROXX apart is the focus on accessibility (you can play
How Web Content Can Affect Power Usage
Users spend a large proportion of their online time on mobile devices, and a significant fraction of the rest is users on untethered laptop computers. For both, battery life is critical. In this post, we’ll talk about factors that affect battery life, and how you, as a web developer, can make your pages more power efficient so that users can spend more time engaged with your content. What Draws Po
Imba 👠Intuitive and powerful language for building web apps that fly
Imba.mount <nav#hero -> <a href='/guides'> "Get started" <a.github href=linkToGitHub> "GitHub"var Imba = require('imba'), _1 = Imba.createElement; Imba.mount((t0 = (t0=_1('nav')).setId('hero').setTemplate(function() { var $ = this.$, t0; return Imba.static([ ($[0] || _1('a',$,0,t0).setHref('/guides').setText("Get started")).end(), ($[1] || _1('a',$,1,t0).flag('github').setText("GitHub")).setHref(t
hapi.dev
Build powerful, scalable applications, with minimal overhead and full out-of-the-box functionality - your code, your way Originally developed to handle Walmart’s Black Friday scale, hapi continues to be the proven choice for enterprise-grade backend needs. "At Brave, developing web services with hapi allows us to focus on the many problems to be solved, not on the details of the tool being used. h
reg-suit
VISUAL REGRESSION TESTING SUIT reg-viz provides regression testing tools. Getting Started Compare Images reg-suit is inspired by snapshot testing. It compares the current images with the previous images, creates an HTML report for their differences. All you need is to give images to assert. Store Snapshot reg-suit automatically stores snapshot images to external cloud storage(e.g. AWS S3, GCS). Yo
addEventListener ã®ç¬¬3引数ãŒæ‹¡å¼µã•ã‚Œã¦ã‚‹ã¨ã„ã†è©± - Qiita
Webアプリケーションã®ãŠè©±ã§ã™ã€‚ イベントãƒãƒ³ãƒ‰ãƒ©ã‚’登録ã™ã‚‹ addEventListener メソッドã®å¼•æ•°ã¯ä»¥ä¸‹ã®å½¢ã§è¦šãˆã¦ã„る人ãŒå¤§åŠã ã¨æ€ã†ã€‚ element.addEventListener('click', myClickHandler, useCapture); å‚考記事 EventListenerOptions ã“ã‚Œã¾ã§ã®ç¬¬3引数 useCapture 㯠boolean åž‹ã‚’ã¨ã‚Šã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ãŒã‚ャプãƒãƒ£ãƒ•ã‚§ãƒ¼ã‚º or ãƒãƒ–リングフェーズã®ã©ã¡ã‚‰ã§å‡¦ç†ã•ã‚Œã‚‹ã‹ã‚’制御ã™ã‚‹ã‚‚ã®ã ã£ãŸã€‚ ã“ã®ç¬¬3引数㌠Object åž‹ã‚‚å—ã‘付ã‘るよã†ã«ãªã‚Šã€ç¾çŠ¶ã€ãã‚Œãžã‚Œ boolean 型㧠once , passive , capture パラメータをã¨ã‚‹ã€‚ once true ã§ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ãŒ1度ã ã‘処ç†ã•ã‚Œã‚‹ã€‚ 例ãˆã° Window ã® load イベントãƒãƒ³ãƒ‰ãƒ©ã¯é€šå¸¸1度
AUI - Documentation
AUI Documentation Components Design Patterns Upgrade guides Support Getting started FAQ Ask a question Version 9.11 Older versions Changelog Atlassian User Interface 9.11 AUI is a tailor-made frontend library for creating a user interface according to the Atlassian Design Guidelines. Component documentation AUI provides JavaScript, CSS and Soy templates (or markup patterns) for a range of ready-ma
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®ç®‡æ¡æ®´ã‚Šæ›¸ã
普段気をã¤ã‘ã¦ã‚‹ã‚ˆãƒªã‚¹ãƒˆ "モãƒã‚¤ãƒ«ã§ã€WebViewã¨ãƒ–ラウザã®ã‚³ãƒ³ãƒ‘ãƒã§ã€ç‰¹ã«ã‚»ã‚ªãƒªãƒ¼åŒ–ã•ã‚Œã¦ã„ãªã„デザインモジュールã®ãªã‹ã€è£…飾画åƒã‚‚ãµã‚“ã ã‚“ã«ä½¿ã†ãžç³»ã‚µãƒ¼ãƒ“ス開発" ã®æ–‡è„ˆã«ãŠã‘ã‚‹ã€ãƒ‘フォーマンス確ä¿ã®ãŸã‚æ°—ã‚’ã¤ã‘ã¦ã‚‹ã‚ˆãƒªã‚¹ãƒˆã€‚ よãã€ãƒ‘フォーマンス「å‘上ã€ã¨ã‹ã€Œç¢ºä¿ã€ã¨ã‹ç”³ã—ã¾ã™ãŒã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆãªã©ã¨å¤©ç§¤ã«ã‹ã‘ã¦ã€ã€Œå¿…è¦å分ã€ã®ãƒ©ã‚¤ãƒ³ã‚’ç‹™ã†ã®ãŒé‡è¦ã ã¨æ€ã†æ¬¡ç¬¬ã€‚ ç”»åƒãƒªã‚½ãƒ¼ã‚¹ ç”»åƒãƒªã‚½ãƒ¼ã‚¹ã‚’æƒãˆã‚‹ã¨ãã®ã‚»ã‚ªãƒªã€‚圧縮率ã¨ã‹æœ€é©åŒ–ã¨ã‹ç´°ã‹ã„ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¯ã‚ã‚Œã©ã€å¤§é›‘把ã«ä¸‹è¨˜ã‚’守る。ãã—ã¦Image Optim（or 相当ã®å‡¦ç†ï¼‰ã€‚ JPEGã¯ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ã§ç”»è³ª60ãらã„（オレ目安） PNGã¯å·®ã—支ãˆãªã„範囲ã§è‰²æ•°ã‚’ãã¡ã‚“ã¨å‰Šã‚‹ 50px未満ã®ã‚µãƒ ãƒã‚¤ãƒ«ã¯@2.0xãªãƒªã‚½ãƒ¼ã‚¹ã«ã—ãªã„ 案外ã€Androidã‚ã‚ã›ã®@1.5xã‚„@1.0xã§ã‚‚大丈夫ãªã“ã¨ã™ã‚‰ã‚ã‚‹ GIFアニメを入れ
スマートフォン対応ã§ã‚ˆã使ã†htmlã€cssã€javascriptã®ã¾ã¨ã‚
スマートフォン(iosã€android)å‘ã‘ã®ã‚¦ã‚§ãƒ–サイト・ウェブアプリを作る際ã«å€‹äººçš„ã«ã‚ˆã使ã†htmlã€cssã€javascriptã®å‚™å¿˜éŒ²ã€‚ html関連 headタグ内ã§ã®è¨å®š<!-- //デãƒã‚¤ã‚¹ã‚µã‚¤ã‚ºã«ã‚ã‚ã›ã¦è¡¨ç¤ºé ˜åŸŸã‚’変更ã™ã‚‹ --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番å·ã®ãƒªãƒ³ã‚¯ã‚’無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画é¢ç”¨ã‚¢ã‚¤ã‚³ãƒ³ --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画é¢ç”¨ã‚¢ã‚¤ã‚³ãƒ³ã®å…‰æ²¢ã‚’無効化ã™ã‚‹ --> <link rel="apple-touch-icon
Mobile Performance Manifesto
âš ï¸ Warning: this is an old article and may include information that’s out of date. âš ï¸ Earlier this year I gave a talk (slides) outlining the latest and greatest in mobile performance, including a bit of my own unscientific research into carrier latency and bandwidth thanks to boomerang.js. I realized that interest in mobile performance has exploded recently, especially with Steve Souders announcin
Facebook å‘ã‘ウェブサービス㯠IE6 ã«å¯¾å¿œã™ã¹ãã‹ ( 2011å¹´12月㮠Facebook ã®ãƒ–ラウザシェア ) - IT戦記
ã¯ã˜ã‚ã« ã¿ãªã•ã‚“ã€ãŠå…ƒæ°—ã§ã™ã‹ï¼žï¼œãƒªãƒªãƒ¼ã‚¹ã‚‚終ã‚ã£ã¦ã€ä¸€æ¯ã¤ã„ãŸã‚ã¾ã¡ã‚ƒã‚“ã§ã™ï¼ ヽ(´ー｀)ノã‚ー ã•ã¦ä»Šæ—¥ã¯ã€æœ€è¿‘「ãŠèŠ±ã‚µãƒ—ライズï¼ã€ã¨ã„ã†ã‚µãƒ¼ãƒ“スをリリースã—ãŸã®ã§ã™ãŒã€ãã®ã¨ãã«ã¡ã‚‡ã£ã¨é¢ç™½ã„データを見ã¤ã‘ãŸã®ã§ãã®ã„ãã•ã¤ã‚‚å«ã‚ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ （今日ã®ãƒ†ãƒ¼ãƒžã¯ã“ã®å††ã‚°ãƒ©ãƒ•ï¼‰ フェイスブック系ã®ã‚µãƒ¼ãƒ“スã¯ã©ã®ãƒ–ラウザã«å¯¾å¿œã™ã‚Œã°è‰¯ã„？ よãã€ã‚¦ã‚§ãƒ–サービスを開発ã™ã‚‹ã¨ãã®æ‚©ã¿ã¨ã—ã¦ã€Œå¤ã„ブラウザã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã©ã®ãらã„ケアã™ã‚‹ã‹ï¼Ÿã€ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ 「ãŠèŠ±ã‚µãƒ—ライズï¼ã€ã§ã‚‚ã€å‰²ã¨çŸã„期間ã§å®Ÿè£…ã™ã‚‹ã“ã¨ã‚’目標ã¨ã—ã¦ã„ãŸã‚Šã€æœ¬ç•ªã® HTML を書ã„ãŸçµŒé¨“ãŒã‚ã¾ã‚Šãªã„メンãƒãƒ¼ãŒå¤šãã„ãŸã“ã¨ã§ã€ŒIE6 ã‚„ IE7 ã¸ã®å¯¾å¿œãŒé¬¼é–€ãªã‚“ã˜ã‚ƒãªã„ã‹ï¼Ÿã€ã¨ã„ã†å¿ƒé…ãŒå¸¸ã«ã‚ã‚Šã¾ã—ãŸã€‚ ãã“ã§ã‚ˆãŽã‚‹ç”˜ã„誘惑 ã“ã®ã”時世〠IE6 ã¨ã‹ IE7 ã«ç‰¹åˆ¥å¯¾å¿œã™ã‚‹å¿…è¦ãªã‚“ã¦ãªã„ã‚“ã˜ã‚ƒã？
YSlow for Mobile ãŒå‡ºã¦ã„ã¾ã™ã | gaspanik weblog
Webページを表示速度é¢ã§æœ€é©åŒ–ã™ã‚‹ãŸã‚ã®æ”¹å–„点を調ã¹ã¦ãれるã“ã¨ã§æœ‰åãªç±³Yahoo!ã•ã‚“ã®ã€ŒYSlow!ã€ã§ã™ãŒã€ãã®ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ç”¨ãƒ–ックマークレット「YSlow for Mobileã€ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã§ã€ã‚‚ã®ã¯è©¦ã—ã§ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ ブックマークレットをä¿å˜ã—ã¦ã€YSlowを呼ã³å‡ºã›ã°ã‚ªãƒƒã‚±ã‚¤ã¨ã‚Šã‚ãˆãšã€å…¬é–‹ã•ã‚Œã¦ã„るページã«ã‚ã‚‹ã„ãšã‚Œã‹ã®æ–¹æ³•ã§ãƒ–ックマークレットをモãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã«ä¿å˜ã—ã¾ã—ょã†ã€‚ã‚ã¨ã¯ã€ãƒã‚§ãƒƒã‚¯ã—ãŸã„ページを開ã„ã¦ã€ä¿å˜ã—ãŸãƒ–ックマークレットを呼ã³å‡ºã™ã ã‘ã§ã‚ªãƒƒã‚±ã‚¤ã§ã™ã€‚ ãªã‚“ã‹å¤‰ã§ã™ãŒã€ã¾ã β版ã¨ã„ã†ã“ã¨ã§ï¼ˆç¬‘）。ブラウザ版ã®æ‹¡å¼µæ©Ÿèƒ½ã¨åŒã˜ãã„ãã¤ã‹ã®ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠžã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚「Run Testã€ã‚’クリックã™ã‚Œã°ãƒã‚§ãƒƒã‚¯é–‹å§‹ã€‚ ã™ã‚‹ã¨ã€è¡¨ç¤ºã—ã¦ã„るページをãƒã‚§ãƒƒã‚¯ã—ã¦æ”¹å–„点を出ã—ã¦ãã‚Œã¾ã™ã€‚ã‚ャッシュを空ã«ã—ã¦ã‚‚「0.0kã€ã¨ã‹ã§ã¦ãŸ
ãŸã£ãŸãƒ¯ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§ã‚らゆるサイトã®JavaScriptã‚„CSSを圧縮＆最é©åŒ–ã—ã¦ãれる『zbugs〠| 100SHIKI
ã“ã‚Œã¯ã™ã‚“ã”ã便利・・・。 zbugsを使ãˆã°ã€ãƒ¯ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§ã‚らゆるサイトã®CSSãŠã‚ˆã³JavaScriptを圧縮ã—ã¦ãれるよã†ã 。 ã‚‚ã¡ã‚ん何パーセント圧縮ã•ã‚ŒãŸã‹ã¨ã‹ã€ã©ã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒã©ã‚Œã ã‘å°ã•ããªã£ãŸã‹ã¨ã„ã£ãŸã“ã¨ã®è©³ç´°ã‚‚æ•™ãˆã¦ãれる。 ã•ã‚‰ã«åœ§ç¸®ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ç¾¤ã‚’ã¾ã¨ã‚ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã 。 サイトをã¤ãã£ãŸã‚ã¨ã«ã€ã•ã‚‰ãªã‚‹ã‚¹ãƒ”ードアップを図るã®ã«ã„ã„ã ã‚ã†ã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚‚ç´ æ•µã§ã‚·ãƒ³ãƒ—ルãªã®ã§ä¸€åº¦è©¦ã—ã¦ã¿ã‚‹ã¨ã„ã„ã§ã™ã‚ˆã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
rrweb.io | Open source web session replay library
GitHub - jadjoubran/webdash: 🔥 Orchestrate your web project with Webdash the customizable web dashboard
2018 年㮠Web 標準 / Web Standards 2018
ãã‚ãã‚真é¢ç›®ã«â€¨Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’ã‚„ã‚‹
開発上ã®æ§˜ã€…ãªä¾å˜ã®ã¤ã‚‰ã¿ã¨ FRESH! by AbemaTV ã®è©±
{{#tags}}- {{label}}
{{/tags}}