🔥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!
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 🤦
🔥 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!
◾️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.
◾️console.trace (non standard) Outputs a stack trace to the Web Console.
◾️console.timeLog Logs the current value of a timer that was previously started by calling console.time() to the console.
◾️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.
◾️console.profile (non standard) Starts recording a performance profile. Working in Firefox. Apparently not in Chrome?
◾️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