收起左侧

[编程教程] Projects in CSS

[复制链接]
查看: 152|回复: 7

管理员

Rank: 9Rank: 9Rank: 9

发表于 2017-1-10 20:41:30 | 显示全部楼层 |阅读模式
在 CSS 中的项目
00423fa3_medium.jpg
MP4 |AVC 460 kbps |英语 |1280 x 720 |30 fps |10 小时 |AAC 立体声 64 kbps |1.84 GB
体裁︰ 视频培训
将前端向导从 Eduonix 这个独一无二的课程。我们汇集的课程,您将学习所有的技巧和窍门的 CSS 和 HTML 设计同时建立十个很棒的项目。它将帮助您掌握不同编程方面的前端,将向你展示所有的最佳开发实践。以下项目被特别挑选的是本课程的一部分。

项目 1-着陆页设计

描述︰ 我们将创建一个 HTML5/CSS 着陆网页设有页眉 & 页脚、 带有图像的要点列表、 HTML5 窗体和证明的块。该页面将完全响应并将适应任何尺寸的屏幕使用 CSS3 媒体查询。我们将使用埃里克 · 迈耶斯重置文件。

功能/技术︰ HTML5,CSS3,Web 窗体,列表,重置文件,响应 Web 设计

项目 2-响应无表日历

描述︰ 我们将创建 css HTML5 web 日历页面。不使用 HTML 表格进行定位和演示文稿的许多日历,像我们的日历将使用只有 CSS。该日历将完全响应,会有一分种布局为较小的屏幕大小。

功能/技术︰ HTML5,CSS3,列表,响应式 Web 设计,使用 CSS 只,间距,填充和边距的表像布局

项目 3-纯 CSS 图像滑块

描述︰ 你看看周围的 Web 的大多数图像滑块由 JavaScript 或像 JQuery 的 JavaScript 库供电。我们将建立一个功能齐全的图像滑块用纯 CSS。我们会有缩略图,当单击,做出更大的图像幻灯片到位。我们将使用 CSS 动画/关键帧来实现这一目标。

功能/技术︰ HTML5,CSS3,动画关键帧,z 索引与定位

项目 4-过渡下拉菜单

描述︰ 我们将建立一个多层次的下拉菜单,使用 CSS 过渡为下拉动画效果。我们将使用 JQuery 的一点点来动态添加一个 div 元素

功能/技术︰ HTML5,CSS3,嵌套列表,响应 Web 设计 CSS 转换,JQuery

项目 5-CSS 时间线

说明︰ 在这个项目中我们将建立 css HTML5 的时间线。这个项目将避免常见的盒状布局,我们看到所有的时间。年,与描述的事件将点。这可以用于专业/就业和个人/生活方式跟踪等很多东西。

功能/技术︰ HTML5,CSS3,响应 Web 设计,流体布局,背景图像与定位

项目 6-SASS 的表

说明︰ 上海社会科学院是允许我们去做伟大的事情,像使用变量、 mixin 和嵌套的样式的 CSS 预处理器。我们将创建 web 主机包一些定价表

功能/技术︰ HTML5,CSS3,列表、 响应 Web 设计,流体布局,安装、 配置与使用这样无礼

项目 7-CSS 图像画廊

描述︰ 我们将建立图像画廊与 JQuery 的帮助。将使用 CSS 样式布局,我们将使用 JQuery 的动态类别筛选和图像灯箱。我们也会在 Photoshop 中创建一个非常简单的标志

功能/技术︰ HTML5,CSS3,响应 Web 设计,流体布局,JQuery,JQuery Fancybox 插件

项目 8-动画车

描述︰ 我们将集中对 CSS3 动画和关键帧的位置并制作图像动画。我们将使用一辆汽车的图像,看起来好像在街上开车

功能/技术︰ HTML5,CSS3,动画,关键帧图像切片在 Photoshop 中,背景图像与定位

项目 9-动画引导模板

描述︰ Twitter 引导是最受欢迎的 HTML5/CSS 框架可用。我们将建设以及一些动画,包括初始化滚动动画使用 JQuery 和 CSS 自定义引导模板

功能/技术︰ HTML5,CSS3,动画关键帧,Twitter 引导,JQuery

项目 10-用更少的通讯设计

描述︰ 少即是像 SASS 的另一个 CSS 预处理器。我们将创建一家餐馆顺利新闻稿模板。我们将实现少和使用功能,如变量、 mixin、 嵌套的样式和进口开车文件。

功能/技术︰ HTML5,CSS3,Node.js 安装,安装,配置和使用较少
Projects in CSS

MP4 | AVC 460kbps | English | 1280x720 | 30fps | 10 hours | AAC stereo 64kbps | 1.84 GB
Genre: Video Training
Be the front end wizard with this unique course from Eduonix. We bring together a curriculum where you will learn all the tips and tricks of CSS and HTML design while building ten awesome projects. It will help you master different aspects of front end programming and will show you all the best development practices. The following projects have been specially selected to be part of this course.

Project 1 - Landing Page Design

Description: We will create an HTML5/CSS landing page which will feature a header & footer, a list with image bullet points, an HTML5 form and a testimonial block. The page will be completely responsive and will adapt to any screen size by using CSS3 media queries. We will be using the Eric Meyers reset file as well.

Features/Technologies: HTML5, CSS3, Web Forms, Lists, Reset Files, Responsive Web Design

Project 2 - Responsive Tableless Calendar

Description: We will create a web calendar page using HTML5/CSS. Unlike many calendars which use HTML tables for positioning and presentation, our calendar will use only CSS. The calendar will be completley responsive and will have a sub-layout for smaller screen sizes.

Features/Technologies: HTML5, CSS3, Lists, Responsive Web Design, Table-like layout using CSS only, Box Spacing, Padding & Margins

Project 3 - Pure CSS Image Slider

Description: Most image sliders that you see around the Web are powered by JavaScript or a JavaScript library like JQuery. We will build a fully functional image slider with pure CSS. We will have thumbnails which when clicked, make the bigger image slide into place. We will use CSS animation/keyframes to achieve this.

Features/Technologies: HTML5, CSS3, Animation, Keyframes, z-index & Positioning

Project 4 - Transition Drop Down Menu

Description: We will build a multi-level dropdown menu using CSS transitions for the dropdown animation effect. We will use just a bit of JQuery to dynamically add a div element

Features/Technologies: HTML5, CSS3, Nested Lists, Responsive Web Design, CSS Transitions, JQuery

Project 5 - CSS Timeline

Description: In this project we will build a timeline using HTML5/CSS. This project will steer away from the common box-like layouts we see all the time. There will be points for years and events with descriptions. This could be used for many things such as professional/employment and personal/lifestyle tracking.

Features/Technologies: HTML5, CSS3, Responsive Web Design, Fluid Layout, Background Images & Positioning

Project 6 - Tables with SASS

Description: SASS is a CSS pre-processor that allows us to do great things like use variables, mixins and nested styles. We will create some pricing tables for web hosting packages

Features/Technologies: HTML5, CSS3, Lists, Responsive Web Design, Fluid Layout, Installing, Configuring & Working With SASS

Project 7 - CSS Image Gallery

Description: We will build an image gallery with the help of JQuery. The layout will be styled with CSS and we will use JQuery for dynamic category filtering and image lightbox. We will also create a very simple logo in Photoshop

Features/Technologies: HTML5, CSS3, Responsive Web Design, Fluid Layout, JQuery, JQuery Fancybox Plugin

Project 8 - Animated Car

Description: We will focus on CSS3 animation and keyframes to position and animate images. We will use an image of a car and make it appear to be driving down the street

Features/Technologies: HTML5, CSS3, Animation, Keyframes, Image Slicing in Photoshop, Background Images & Positioning

Project 9 - Animated Bootstrap Template

Description: Twitter Bootstrap is the most popular HTML5/CSS framework available. We will be building a custom Bootstrap template along with some animation including scroll initialized animation using JQuery and CSS

Features/Technologies: HTML5, CSS3, Animation, Keyframes, Twitter Bootstrap, JQuery

Project 10 - NewsLetter Design with LESS

Description: LESS is another CSS pre-processor like SASS. We will be creating a smooth newsletter template for a restaraunt. We will implement LESS and use features like variables, mixins, nested styles and importing .less files.

Features/Technologies: HTML5, CSS3, Node.js Installation, Installing, Configuring and Working With LESS
00423fa9.jpg
Download uploaded
http://uploaded.net/file/reofs6ch/Projec_CSS_Ud.part1.rar
http://uploaded.net/file/0xkzhq2e/Projec_CSS_Ud.part2.rar
http://uploaded.net/file/t6io9m14/Projec_CSS_Ud.part3.rar
http://uploaded.net/file/j5t65aea/Projec_CSS_Ud.part4.rar
http://uploaded.net/file/yk58s4vw/Projec_CSS_Ud.part5.rar

Download nitroflare
http://nitroflare.com/view/705E60675E69C35/Projec_CSS_Ud.part1.rar
http://nitroflare.com/view/3F3A3C4D6176AC0/Projec_CSS_Ud.part2.rar
http://nitroflare.com/view/5F492DD94D1AD05/Projec_CSS_Ud.part3.rar
http://nitroflare.com/view/E28AD605C5E796D/Projec_CSS_Ud.part4.rar
http://nitroflare.com/view/B582857E48ECD5D/Projec_CSS_Ud.part5.rar

Download 百度云
请点击此处下载

请先注册会员后在进行下载

已注册会员,请先登录后下载

下载次数:81    售价:50CG币
下载权限: 不限 以上或 VIP会员   [购买VIP]   [充值CG币]
资源反馈: 失效反馈   建议反馈   版权反馈


oday资源社区 - 严正声明1、禁止发布任何违法违规的言论;
2、本贴所有内容纯属发帖者个人意见,与本社区立场无关;
3、本社区仅提供学习交流平台,但不对本帖真实性和权益负责;
4、如本帖侵犯到任何第三方权益,请立即邮件zy520cfc@qq.com告知本社区,社区将及时予与删除。

回复

使用道具 举报

永久VIP

Rank: 9Rank: 9Rank: 9

发表于 2017-1-10 20:42:14 | 显示全部楼层
精品 好,很好,非常好!
回复 支持 反对

使用道具 举报

永久VIP

Rank: 9Rank: 9Rank: 9

发表于 2017-2-12 21:27:44 | 显示全部楼层
学了  先看看教程咋样
回复 支持 反对

使用道具 举报

永久VIP

Rank: 9Rank: 9Rank: 9

发表于 2017-4-18 18:31:38 | 显示全部楼层
教程太棒了  感谢分享
回复 支持 反对

使用道具 举报

永久VIP

Rank: 9Rank: 9Rank: 9

发表于 2017-4-22 20:38:42 | 显示全部楼层
真是被感动的痛哭流涕……
回复 支持 反对

使用道具 举报

永久VIP

Rank: 9Rank: 9Rank: 9

发表于 2017-6-22 16:49:21 | 显示全部楼层
教程太棒了  关键是免费下载
回复 支持 反对

使用道具 举报

永久VIP

Rank: 9Rank: 9Rank: 9

发表于 2017-7-18 03:27:55 | 显示全部楼层
牛牛  牛逼教程
回复 支持 反对

使用道具 举报

永久VIP

Rank: 9Rank: 9Rank: 9

发表于 2017-7-20 10:03:47 | 显示全部楼层
牛牛  牛逼教程
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精彩图文
QQ在线客服(工作时间:9:00-22:00)
QQ:2900020342
扫一扫关注我们

Copyright   ©2015-2016  ABC素材网  Powered by©Discuz!  技术支持:ab素材网    安全联盟  ( 新ICP备15001038号-2 )