Ивановский Торрент трекер
Яндекс.Погода
 

[Цитировать]
HUNTER

Building a Responsive Portfolio Site
Год выпуска: 2015
Производитель: Lynda
Сайт производителя: lynda.com
Автор: Justin Seeley
Продолжительность: 1:47
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: 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.
Сделайте адаптивный сайт-портфолио с Джастином Сили.

Содержание

Introduction
Welcome
How to use exercise files
What you need to know before you begin
1. Getting Started
Planning your project
Downloading the Skeleton framework
Setting up your HTML document
Setting up and linking your CSS documents
Adding Google fonts to your project
Adding Font Awesome to your project
2. Laying the Groundwork
Understanding the Skeleton framework
Building your layout using the Skeleton grid
Inserting content into your containers
3. Styling Your Website
Building a CSS table of contents
Styling the header of your site
Defining your typography styles
Setting image-specific styles
Creating a CSS logo element
Styling social media icons
Styling the footer
4. Adding a Lightbox Effect
Downloading Magnific Popup
Linking the lightbox CSS and JavaScript files
Adding the lightbox effect to your HTML
Adding a zoom effect to the lightbox
5. Finalizing Responsiveness
Testing your website's responsiveness
Tweaking your media queries
Exploring the final project
Conclusion
Where to go from here
Файлы примеров: присутствуют
Формат видео: MP4
Видео: AVC, 1280x720, 16:9, 15fps, 313kbps
Аудио: AAC, 48kHz, 128kbps, stereo

Скриншоты

Показать сообщения:    

Текущее время: 21-Окт 00:18

Часовой пояс: UTC - 1


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы

!ВНИМАНИЕ!
Сайт не предоставляет электронные версии произведений, а занимается лишь коллекционированием и каталогизацией ссылок, присылаемых и публикуемых на форуме нашими читателями. Если вы являетесь правообладателем какого-либо представленного материала и не желаете, чтобы ссылка на него находилась в нашем каталоге, свяжитесь с нами, и мы незамедлительно удалим ее. Файлы для обмена на трекере предоставлены пользователями сайта, и администрация не несет ответственности за их содержание. Просьба не заливать файлы, защищенные авторскими правами, а также файлы нелегального содержания!