HTML5代码生成器 网上有五六种可以生成优质代码的HTML5生成器，其中的真谛是HTML5样板文件，我们不要自以为然的把样板文件当成是生成器，虽说这样，大多数开发者还是把它当作是他们第一个网站的模板。回到主题，要找到一个好的HTML5生成器并不是那么容易的事，因为网上有成千上万的网站提供各种各样的代码生成器。正因为如此，我们经常会被搞的稀里糊涂。不过，我们还是设法找到了一些比较好的生成器在本文中分享给大家。 1.Shi...
收藏起来，感谢原文大大:Bon~~~ ---------------------------------- meta篇 1.视窗宽度 其中 width=device-width 是设置视窗宽度为设备视窗宽度，还可以固定宽度，例如： width=640 则是640px的宽度（常见于微信）； initial-scale=1.0 ：设置缩放比例为1.0； minimum-scale=1.0 和 maximum-scale=1.0 ：最小缩放比例和最大缩放比例； user-scalable=no ：禁止用户自由缩放，user-scalable 默认值为 ...
下面是特邀Umar Hansa做的一篇文章。Umar有一个新闻组，我是他的粉丝，他很亲切地应我们要求把这篇约稿写成了新闻组的形式。我将让他介绍一下他自己。 嘿，我是Umar。我喜欢在Twitter(@umaar)上分享web开发相关的小技巧，同时也喜欢通过Dev Tips以gif的形式分享开发的小技巧。Dev Tips是开发者的一个新闻组。现在，它主要是Chrome开发工具相关的内容。开始之前，感谢CSS-Tricks给我机会为自己喜欢的一个组织做点贡献。 这篇文...
通常我们在学习CSS的时候，感觉很容易掌握，却常常在实际应用中碰到各式各样难以填补的“坑”，为避免大家受到同样的困惑与不解，本文详细讲解了CSS中优先级和Stacking Context等诸多高级特性。让你更加深入的了解CSS。 CSS 优先级 优先级是浏览器是通过判断哪些属性值与元素最相关以决定并应用到该元素上的。优先级仅由选择器组成的匹配规则决定的。如果给一个P标签增加一个类（Class）,运行后Class 中的部分属性并未发生改变...
Hello，大家好！在前面三章中我们与大家分享如何使用webpack来完成前端的模块化打包工作，并附带了一些简单的案例实现，算是webpack的一个入门吧。 从这一章开始，我们将陆续为大家介绍如何使用webpack来完成前端工程化开发。 1.什么是工程化开发 软件工程的工程化开发概念由来已久，但对于前端开发来说，我们没有像VS或者eclipse这样量身打造的IDE，因为在大多数人眼中，前端代码无需编译，因此只要一个浏览...
简单的css自适应PC端*** 移动端*** 一开始的想法就是模仿手机APP 的页面进行布局，首先得有个头部，然后是主题部分，然后加上2个按钮，分别是编辑和退出登录。先布出基本结构。代码如下： 个人中心 个人中心 [站外图片上传中……(1)] 姓名： 性别： 手机： 学校： 个人简介：这个地方文字超出范围之外会自动把容...
引言：最近本人有幸参与公司3.0新版超市前端开发工作，开发工作中遇到一些问题，现将开发前端中遇到的一些问题和建议给大家伙做个分享^_^ 总结的不是很多，还有待完善，欢迎补充…… 问题1：开发前端有时会遇到标签中的src属性值为空，或者src属性值存在，但是服务器端得图片被干掉了，这样就会导致2种影响页面执行的问题的诞生， （1）、值为空的情况，导致了页面的重新加载，所有的请求被重新执行一次，大大降低页面加载...
我们第一次谈论 HTML5 要改变世界大概是因为乔布斯，他坚持在 iOS 上不兼容 Flash，在 Adobe 统治多媒体开发的那个年代，这需要付出极大的勇气。这么多年过去了，虽然所有人都在谈论 HTML5，但是大部分人甚至都忘了它还是一个仍在完善中的体系。 2007年W3C（万维网联盟）立项 HTML5，直至 2014年10月 底，这个长达八年的规范终于正式定稿。接下来，HTML5 将真正开始颠覆原生（Native） App 世界。虽然这种危言耸听已经让人有点厌...
Foundation 6 让您的项目从原型到成平比以往任何时候都更有效！它包括了广泛的模块和灵活的组件。这些多功能就像轻便的积木，可以很容易地把你的想法实现。所有的代码片段支持ARIA属性和作用以及如何正确使用这些组件的说明。 在线演示 源码下载
二、HTML篇 2.1、标签上title属性与alt属性的区别是什么？ alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。 这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户等。 title属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息。参考《alt和title属...
二级下拉式菜单在各大学校网站，电商类网站，新闻类网站等大型？网站很常见，那么它的实现原理是什么呢？ 学习了Web前端开发的知识后，我们是可以实现这样的功能的。复杂的都是从基础效果上添加做出来的，原理和流程 还是一样的，今天开始做一些简单的二级下拉式菜单。 横向一级菜单我们见到的很多，如下图所示是： 二级下拉菜单图： 二级下拉菜单是在横向一级菜单的基础上添加下拉效果实现的...
Chrome 开发者工具是一款Web开发者们公认的优秀的前端调试工具,本身功能强大，有了这个工具,你可以做很多有趣的事情。 快速编辑HTML元素 在Elements面板,鼠标双击需要打开的DOM元素标签,就可以编辑它，完成之后会自动更新页面和关闭标签。 还是在Elements面板按下ctrl + F 或 F3 ,在搜索栏里输入自己想要查找的内容，如果存在，就会在DOM中，用不同的颜色标出。 快速定位行和列 在sources面板...
前面几篇博文都在讲导航菜单和二级下拉式菜单，其实有很多方法都可以实现的，具体的情况还要视情况而定。 在后面学习到jQuery框架之后，会有更丰富的动画效果，由于在学习Ajax和jQuery的初步阶段，对于很多的复杂的导 航菜单和二级下拉式菜单没法做，但是学习了CSS和JS还是能实现一些简单的变换的。这篇博文就来说说用CSS实现 导航菜单结合二级下拉式菜单的两个简单变换吧。 首先还是在前面博文的基础上加以实现，其...
返回VS插件总目录 本篇目录 初识Web Essentials 看国外大牛如何评价Web Essentials Web Essentials下载与安装 Web Essentials涉及到了哪些内容 初识Web Essentials Web Essentials Web Essentials给Visual Studio扩展了很多新的功能，对于Web开发者来说，这些功能我们已经等待好多年了。 如果你正在编写CSS, HTML, JavaScript, TypeScript, CoffeeS...
上一篇文章，大家对于ReactMix( https://github.com/xueduany/react-mix )框架有了一个基本认识，知道我们是一个语法糖，帮助大家基于一套代码，所有平台都能跑。那么今天就是来实战一下，写一个所有平台都能跑的页面出来。 首先我们要准备了解的基本知识如下，在H5开发中，我们的页面布局方式有 1. 默认布局（块状元素和内联元素） 2. 浮动布局（Float） 3. 定位布局（position: relative, absolute, top, left, rig...