Uploaded October 2023 | Updated September 2026, 2 hours ago
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: youtu.be/cV9JhEV4Ll0
Top 11 Visual Studio Code Themes: youtu.be/C_pn9hS8GuY
10 Fantastic VS Code Icon Themes: youtu.be/_ROI6t7cHQE
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: twitter.com/CSSWeekly
👉 Instagram: instagram.com/cssweekly
👉 Facebook: facebook.com/CSSWeekly
Keep up to date with what I'm up to:
🔗 Blog: zoranjambor.com
👉 Twitter: twitter.com/zoranjambor
👉 LinkedIn: linkedin.com/in/zoranjambor
- Zoran Jambor
#devtools #css
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: youtu.be/cV9JhEV4Ll0
Top 11 Visual Studio Code Themes: youtu.be/C_pn9hS8GuY
10 Fantastic VS Code Icon Themes: youtu.be/_ROI6t7cHQE
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: twitter.com/CSSWeekly
👉 Instagram: instagram.com/cssweekly
👉 Facebook: facebook.com/CSSWeekly
Keep up to date with what I'm up to:
🔗 Blog: zoranjambor.com
👉 Twitter: twitter.com/zoranjambor
👉 LinkedIn: linkedin.com/in/zoranjambor
- Zoran Jambor
#devtools #css
