Join James Williamson for an in-depth discussion in this video Adding phone functionality, part of Applied Responsive Design.
Often we focus so much on the amazing browsing capabilities of smartphones that we forget…that at their core, they're phones.…As such, we can enhance contact information by easily formatting phone numbers to trigger…calls when selected.…So I'm going to be working in the contact file again, this time from the 05_02 directory.…And the first thing I'm going to do is find the phone number for our website. Here it is, line 37 or so.…And what I'm going to do here is I'm just going to wrap the existing phone number in an anchor tag.…
I'm going to do an href here. Now the href for this is actually going to have the telephone…scheme in it, so it's tel and then a colon and then the phone number you want.…Now you could do like a +1 for the United States, or if you knew the country you were in,…you could add that as well. A lot of people really recommend doing that.…I, on the other hand, I'm just going to put the number in 888555, because it's not a real…number, and then 1234.…It's not a bad idea for accessibility to give it a title I'm going to be a bit of smart…
- Creating mockups
- Structuring page regions
- Defining default styles and media queries
- Building desktop, tablet, and mobile layouts
- Structuring and styling menus
- Dynamically replacing menus
- Creating a responsive image gallery
- Adding phone functionality
- Testing responsive sites
Skill Level Intermediate
1. Planning Responsive Designs
2. Building Responsive Layouts
3. Responsive Navigation
4. Creating Responsive Media
5. Enhancing Sites for Mobile
6. Managing Resources
Additional resources4m 10s
- 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.