Рет қаралды 1,494
Get more out of your DevTools console by utilizing underused functions like warn(), error(), & table(), and learn how to easily style console.log() using CSS with format specifiers to get more distinguishable and more organized console output.
🔗 Links
In-Depth Guide to CSS Logical Properties: • In-Depth Guide to CSS ...
Top 11 Visual Studio Code Themes: • Top 11 Visual Studio C...
10 Fantastic VS Code Icon Themes: • 10 Fantastic VS Code I...
Course Mastering Prettier & Stylelint
🔥 Learn everything about best linting tools while supporting CSS Weekly: masteringlinting.com/
🏷️ Use coupon code CONSOLE.LOG to get an additional 40% off on the already discounted, pre-launch price.
Subscribe to CSS Weekly Newsletter:
💌 css-weekly.com/
📖 Timestamps
00:00 How to open console in DevTools
00:40 How to use console.warn() and console.error()
01:14 How to clear the console
01:27 How to see all `console` object functions
02:04 How to use console.table()
02:29 How to view a variable and its value simply
03:17 How console.group() works
05:01 How to style console messages
06:17 Styling restrictions in DevTools
07:20 Practical example using multiple styles
Keep up-to-date with CSS Weekly:
👉 Twitter: / cssweekly
👉 Instagram: / cssweekly
👉 Facebook: / cssweekly
Keep up to date with what I'm up to:
🔗 Blog: zoranjambor.com
👉 Twitter: / zoranjambor
👉 LinkedIn: / zoranjambor
- Zoran Jambor
#devtools #css