🌟 New in Canary - Improved properties inspection for the Custom Elements. No more long scrolling to look for the #WebComponent properties. Like it? Try it in Chrome Canary. https://t.co/dhC2EFGqmx

Browsers

🔥Cool Tip: How to get fonts and colors from any website. 1. Enable CSS Overview under settings > experiments > CSS Overview. (you should see a new CSS Overview tab after this) 2. Click on Capture Overview from CSS Overview tab. 3. Enjoy!

CSS
Browsers

JavaScript Tip 💡 Use console.assert to make conditional log statements.

JavaScript
Browsers

For everybody annoyed by more complex print layouts during #webdevelopment You can simply set the rendering mode of your browser (e.g. Chrome) to "print" and debug from there Feeling like a fool for hitting CMD+P a million times the last hour 🤦

Browsers

💛 JavaScript 💛 You can indent the output of JSON.stringify by passing a string or a number as its third argument. 👇🏻

JavaScript
Browsers

🔥 Well this is cool! Chrome now has a Flexbox panel helper. The little icons provide hints as to what the properties do, and they even reorganize themselves based on the flex-direction!

Browsers

◾️console.warn Outputs a warning message to the Web Console. Our friend when we use many console.logs! :) It usually displays in yellow and shows the trace too.

JavaScript
Browsers

◾️console.trace (non standard) Outputs a stack trace to the Web Console.

JavaScript
Browsers

◾️console.timeLog Logs the current value of a timer that was previously started by calling console.time() to the console.

JavaScript
Browsers

◾️console.time Starts a timer you can use to track how long an operation takes. You give each timer a unique name. When you call console.timeEnd() with the same name, the browser will output the time, in milliseconds, that elapsed since the timer was started.

JavaScript
Browsers

◾️console.profile (non standard) Starts recording a performance profile. Working in Firefox. Apparently not in Chrome?

JavaScript
Browsers

◾️console.memory It seems to be an alias for "performance.memory". Not this is not a method. Won't have (). Gets memory information such as: - jsHeapSizeLimit - totalJSHeapSize - usedJSHeapSize

JavaScript
Browsers

The tweet will be reviewed and posted as soon as possible

{{ newSnippetForm.errors.url[0] }}

{{ newSnippetForm.errors.categories[0] }}