随笔分类 - HTML5
摘要：自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-Web App(意为基于WEB形式的应用程序)。业界关于Web App与Native App的争论已有一段时间，而Hybrid混合App则受到推荐，随着时间的推移，我们相信Web App也会有一定的市场，那么它到底有什么奥秘呢？让我们来看看。WebApp与NativeApp有何区别呢？NativeApp：1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。2、更新体验较差、同时也比较麻烦。每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要
阅读全文
摘要：我的App与微信搞上了 小麦积分墙摘自网络 最近有很多开发者关心的一个问题是如何提升app的下载量，透过现象开本质，app下载量的终极目标还是为多少客户提供了服务，抛开下载量KPI，app真心关心的问题其实是使用产品or服务的人次。 要提升被服务人群数量，关键是要从微信上导出流量，而要导出更多的流量，必然需要更多人的关注，即如何推广运营的问题。微信现在导流的方式基本以webapp方式进行，直接从微信基本无法实现到客户端的跳转，这是app们要考虑的问题，要在微信这个流量聚集地上提供服务，App要么与微信打通技术接口，像艺龙那样，能直接订房订机票;要么将app html5化，让用户顺畅的从...
阅读全文
摘要：对于Web开发人员来说，当他们需要创建一个非常时尚和新潮的CSS3和HTML5网站时需要非常专业的水准。html5和css3的结合能够做出非同寻常的网站效果。。所以，今天，我推荐给大家45个免费的时尚模板，您可以下载。1. Interio(演示 |下载 )2. Art School Template(演示 |下载 )3. Folder(演示 |下载 )4. Template for Business Project(演示 |下载 )5. Nova(演示 |下载 )6. CSS3 Seascape Two(演示 |下载 )7. Kroft(演示 |下载 )8. Thom Sander(演示 |下
阅读全文
摘要：转载请注明原创地址：http://www.cnblogs.com/softlover/archive/2012/11/21/2781388.html 现在屏幕分辨率的范围很大，从320px (iPhone) 到 2560px (大型显示器)，甚至更大。用户也不只是使用台式电脑访问web站点了，他使用手机、笔记本电脑、平板电脑。所以传统的设置网站宽度为固定值，已经不能满足需要了。web设计需要适应这种新要求，页面布局需要能够根据访问设备的不同分辨率自动进行调整。本教程将会向你介绍，如何使用html5和CSS3 Media Queries完成跨浏览器的响应式设计。 demo预览地址：http:..
阅读全文
摘要：HTML5与CSS3已经当仁不让的成为了这两年Web界最火爆的词，他们似乎在HTML4和CSS2统治了Web很多年之后的某一天突然爆发，然 后一直占据着所有Web开发者的视野。HTML5本身就是一个很大很宽泛的词，在严格的意义上，HTML5代表最新版本的HTML语义标准，而完全放开来 看，HTML5代表了Open Web所包含的所有技术，HTML全新的语义，CSS3样式单和JavaScript脚本所组合而成的开放的Web世界。任何事情都有两面性，HTML5的宽泛含义开拓了Web开发的视野，增加了开发方案的多样性，同时也带给很多Web开发者不小的困惑，就是 HTML5在涉及到Web某个应用领域的
阅读全文
摘要：HTML5的宽泛含义开拓了Web开发的视野，增加了开发方案的多样性，同时也带给很多Web开发者不小的困惑，就是HTML5在涉及到Web某个应用领 域的开发时，到底代表了什么？本篇文章的目的就在于跟大伙分享HTML5,CSS3在移动Web应用开发上的概念和特点，这个概念就是 “Responsive Web Design - 响应式Web设计"。创作的Web内容时，前端交互开发者经常使用浏览器来运行测试。下面几种主流浏览器的尺寸检测预览插件可以很好的帮助我们：• Internet Explorer Developer Tools，下载地址：http://www.microsoft.com
阅读全文
摘要：一、 规范目的：为提高工作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，在网站建设中，使结构更加清晰，代码简明有序，有一个更好的前端架构，有利于SEO优化。二、 规范基本准则：符合web标准，使用具有语义的标签，使结构、表现、行为分离，兼容性优良，页面性能优化，代码简洁、明了、有序，尽可能的减少服务器的负载，保证最快的解析速度。三、 文件规范：html、css、js、images文件均归档至约定的目录中。1. html（1）编码：所有编码均采用xhtml，标签必须闭合，属性值用双引号包括，编码统一为utf-8。（2）语义化：语义化html，正确使用标签，充分利用...
阅读全文
摘要：带三角箭头的提示框，就是下面所示：这是一个提示框通常我们都用图片来实现上面那个小三角，因为这样方便快速，但是如果图片处理得不好，会看起来有杂边，从而影响视觉，所以换一种思路来解决。首先来研究一下CSS是如何实现三角形的。假定有一个盒子(div)，给定宽高分别为100像素，再给定边框50像素，那么它看起来会是下面这个样子(为了更直观，给了边框四种不同的颜色)：接下来，把盒子的高度设为0：再把宽度也设为0：这样雏形就已经出来了，由于IE6的bug(高度为0的div会有一定默认的高度，我的电脑上测量结果为19像素)，需要做一些小调整，给div加一个overflow:hidden，IE6就能正确解析了
阅读全文
摘要：规范目的为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.基本准则符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度.文件规范1.html,css,js,images文件均归档至<系统开发规范>约定的目录中;2.html文件命名:英文命名,后缀.htm.同时将对应界面稿放于同目录中,若界面稿命名为中文,请重命名与html文件
阅读全文
摘要：HTML: HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描
阅读全文
摘要：1.记住对行内元素设置宽度width无效。设置高度height无效，可以通过line-height来设置。设置margin只有左右margin有效，上下无效。设置padding只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响。2.对于块级元素（display:block）未浮动的垂直相邻元素的上边界和下边界会被压缩，例如：有上下2个元素，上元素的下边界为5px，下面元素的上边界为20px，则实际2个元素的间距为20px（2个边界值中较大的值）。
阅读全文
摘要：Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。 随着Web 2.0概念的普及和W3C组织的推广，网站重构的..
阅读全文
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><!-- saved from url=(0040)http://www.cssrain.cn/demo/floatDIV.html --><HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><
阅读全文
摘要：float 是 css 的定位属性。在传统的印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中， 应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为无视页面环绕一样。绝对定位的元素不会 影响其它元素，其它元素也不会影响它，无论它是否和其它元素挨着。
阅读全文
摘要：目前，越来越多的开发者认识到了客户端脚本和Ajax的强大作用，纷纷在网站或Web应用中加入了交互功能或者视觉效果，JavaScript俨然成为了他们开发过程中不可或缺的语言。本文整理了10个JavaScript参考手册，希望能够提高你的Web开发的效率。1. QuicklyCode——速查表和编程素材 你可以在这个网站中找到各种速查表以及其他开发者的资源，这些对于你的JavaScript编程工作非常有用。2. gotAPI——开发文档速查工具 针对HTML、JavaScript、CSS、AJAX、Web2.0以及其他技术文档的速查工具。3. JavaScript 速查表 一个JavaScrip
阅读全文
摘要：1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 powered by 25175.net2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;例如：<#div id=”imfloat”>相应的css为#IamFloat{float:left;margin:5px;/*IE下理解为10px*/display:inline
阅读全文
摘要：首先我们要明确，display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复，每一行下方都会有一条黑色的细线。如果是块级元素那么所显示的的黑线只会在块的下方出现。 当然这看起来不像是display:inline;与float:left;的区别所在，但是当理解了float:left;的特性那..
阅读全文
摘要：1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。 3、慎用 * 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，这样，大大的占用资源。要有选择的初始化标签。 4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写，这才知道，原来不是推荐的写法
阅读全文
摘要：即使是CSS高手，也难免在书写CSS代码的时候出一些小错误，或者说，任何一种代码都是如此。小错误却往往造成大问题，浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误，努力的修正你可能会犯的错误，加速你的前端开发效率。1. 检查html元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2. 检查CSS是否书写正确检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。3. 用删除法确定错
阅读全文
摘要：谁都期望得到一份好的工作，谁都向往优秀的公司，但是随着网络的曝光，我们在应聘中越来越不敢相信自己的眼睛，到底怎么看待那么多招聘启示呢？ 一、待遇太离谱的要小心 同一个城市，同一个行业，待遇一般也相差不到那里，那些标明高工资的公司也许是因为他们公司现在正遇到一个项目难题又不想外包，所以高薪招聘救火队员，当项目完成也许找理由把你开了 二、一年四季都在招聘的要小心 这个世界不可能一年四季都招不到一个好的人才吧？那为什么有些招聘启示一年四季都在招人呢？原因可能只有一个，那就是他们不招人，仅仅只是为了宣传而做“广告”而已。 三、不专业的招聘要小心 招个网页设计师，要求却是要会CorelDRAW，还要会.
阅读全文
浙公网安备 33010602011771号