Важное объявление!
У Нас Все раздачи мультитрекерные, при нуле пиров в релизах, можете смело вставать на закачку!
 
Автор Сообщение

HUNTER

Стаж:
4 года 4 месяца
Сообщений:
56720

Репутация: 101

[+] [-]
Вне форума [Профиль] [ЛС]

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

Скриншоты


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

Текущее время: Сегодня 07:49

Часовой пояс: GMT



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