google/WebFundamentals 13802
Former git repo for WebFundamentals on developers.google.com
GoogleChromeLabs/tooling.report 820
tooling.report a quick way to determine the best build tool for your next web project, or if tooling migration is worth it, or how to adopt a tool's best practice into your existing configuration and code base.
handle file upload with vue
jecfish/file-upload-express 98
File upload with Node, Express, Mutler, Typescript
ChromeDevTools/devtools-logo 73
Chrome DevTools logo assets
11ty starter - opinionated 11ty starter as jec.fyi
jecfish/js-async-await-promise 48
js-async-await-promise
File upload with Node, Hapi, Typescript
Demo of coffee shopping cart
Event Management PWA (Angular, Firebase, Google Sheets)
PR opened GoogleChrome/developer.chrome.com
pr created time in 7 days
PR opened GoogleChrome/developer.chrome.com
pr created time in a month
delete branch GoogleChrome/developer.chrome.com
delete branch : jecfish-patch-2
delete time in a month
push eventGoogleChrome/developer.chrome.com
commit sha 2f661c04e7d1b24b53517e2c878271a535dead57
[devtools] Add `x_google_ignoreList` link to docs (#6140) * [devtools] Add `x_google_ignoreList` link to docs * Update site/en/docs/devtools/settings/ignore-list/index.md --------- Co-authored-by: Sofia Emelianova <42939855+sofiayem@users.noreply.github.com>
push time in a month
PR merged GoogleChrome/developer.chrome.com
pr closed time in a month
PR opened GoogleChrome/developer.chrome.com
pr created time in a month
create barnchGoogleChrome/developer.chrome.com
created branch time in a month
issue openedGoogleChrome/developer.chrome.com
[devtools-docs] Fix incorrect screenshots in source maps
/docs/devtools/javascript/source-maps/ In the "Check if source maps load successfully" section, Step 3 - 7 screenshot s are still incorrect with index.hash.css... plus the localhost is inconsistent from localhost:1234 to 127.0.0.1:8081
created time in a month
delete branch GoogleChrome/developer.chrome.com
delete branch : devtools-tips-24-source-maps-2
delete time in a month
issue closedGoogleChrome/developer.chrome.com
[devtools-tips] 24 - Source map in DevTools
Details: b/265282609 Deadline: Apr 26 Notes: Do not merge the PR when ready, tag @jecfish to merge in time with video publish Also refresh relevant docs in d.c.c and web.dev as well.
major: maybe a new docs in devtools & sourcemaps, also Developer Resources tab has no documentation all update: everywhere relevant docs to point to here.
closed time in a month
jecfish
push eventGoogleChrome/developer.chrome.com
commit sha 07813af0035f5e45f46294f72ccde78850e25280
DevTools Tips 24: Source maps in DevTools (#6109) * draft1 * draft2 * add promo post * Update site/en/docs/devtools/developer-resources/index.md Co-authored-by: Jecelyn Yeen <5917927+jecfish@users.noreply.github.com> * Update site/en/blog/devtools-tips-24/index.md Co-authored-by: Jecelyn Yeen <5917927+jecfish@users.noreply.github.com> * minor upds * Update site/en/blog/devtools-tips-24/index.md --------- Co-authored-by: Jecelyn Yeen <5917927+jecfish@users.noreply.github.com>
push time in a month
PR merged GoogleChrome/developer.chrome.com
Fixes #5674
Changes proposed in this pull request:
- [x] Documented missing Developer Resources drawer tab
- [x] Promo post for DTT 24
Publish on Apr 26.
pr closed time in a month
Pull request review commentGoogleChrome/developer.chrome.com
DevTools Tips 24: Source maps in DevTools
In {% Img src="image/NJdAV9UgKuN8AhoaPBquL7giZQo1/9gzXiTYY0nZzBxGI6KrV.svg", alt You might also want to check {% Img src="image/NJdAV9UgKuN8AhoaPBquL7giZQo1/hmp8j3HiLMCcqPArD9yt.svg", alt="Checkbox.", width="22", height="22" %} **Enable CSS source maps**. {% endAside %} +## Check if source maps load sucessfully {: #developer-resources }++See [Developer Resources: View and load source maps manually](/docs/devtools/developer-resources).+
@sofiayem step 3 - 7 screenshot s are still incorrect...
comment created time in a month
push eventGoogleChrome/developer.chrome.com
commit sha 7b865f5b2915955799cb0c153168342e83c505b7
Update site/en/blog/devtools-tips-24/index.md
push time in a month
Pull request review commentGoogleChrome/developer.chrome.com
DevTools Tips 24: Source maps in DevTools
+---+title: >+ DevTools Tips: Source maps in DevTools+description: >+ Use source maps in DevTools to debug your original code instead of deployed.+layout: 'layouts/blog-post.njk'+date: 2023-04-26+authors:+ - sofiayem+hero: 'image/NJdAV9UgKuN8AhoaPBquL7giZQo1/uTEJAPTsoLQgB3ZLpKEw.png'+alt: >+ DevTools Tips hero logo+tags:+ - devtools+ - devtools-tips+---++[Source maps](https://web.dev/source-maps/) let you keep your code readable and debuggable even after you've combined and minified it, without impacting performance. To learn how source maps work, see the [previous DevTools Tips video](https://www.youtube.com/watch?v=FIYkjjFYvoI).++{% YouTube id='SkUcO4ML5U0' %}++Watch this video to learn how to:
Watch this video to learn how to work with source maps in DevTools:
comment created time in a month
Pull request review commentGoogleChrome/developer.chrome.com
DevTools Tips 24: Source maps in DevTools
In {% Img src="image/NJdAV9UgKuN8AhoaPBquL7giZQo1/9gzXiTYY0nZzBxGI6KrV.svg", alt You might also want to check {% Img src="image/NJdAV9UgKuN8AhoaPBquL7giZQo1/hmp8j3HiLMCcqPArD9yt.svg", alt="Checkbox.", width="22", height="22" %} **Enable CSS source maps**. {% endAside %} +## Check if source maps load sucessfully {: #developer-resources }++See [Developer Resources: View and load source maps manually](/docs/devtools/developer-resources).+
Need some changes on the Debugging with source maps section.
In step no 2. enable group authored/ deployed files is not a good example here. The screenshot demonstrates a bug. The index.hash.css file should not show up in the Authored section.
I check in latest Canary, this issue is gone. CSS show in Deployed. However, the grouping is still not ideal as there are framework generated code show in the Authored section....
Suggest us to remove the step or just update the screenshot
comment created time in a month
Pull request review commentGoogleChrome/developer.chrome.com
DevTools Tips 24: Source maps in DevTools
+---+layout: "layouts/doc-post.njk"+title: "Developer Resources: View and manually load source maps"+authors:+ - sofiayem+date: 2023-04-26+#updated: YYYY-MM-DD+description: "Use the Developer Resources drawer tab to check if source maps load successfully and load them manually."+---++Use the **Developer Resources** drawer tab to check if DevTools loads source maps successfully. If required, you can load them manually.
Use the **Developer Resources** tab to check if DevTools loads source maps successfully. If required, you can load them manually.
We mostly use "tab" for all tabs in drawer (e.g. Issues tab, Rendering tab), so let keep it consistent unless we want to change that.
comment created time in a month
Pull request review commentGoogleChrome/developer.chrome.com
DevTools Tips 24: Source maps in DevTools
+---+title: >+ DevTools Tips: Source maps in DevTools+description: >+ Use source maps in DevTools to debug your original code instead of deployed.+layout: 'layouts/blog-post.njk'+date: 2023-04-26+authors:+ - sofiayem+hero: 'image/NJdAV9UgKuN8AhoaPBquL7giZQo1/uTEJAPTsoLQgB3ZLpKEw.png'+alt: >+ DevTools Tips hero logo+tags:+ - devtools+ - devtools-tips+---++[Source maps](https://web.dev/source-maps/) let you keep your code readable and debuggable even after you've combined and minified it, without impacting performance. To learn how source maps work, see the [previous DevTools Tips video](https://www.youtube.com/watch?v=FIYkjjFYvoI).++{% YouTube id='SkUcO4ML5U0' %}++Watch this video to learn how to:++- [Enable source maps](/docs/devtools/javascript/source-maps/#enable_source_maps_in_settings).+- Use [**Developer Resources**](/docs/devtools/developer-resources/) drawer tab to check if source maps loaded successfully.
- Use [**Developer Resources**](/docs/devtools/developer-resources/) tab to check if source maps loaded successfully.
Same reason as mention below
comment created time in a month
Pull request review commentGoogleChrome/developer.chrome.com
DevTools Tips 24: Source maps in DevTools
+---+title: >+ DevTools Tips: Source maps in DevTools+description: >+ Use source maps in DevTools to debug your original code instead of deployed.+layout: 'layouts/blog-post.njk'+date: 2023-04-26+authors:+ - sofiayem+hero: 'image/NJdAV9UgKuN8AhoaPBquL7giZQo1/uTEJAPTsoLQgB3ZLpKEw.png'+alt: >+ DevTools Tips hero logo+tags:+ - devtools+ - devtools-tips+---++[Source maps](https://web.dev/source-maps/) let you keep your code readable and debuggable even after you've combined and minified it, without impacting performance. To learn how source maps work, see the [previous DevTools Tips video](https://www.youtube.com/watch?v=FIYkjjFYvoI).++{% YouTube id='SkUcO4ML5U0' %}++Watch this video to learn how to:
Can we include the word DevTools here or some part in the pointers? It is because this video is about working with Source maps in DevTools.
comment created time in a month
Pull request review commentGoogleChrome/developer.chrome.com
DevTools Tips 24: Source maps in DevTools
+---+layout: "layouts/doc-post.njk"+title: "Developer Resources: View and manually load source maps"+authors:+ - sofiayem+date: 2023-04-26+#updated: YYYY-MM-DD+description: "Use the Developer Resources drawer tab to check if source maps load successfully and load them manually."+---++Use the **Developer Resources** drawer tab to check if DevTools loads source maps successfully. If required, you can load them manually.++{% YouTube id='SkUcO4ML5U0' %}
Put a start time for the video on the part which I started to talk about Developer Resources tab
comment created time in a month
issue openedGoogleChrome/web.dev
02 - How to find a testing strategy that fits
created time in 2 months
issue openedGoogleChrome/web.dev
01 - Quick overview of types of test automation
created time in 2 months