All modern browsers have developer tools that are useful for writing front-end code. In this video, explore how to get started with developer tools.
- [Instructor] Each modern browser…now has developer tools built right in.…Learning how to use them will help improve…your development process.…You can inspect your code, make edits,…and isolate issues right in the browser,…reducing some of the guesswork.…Here's how to access the developer tools for each browser.…In Opera and Safari, make sure…you've activated the developer menu first.…In Opera, go to view, show developer menu.…And you'll see the developer option has been added…to the menu at the top.…
In Safari, go to preferences, then the advanced tab,…and select show develop menu in menu bar.…In Internet Explorer or Edge,…you can press the F12 key,…or use the menu options.…Developer tools under tools menu in IE,…or F12 developer tools under settings in Edge.…In Chrome and all other browsers,…you can right click anywhere on the page,…or two finger tap if you're using a Mac trackpad,…and select inspect.…
It is also located in the browser menu option.…The wording may vary across browsers,…but look for some kind of tools option.…
- Reviewing CSS syntax
- Reviewing simple selectors and attribute selectors
- Using pseudo-class selectors and pseudo-element selectors
- Reviewing the CSS box model
- Adding a menu to your project
- Using float, display, and position
- Debugging CSS
- Resetting stylesheets
- Working with background images
- Exploring a mobile-first approach for responsive web design
- Creating flexible and fluid layouts
Skill Level Beginner
Building Responsive Forms with Flexboxwith James Williamson1h 20m Intermediate
1. CSS Selectors
3. Tips and Tools
4. Responsive and Mobile
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.