Digital Tutors - Responsive In-Browser Web Page Design with HTML and CSS

seeders: 3
leechers: 4
Added on September 13, 2015 by nex_xenin Other > Tutorials
Torrent verified.



Digital Tutors - Responsive In-Browser Web Page Design with HTML and CSS (Size: 1020.39 MB)
 01. Introduction and Project Overview.mp47.75 MB
 02. Analyzing our responsive boilerplate code.mp436.28 MB
 03. Wireframing our responsive site.mp428.71 MB
 04. Mocking up our team page with inlineblock grids.mp433.29 MB
 05. Adding responsive images and fullbleed background sections.mp465.73 MB
 06. Form styling including required fields and error states.mp449.37 MB
 07. Wireframing our Featured page and CSS gradients.mp443.21 MB
 08. Mocking up our Contact page and responsive Google map embeds.mp456.31 MB
 09. Wireframing our Overview page and responsive iframe video embeds.mp446.91 MB
 10. Flexbox and CSS animations on scroll.mp454.57 MB
 11. Building responsive tables and lightboxes.mp440.83 MB
 12. Wireframing our Home Page and custom Google fonts.mp443.58 MB
 13. Typography and production styling for our Team page.mp453.25 MB
 14. Wireframing our Featured page and CSS transforms.mp475.24 MB
 15. Refining our button, form, and form validation styles.mp453.62 MB
 16. Styling notifications and fonticons.mp462.13 MB
 17. Using SVGs in responsive design.mp467.86 MB
 18. Adding Offcanvas menu navigation.mp442.89 MB
 19. Home page animation with CSS transforms and transitions.mp442.34 MB
 20. Wrapping up styling our responsive site.mp473.4 MB
 Responsive InBrowser Web Page Design with HTML and CSS.zip43.11 MB

Description

In this HTML and CSS tutorial, we'll learn how to create a responsive site from scratch by prototyping directly in the browser.
We'll start with some boilerplate code and build on it with responsive images, videos, icons, maps, videos and off-canvas menus.
By the end of this HTML and CSS training, you’ll understand the in-browser responsive design creation process, from planning, to wireframing and prototyping, to the final product.

1 Introduction and project overview
2 Analyzing our responsive boilerplate code
3 Wireframing our responsive site
4 Mocking up our team page with inline-block grids
Adding responsive images and full-bleed background sections
5 Adding responsive images and full-bleed background sections
6 Form styling including required fields and error states
7 Wireframing our Featured page and CSS gradients
8 Mocking up our Contact page and responsive Google map embeds
9 Wireframing our Overview page and responsive iframe video embeds
10 Flexbox and CSS animations on scroll
11 Building responsive tables and lightboxes
12 Wireframing our Home Page and custom Google fonts
13 Typography and production styling for our Team page
14 Wireframing our Featured page and CSS transforms
15 Refining our button, form, and form validation styles
16 Styling notifications and font-icons
17 Using SVGs in responsive design
18 Adding Off-canvas menu navigation
19 Home page animation with CSS transforms and transitions
20 Wrapping up styling our responsive site


Format: MP4
Video: AVC, 1280x720, 16: 9, 15fps, 504 / 904 kbps
Audio: AAC, 32kHz, 54.9kbps, mono / stereo

Sharing Widget


Download torrent
1020.39 MB
seeders:3
leechers:4
Digital Tutors - Responsive In-Browser Web Page Design with HTML and CSS

All Comments

Thanks a lot man...
Thank you!