目录第1章　HTML5简介11.1　HTML历史与HTML521.2　HTML5的优势61.3　HTML5的基本结构和语法变化81.4　本章小结12第2章　HTML5的常用元素与属性142.1　HTML5保留的常用元素152.2　HTML5增强的iframe元素342.3　HTML5保留的通用属性402.4　HTML5新增的通用属性442.5　HTML5新增的结构元素482.6　HTML5新增的语义元素552.7　HTML5头部和元信息592.8　HTML5新增的拖放API632.9　本章小结71第3章　HTML5表单相关的元素和属性723.1　HTML原有的表单及表单控件733.2　HTML5新增的表单属性833.3　HTML5新增的表单元素903.4　HTML5新增的客户端校验963.5　本章小结100第4章　HTML5的绘图支持1014.1　使用canvas元素1024.2　绘图1034.3　坐标变换1184.4　控制叠加风格1234.5　控制填充风格1244.6　位图处理1284.7　输出位图1324.8　动画制作1334.9　本章小结136第5章　HTML5的多媒体支持1375.1　使用audio和video元素1385.2　使用JavaScript脚本控制媒体播放1415.3　事件监听1445.4　track元素1465.5　本章小结149第6章　级联样式单与CSS选择器1506.1　样式单概述1516.2　CSS样式单的基本使用1526.3　CSS选择器1586.4　伪元素选择器1676.5　CSS3新增的伪类选择器1766.6　在脚本中修改显示样式1956.7　本章小结197第7章　字体与文本相关属性1987.1　字体相关属性1997.2　CSS3支持的颜色表示方法2057.3　文本相关属性2067.4　CSS3新增的服务器字体2127.5　本章小结215第8章　背景、边框和边距相关属性2168.1　盒模型简介2178.2　背景相关属性2178.3　使用渐变背景2268.4　边框相关属性2398.5　使用opacity控制透明度2468.6　padding和margin相关属性2478.7　本章小结249第9章　大小、定位、轮廓相关属性2509.1　width、height相关属性2519.2　定位相关属性2559.3　轮廓相关属性2579.4　用户界面和滤镜属性2589.5　本章小结263第10章　盒模型与布局相关属性26410.1　盒模型和display属性26510.2　对盒添加阴影27510.3　布局相关属性27810.4　CSS3新增的多栏布局28510.5　使用弹性盒布局28910.6　本章小结306第11章　表格、列表相关属性及mediaquery30711.1　表格相关属性30811.2　列表相关属性31311.3　控制光标的属性31611.4　mediaquery和响应式布局31711.5　本章小结323第12章　变形与动画相关属性32412.1　CSS3提供的变形支持32512.2　CSS3新增的3D变换33712.3　CSS3提供的Transition动画34112.4　CSS3提供的Animation动画34512.5　本章小结349第13章　JavaScript语法详解35013.1　JavaScript简介35113.2　数据类型和变量35613.3　基本数据类型36413.4　复合类型37613.5　运算符38113.6　语句39113.7　流程控制39513.8　函数40313.9　函数的参数处理42513.10　面向对象42913.11　创建对象43713.12　本章小结443第14章　DOM编程详解44414.1　DOM模型概述44514.2　DOM模型和HTML文档44614.3　访问HTML元素44814.4　修改HTML元素45614.5　增加HTML元素45814.6　删除HTML元素46314.7　传统的DHTML模型46714.8　使用window对象46914.9　navigator和地理定位47914.10　HTML5增强的HistoryAPI48514.11　使用do

H+是一个完全响应式，基于Bootstrap3.3.6最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.4)，当然，也集成了很多功能强大，用途广泛的jQuery插件，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。

仅供参考，共享资源，仅用于商用完全响应式布局（支持电脑、平板、手机等所有主流设备）基于最新版本的Bootstrap3.3.6提供3套不同风格的皮肤支持多种布局方式使用最流行的的扁平化设计提供了诸多的UI组件集成多款国内优秀插件，诚意奉献提供盒型、全宽、响应式视图模式采用HTML5&CSS3拥有良好的代码结构

AlexWojtak作品集全栈编码器。
技能包括：HTML5，CSS3，Javascript，jQuery，React，Python，C++，C＃最近的项目这是我最近的一些项目：

《HTML5+CSS3网站设计基础教程》PPT

众所周知，IE浏览器的性能是很差的，特别在使用诸如WebQQ2.0这样的丰富的网页应用时，你就能明显感觉到IE的内核和谷歌浏览器的webkit内核之间的性能差异了，那么有没办法提高IE的性能呢？ChromeFrame是Google推出的一个针对IE6，7，8开发的免费开源的浏览器插件，它可以让IE浏览器使用上webkit内核。
使用该插件后，用户的IE将获得和Chrome浏览器一样的高性能和丰富的功能，例如高速的Javascript引擎、支持HTML5、CSS3等新特性……用IE的壳，装上Chrome的芯ChromeFrame插件实际上就是可以让用户的浏览器外观依然是IE的菜单和界面，但当用户浏览网页时，实际上使用的是GoogleChrome浏览器的内核来对页面进行运算解析和渲染。
简单地说，就是用IE的壳，装上Chrome的芯。
IE在安装了ChromeFrame后，Acid测试达到了100分满分使用谷歌浏览器内嵌框架ChromeFrame的优势：IE6提速40倍,IE8提速10倍提高您的网页浏览速度在使用谷歌浏览器的内嵌框架后，浏览网站可获得更快的响应速度和性能。
使用更多高级功能通过谷歌浏览器内嵌框架，你的浏览器可以等到诸如HTML、CSS3等新功能的支持。
不会改变您原来的上网方式谷歌浏览器内嵌框架ChromeFrame依然使用IE的界面和菜单，不会改变你原来的上网习惯。
禁用和卸载ChromeFrame的方法：因为国内很多例如网上银行之类的应用只支持万恶的IE，当你需要禁用ChromeFrame时，只需要：1.工具-管理加载项2.在工具栏和扩展中，找到ChromeFrameBHO.3.禁用它另外，卸载ChromeFrame的话，只要在控制面板中像卸载普通软件一样卸载即可。

使用HTML5，CSS3和原始JavaScript制作的功能齐全的模拟时钟。
现场演示：::three_o’clock:

VRegans电子商务网站一个完全响应的移动友好型用户界面，具有使用HTML5，CSS3，Bootstrap工具箱和JQuery插件开发的站点模块，用于注册，登录和联系的弹出式基于表单的表单，并使用JQuery进行了验证。

LK':camera_with_flash:店-电子商务:shopping_cart:现场LK'-:camera_with_flash:选购电子商务:shopping_cart:使用Asp.NetMVC技术制作的网站，使用C＃，HTML5，CSS3，JavaScript，Bootstrap，JQuery，Ajax，SQL和EntityFramework。
具有：管理面板:gear:通过它可以管理:laptop_computer:店铺内容如，滑块图像:framed_picture:在主页上，:heavy_plus_sign:添加产品，:wrench:管理产品，:male_sign_selector:管理用户，:globe_showing_Europe-Africa:管理位置等:confetti_ball:...只要在创建该项目时付出的努力就可以在任何地方使用它。
:)演示图片:framed_picture:：动态演示：:winking_face:现场演示。
:smiling_face_with_hea

15套微场景HTML5前端源码，有需要的可以下载下来学习，不错的源码

在日常工作中，钉钉打卡成了我生活中不可或缺的一部分。然而，有时候这个看似简单的任务却给我带来了不少烦恼。 每天早晚，我总是得牢记打开钉钉应用，点击"工作台"，再找到"考勤打卡"进行签到。有时候因为工作忙碌，会忘记打卡，导致考勤异常，影响当月的工作评价。而且，由于我使用的是苹果手机，有时候系统更新后，钉钉的某些功能会出现异常，使得打卡变得更加麻烦。 另外，我的家人使用的是安卓手机，他们也经常抱怨钉钉打卡的繁琐。尤其是对于那些不太熟悉手机操作的长辈来说，每次打卡都是一次挑战。他们总是担心自己会操作失误，导致打卡失败。 为了解决这些烦恼，我开始思考是否可以通过编写一个全自动化脚本来实现钉钉打卡。经过一段时间的摸索和学习，我终于成功编写出了一个适用于苹果和安卓系统的钉钉打卡脚本。