最新消息:网盘下载利器JDownloader--|--发布资讯--|--解压出错.密码问题

Lynda – Creating a Responsive Web Experience

网络技术 killking 0评论

Lynda - Creating a Responsive Web Experience

F4V | AVC 553kbps | English | 960x600 | 29.97fps | 1h 23mins | AAC stereo 160kbps | 480 MB
Genre: Video Training

Many times, simply resizing your web design is not enough to create a satisfying user experience. This course helps you make your webpages more responsive to different screen sizes with HTML, CSS, and JavaScript. Picking up where he left off in Creating a Responsive Web Design, Chris Converse shows how to modify your existing HTML, dynamically load content, animate elements on the page, and collapse the navigation on smaller screens—while allowing users to expand menus with a tap of their finger.

Note: This course uses the jQuery JavaScript library to add interactivity and other features to the example site. But if you've never written JavaScript before, don't worry. This course provides a step-by-step approach to writing just the code you need to replicate the experience Chris shows on screen.

Introduction
Preview the final project
About the exercise files
The software you'll need to complete this course
For those using Dreamweaver

1. Modifying the Previous Project
Modifying the graphics
Adjusting the CSS for the navigation

2. Dynamically Loading Content
Adding a content container and files
Adding JavaScript and jQuery to your project
Loading content with jQuery

3. Styling the Hero Area
Positioning the image and caption
Styling the hero captions

4. Adjusting the Experience Based on Screen Size
Determining the screen size with JavaScript
Detecting a change in screen size
Loading alternative content based on screen size
Setting up the mobile nav button
Setting up the mobile nav panel
Opening and closing the nav panel

5. Animating the Hero Panel
Preloading images
Animating the hero elements

6. Maintaining Support for Internet Explorer 7 and 8
Altering the CSS and JavaScript for Internet Explorer 7 and 8

Conclusion
Where to go from here

Lynda - Creating a Responsive Web Experience [repost]

Lynda - Creating a Responsive Web Experience [repost]

Download uploaded
http://uploaded.net/file/c641zg45/Creat_Respe_Web_Exper.part1.rar
http://uploaded.net/file/rtzo4j58/Creat_Respe_Web_Exper.part2.rar
http://uploaded.net/file/71h3vr4u/Creat_Respe_Web_Exper.part3.rar
http://uploaded.net/file/plqxvfkt/Creat_Respe_Web_Exper.part4.rar

Download nitroflare
http://www.nitroflare.com/view/00A87D91E29B55E/Creat_Respe_Web_Exper.part1.rar
http://www.nitroflare.com/view/7590987AF174558/Creat_Respe_Web_Exper.part2.rar
http://www.nitroflare.com/view/F8ED48C90019976/Creat_Respe_Web_Exper.part3.rar
http://www.nitroflare.com/view/B5DA5CB11A91601/Creat_Respe_Web_Exper.part4.rar

Download 百度云

以下隐藏内容只提供VIP赞助会员

sorry! The following hidden content sponsorship VIP members only.

您必须 登录 才能发表评论!

网友最新评论 (1)

  1. Lynda - 创建一个响应式Web体验 许多时候,简单地改变你的web设计的大小不足以创建一个令人满意的用户体验。本教程可以帮助你使用HTML、CSS和JavaScript让你的网页更加地能够相应不同尺寸的屏幕。Chris Converse将会在本教程中讲解如何修改你已有的HTML,动态地导入内容,在页面上让元素具备动画效果,然后在小屏幕上收起菜单,并可以让用户通过指尖点击展开菜单。 注意:本教程使用jQuery JavaScript类库,为演示站点添加互动和其它功能。但是如果你从未编写过JavaScript,别担心。本教程会为你一步步地讲解你所需要的代码。
    wilde(特殊组-翻译)3年前 (2015-05-24)