Building a Responsive Portfolio Site
Building a Responsive Portfolio Site
MP4 | Video: 720p | Duration: 1:47:29 | English | Subtitles: VTT | 456.2 MB
MP4 | Video: 720p | Duration: 1:47:29 | English | Subtitles: VTT | 456.2 MB
A great portfolio can make the difference between landing the job and getting passed over. This quick and fun project-based course will show you how to build a responsive portfolio site from start to finish. Staff author Justin Seeley shows how to plan the website in Photoshop and convert the plan into a single-page site. The backbone driving the portfolio will be Skeleton, an intuitive CSS framework that you'll learn how to use for your own projects. Along the way, you'll find out how to work with web fonts like Google fonts and icon fonts, how to start inserting content into containers, and how to style the look of headers, images, typography, and even social media buttons with some simple custom CSS. Add on a responsive lightbox effect and some media queries to make sure your site is ready for mobile, and you'll have a complete, high-quality platform for showcasing your work.
Topics include:
- Planning and setting up an HTML layout
- Creating responsive CSS grids
- Incorporating web and icon fonts
- Building a layout with the Skeleton grid
- Styling the website
- Using jQuery for simple lightbox effects
- Testing a website's responsiveness
- Adjusting media queries