11 2014 档案

20个实用便捷的CSS3工具、库及实例
摘要：20个实用便捷的CSS3工具、库及实例http://www.cnblogs.com/wpbars/p/4011305.html 阅读全文
posted @ 2014-11-25 14:26 damonvip 阅读(130) 评论(0) 推荐(0)
jquery插件推荐
摘要：jquery插件推荐http://www.cnblogs.com/wpbars/p/3952011.html 阅读全文
posted @ 2014-11-25 14:25 damonvip 阅读(95) 评论(0) 推荐(0)
Jquery遮罩插件，想罩哪就罩
摘要：Jquery遮罩插件，想罩哪就罩哪！http://www.cnblogs.com/zery/p/4044674.html 阅读全文
posted @ 2014-11-25 14:24 damonvip 阅读(116) 评论(0) 推荐(0)
font-size:100%有什么作用
摘要：h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} input,select,textarea,samp {font-size:100%;} 看到一些css重设,请问设置font-size:100%的目的和作用是什么? -------... 阅读全文
posted @ 2014-11-25 14:22 damonvip 阅读(832) 评论(0) 推荐(0)
工作笔记：移动web页面前端开发总结
摘要：http://www.cnblogs.com/gyjWEB/p/3780374.html 阅读全文
posted @ 2014-11-25 14:21 damonvip 阅读(177) 评论(0) 推荐(0)
移动web页面前端开发总结2
摘要：http://www.cnblogs.com/www561cn/p/3897003.html 阅读全文
posted @ 2014-11-25 14:20 damonvip 阅读(102) 评论(0) 推荐(0)
移动WEB前端小结
摘要：http://www.cnblogs.com/yile/articles/3817056.html 阅读全文
posted @ 2014-11-25 14:19 damonvip 阅读(103) 评论(0) 推荐(0)
移动端web开发
摘要：http://www.cnblogs.com/vzone/articles/3811390.html 阅读全文
posted @ 2014-11-25 14:19 damonvip 阅读(107) 评论(0) 推荐(0)
移动WEB开发常用技巧
摘要：http://www.cnblogs.com/jununx/p/3626230.html 阅读全文
posted @ 2014-11-25 14:18 damonvip 阅读(102) 评论(0) 推荐(0)
js 移动web 开发
摘要：http://www.cnblogs.com/pengyou8696/p/3576729.html 阅读全文
posted @ 2014-11-25 14:17 damonvip 阅读(120) 评论(0) 推荐(0)
移动Web初级入门
摘要：http://www.cnblogs.com/hacke2/p/4090079.html 阅读全文
posted @ 2014-11-25 14:15 damonvip 阅读(102) 评论(0) 推荐(0)
移动web开发和移动app开发的区分
摘要：1、移动web开发这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天 下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。2、web app开发特指的是用ht... 阅读全文
posted @ 2014-11-25 13:58 damonvip 阅读(639) 评论(1) 推荐(0)
webkit webApp 开发技术要点总结
摘要：1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；第二个meta标签是iphone设备中的safari私有m... 阅读全文
posted @ 2014-11-25 13:57 damonvip 阅读(190) 评论(0) 推荐(0)
多点触屏浏览器的js开发
摘要：这篇文章讲到了很多关于手机触摸事件的知识，比如touchstart,touchmove,touchend，对于获取屏幕的左右跟网页版的也是不一样的哦。我以前也比较少接触这方面的知识，最近做一个项目才发现原来用event.pageX是获取不了当前的位置（在手机上）。需要用到var touch = ev... 阅读全文
posted @ 2014-11-25 13:56 damonvip 阅读(826) 评论(0) 推荐(0)
移动前端开发框架:ratchet
摘要：来自bootstrap的另外一个前端框架，专门为移动前端而开发的。Ratchet是一款免费的开源工具，它的主要功能就是，使用简单的HTML、CSS和JS组件就能构建出移动应用程序原型。起初，Ratchet第一个版本是专为iOS服务的，而自最新发布的2.0.0版本起，Ratchet终于开始逐步支持其它... 阅读全文
posted @ 2014-11-25 13:55 damonvip 阅读(463) 评论(0) 推荐(0)
移动端触摸滑动插件swipe.js
摘要：插件特色swipe.js是一个比较有名的触摸滑动插件，它能够处理内容滑动，支持自定义选项，你可以让它自动滚动，控制滚动间隔，返回回调函数等。经常可见使用在移动前端开发中。使用方法下面是一个比较简单的使用例子，添加适当的HTML代码和js代码即可。 window.mySw... 阅读全文
posted @ 2014-11-25 13:54 damonvip 阅读(973) 评论(0) 推荐(0)
Ionic移动应用框架
摘要：Ionic是一个强大的HTML5native app开发框架，它能够帮助你通过HTML、CSS和JavaScript来建立一个类似于native的移动应用。Ionic主要关注应用的视觉、感觉和用户界面交互。这意味着我们并不能替代PhoneGap或者你喜欢的JavaScript框架。相反，Ionic只... 阅读全文
posted @ 2014-11-25 13:53 damonvip 阅读(206) 评论(0) 推荐(0)
JavaScript为iphone添加到主屏幕
摘要：iphone手机有一个书签栏上可以将当前在浏览的网页添加到主屏幕，用户添加该选项之后，就可以从桌面上启动这个web程序，让人看起来有点像web app一样，深受许多人的喜爱。但是很多人却不知道或者懒得去设置，本文将介绍一个JavaScript提示用户添加到主屏幕。设定主屏幕图标iOS 的网页图标与传... 阅读全文
posted @ 2014-11-25 13:52 damonvip 阅读(2388) 评论(0) 推荐(0)
移动前端：在手机上隐藏地址工具栏
摘要：移动前端界面进去的时候，我们会看到地址工具条，这看起来不怎么像一个APP，那么怎么隐藏掉这个地址条，下面提供了一个比较合适的代码，支持IOS和Android./*! Normalized address bar hiding for iOS & Android (c) @scottjehl MIT ... 阅读全文
posted @ 2014-11-25 13:51 damonvip 阅读(223) 评论(0) 推荐(0)
Swipe.js支持网页点击和数字导航
摘要：Swipe.js是一个移动端的滑动插件，使用手指触摸滑动，并且支持左右导航，详情请访问之前的一篇文章介绍：Swipe.js。但却不支持网页版的点击跳转和数字导航，这些需要你自己添加的，之前本来是想使用这个在前端开发中的，最后发现没有这个功能，最近我又开始折腾了一下，发现原来也可以用在桌面版中，只不过... 阅读全文
posted @ 2014-11-25 13:50 damonvip 阅读(421) 评论(0) 推荐(0)
iOS移动前端开发总结
摘要：iOS移动前端也可以说是iPhone移动前端，做过才知道有一些坑，记录下来，以便下次不会遗忘，希望这篇文章能够帮到正在做iPhone手机移动前端的你。当然有一些内容也适用在Android上，如果你发现有错误的地方或者有更好的技巧，欢迎留言告知我。一：输入框点击之后页面会放大iPhone的一个坑，当你... 阅读全文
posted @ 2014-11-25 13:49 damonvip 阅读(291) 评论(0) 推荐(0)
webkit开发，app移动前端知识点
摘要：如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是... 阅读全文
posted @ 2014-11-25 13:48 damonvip 阅读(293) 评论(0) 推荐(0)
【精品推荐】web开发人员应该知道的31个jQuery模态对话框
摘要：在网站开发中经常会用到模态窗口，如果直接利用javascirpt的window.showModalDialog()打开一个模式窗口，虽然实现了模式窗口的功能，但十分的不好看。当我们遇到这样的需求时很多人会从网上寻找这些jQuery的模态对话框，有时候搜索了很多，但都不是很合适，那为什么人们喜欢模态窗... 阅读全文
posted @ 2014-11-25 13:46 damonvip 阅读(257) 评论(0) 推荐(0)
web前端开发框架推荐
摘要：Twitter Bootstrap简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。Bootstrap 中文NEC : 更好的CSS样式解决方案读规范，让你的代码更具智慧和美丽的方法用框架，选择一份合适的HTML和CSS基础代码找代码，在这里找到她，或给你启发，或她就是你的装插件，帮助你快速... 阅读全文
posted @ 2014-11-25 13:45 damonvip 阅读(247) 评论(0) 推荐(0)
25个免费的滚动动画插件
摘要：本文列出了你在Twitter上必须关注的JS程序员列表。他们包括行业的先行者和推动者，同时也包括你可能不认识或者还没考虑关注的开发者。这25位开发者不可能包含所有有影响力和鼓舞人心的开发者。如果你认为还有需要添加到该列表的开发者，请在下面的评论中告诉我们。1. John ResigjQuery创始人... 阅读全文
posted @ 2014-11-25 13:42 damonvip 阅读(321) 评论(0) 推荐(0)
免费css3技巧：时间线, Nexus 7, 滑动和菜单.
摘要：1.使用css3和jQuery的作品时间线非常感谢tutorizlzine，在这篇教程中，我们可以看到一个由jQuery插件展示的作品事件的时间线。你可以添加很多种媒体类型，包括文章、视屏和地图等In this great tutorial thanks toTutorialzine we look... 阅读全文
posted @ 2014-11-25 13:37 damonvip 阅读(206) 评论(0) 推荐(0)
CSS3前缀自动补全方案和插件
摘要：css3给人最闹心的莫过于各个浏览器的前缀了，然后随着各个浏览器的给力升级，有些前缀已经默默的去掉了，我们还是写那么一大堆。下面介绍几个工具，来帮下我们。第一个是prefix free，这是一个js文件，大小2kb，导入之后你根本都无须考虑前缀问题，直接写不需要任何浏览器的前缀；第二个是css3 p... 阅读全文
posted @ 2014-11-25 13:36 damonvip 阅读(588) 评论(0) 推荐(0)
Modernizr.js:为HTML5和CSS3而生！
摘要：modernizr这个js，在国外的主题里面很多地方都看到，就只记得是为HTML补充的，有点类似与responsive.js一样。今天搜索到这篇文章，深入的讲解了modernizr.js是为检测浏览器的CSS3和HTML5的属性而生，从而通过CSS来解决兼容性问题。个人觉得这种做法明显增加了CSS代... 阅读全文
posted @ 2014-11-25 13:35 damonvip 阅读(206) 评论(0) 推荐(0)
超赞的CSS3动画下拉菜单
摘要：今天分享几个最近看到的比较实用的CSS3带动画的下拉菜单效果，实现出来的效果跟使用jQuery的slideDown和fadeIn有得一比，效果非常赞，本人推荐各位以后可以使用下面的几种效果，一定会给你的前端开发带来不少亮点的。如果需要更多效果可以看之前的文章：CSS3下拉菜单模板上面的这个下拉菜单就... 阅读全文
posted @ 2014-11-25 13:34 damonvip 阅读(1469) 评论(0) 推荐(0)
CSS3下拉菜单模板下载
摘要：HTML5和 CSS3 目前是属于比较流行的趋势，所以，有研空或者做前端的同学可以下载下来看下，今天收集分享：48个免费的HTML5和CSS3下拉菜单模板下载，希望其中有你喜欢和需要的，或者可以给你带来灵感的。Dark Menu: Pure CSS3 Two Level Menu(Demo|Down... 阅读全文
posted @ 2014-11-25 13:33 damonvip 阅读(363) 评论(0) 推荐(0)
最好的前端开发资源推荐
摘要：很早的一篇前端开发资源，今天才看到，里面有各种各样的开源资源，包括HTML5、CSS3、jQuery、PHP和JavaScript库等，每个资源都是比较热门的，你可以将它运用到你的项目中，或者可以纯粹的拿来学习，从各位前端大神的作品中成长。这个前端开发资源类似于一个目录，大部分也许你都看过，也许也有... 阅读全文
posted @ 2014-11-25 13:31 damonvip 阅读(228) 评论(0) 推荐(0)
移动端资源集锦
摘要：前端开发很多知识不学习就落后了，尤其是移动端发展更是迅速，随着市场的逐步扩大和相关技术的日趋完善，各种问题和解决方案也层出不穷。当然最主要的还是CSS3和HTML5的知识，Javascript的内容也越来越丰富，有nodejs等。下面推荐一些收集移动端的知识精华。1. 知识集合99移动端知识集合：h... 阅读全文
posted @ 2014-11-25 13:30 damonvip 阅读(157) 评论(0) 推荐(0)
css常用代码大全
摘要：css常见的快捷开发代码汇总（长期更新），包括CSS3代码，有一些css效果很顽固，经常会一时找不出解决方案，网络上也有很多的工具和高手提供了具体的浏览器兼容代码，这个页面我今后会经常整理，希望能够帮到重构和正在找这些效果的代码，如果你有更好的实现方案，不妨告诉我，或者你有解决不了的，也不妨告诉我。... 阅读全文
posted @ 2014-11-25 13:28 damonvip 阅读(2453) 评论(0) 推荐(0)
浮动层固定兼容IE6 position:fixed的最佳解决方案
摘要：第一种：css方法有时候当我们需要把一个元素固定在页面的某个部位，一般都是用css中的“position:fixed;”方法来解决，但是IE6不支持fixed，所以今天分享一个兼容IE6的页面底部固定层CSS代码。如下：.bottom{bottom:0;position:fixed;height:2... 阅读全文
posted @ 2014-11-25 13:27 damonvip 阅读(219) 评论(0) 推荐(0)
margin负值的应用
摘要：CSS盒模型中，margin是我们老熟悉的一个属性了， 它的负值你用过吗？ 你知道margin负值的秘密武器吗？我们一起看看吧！带竖线分隔的横向列表传统的分隔符是使用 “|” 来实现的，弊端显而易见，不利于表现与结构的分离，同时增加了后台输出时的判断工作。所以我们采用border-left 左边框来... 阅读全文
posted @ 2014-11-25 13:26 damonvip 阅读(194) 评论(0) 推荐(0)
css书写顺序和常用命名推荐
摘要：写代码的时候有一个好的规范和顺序能够帮你节省很多时间。下文将推荐相关CSS书写顺序和规范的一些方法。这个文档将会整理进前端规范文档中，如果你有更好的意见，不妨留言告知我们。CSS书写顺序该代码来自于互联网，最初好像是Mozilla的网站上。 1. Display & Flow(显示与流) 2. Po... 阅读全文
posted @ 2014-11-25 13:25 damonvip 阅读(203) 评论(0) 推荐(0)
CSS Hack代码与浏览兼容总结
摘要：关于CSSHack的东西能少尽量少吧。发现这篇文章我写得太复杂了，所以重新精简了一下，把代码粘贴到jsfiddle上，方面修改代码和维护。1, IE条件注释法，微软官方推荐的hack方式。只在IE下生效这段文字只在IE浏览器上显示只在IE6下生效这段文字只在IE6浏览器上显示只在IE6以上版本生效这... 阅读全文
posted @ 2014-11-25 13:24 damonvip 阅读(230) 评论(0) 推荐(0)
高效css选择符
摘要：关于前端性能一说，绝大多数的人都知道JS优化，DOM优化，但是你有没有考虑过CSS选择符优化？殊不知这个用来美化前端页面的东西也是一个性能的关键。而且往往我们都是背道而驰，借助前人铺垫好的道路我们来补习一下。首 先，对于CSS的性能有一些最佳的实践，1.把样式表放在HEAD标签中以提升页面的逐步渲染... 阅读全文
posted @ 2014-11-25 13:21 damonvip 阅读(249) 评论(0) 推荐(0)
高级css选择器
摘要：以前由于考虑到IE6等浏览器的兼容属性，常常对于高级的css选择符不感兴趣，最近开始，发现前端方面的IE6其实已经逐渐的消失了，学会用css3的高级选择器，可以起到事半功倍的效果，所以以后将会加强这方面的学习和积累一些经验，今天重温以前被人用过的很多选择器，当然有一些也许你还不知道，没关系，从现在开... 阅读全文
posted @ 2014-11-25 13:20 damonvip 阅读(160) 评论(0) 推荐(0)
css透明背景兼容方案
摘要：css透明是一个技术活，因为这里面涉及到了IE8及以下版本不兼容opacity这个css3属性，而filter:alpha(opacity=80)这个值则是不兼容IE6.网上比较流行的透明css是这样子写的。.transparent_class {/* IE 5-7 */filter: alpha(... 阅读全文
posted @ 2014-11-25 13:19 damonvip 阅读(464) 评论(0) 推荐(0)
sass、less和stylus的安装使用和入门实践
摘要：刚开始的时候，说实话，我很反感使用css预处理器这种新玩意的，因为其中涉及到了编程的东西，私以为很复杂，而且考虑到项目不是一天能够完成的，也很少是一个人完成的，对于这种团队的项目开发，前端实践用css预处理器来合作，是一种很痛苦，即使不痛苦那也是需要花费非常多的时间来协调合作上的。对于预处理器的态度... 阅读全文
posted @ 2014-11-25 13:18 damonvip 阅读(285) 评论(0) 推荐(0)
CSS LINT,优化你的CSS样式表
摘要：CSSLint 能线上分析并检测你的网站 CSS 样式表有无任何潜在问题，使用方法很简单，只需要把 CSS 内容复制贴上，最后按下 LINT！按钮就可以检查。底下有一些设定项目可以调整检测的项目和规则，预设是全部勾取，如果没有特别的需求可以不用更动，完成之后 CSS Lint 会告诉使用者该样式表哪... 阅读全文
posted @ 2014-11-25 13:17 damonvip 阅读(306) 评论(0) 推荐(0)
css lint是有害的
摘要：CSS LINT,优化你的CSS样式表 这篇文章我们详细的介绍到了关于css的一些使用建议，于是我最近开始使用brackets并且安装了csslint的扩展来检查css的样式问题，发现自己的css都有一些错误提示，现在回过头来看，其实csslint有些观点是不正确的，甚至是有害的。下面是这些有害的地... 阅读全文
posted @ 2014-11-25 13:15 damonvip 阅读(776) 评论(0) 推荐(0)
CSS学习资源
摘要：没有就不能活的 53 个 CSS 技术对新手实用的 20 个 CSS 建议快速编写更好 CSS 代码的 5 种方法50+ 个 CSS 创意案例和教程101 个 CSS 小贴士、教程和范例CSS 代码片段：15 个邪恶的技巧15 个必学的 CSS 技巧8 个 CSS 链接 链接小贴士8 个超简洁 CS... 阅读全文
posted @ 2014-11-25 13:12 damonvip 阅读(148) 评论(0) 推荐(0)
css border制作小三角形状及应用（兼容IE6）
摘要：之前在懒懒分会上分享的一点关于border画小图的内容, 完整的ppt在这里.原理css盒模型一个盒子包括: margin+border+padding+content– 上下左右边框交界处出呈现平滑的斜线. 利用这个特点, 通过设置不同的上下左右边框宽度或者颜色可以得到小三角, 小梯形等.– 调整... 阅读全文
posted @ 2014-11-25 13:08 damonvip 阅读(212) 评论(0) 推荐(0)
css专题学习-浏览器兼容性问题目录
摘要：此帖是我所分享的浏览器兼容性问题相关的所有目录。【分享】浏览器兼容性问题综述--正确的认识浏览器兼容性问题【分享】你的元素居中对齐了吗？---关于'text-align：center'的问题【分享】标签的伪类书写顺序问题【分享】IE6中A标签hover伪类特殊性过高的问题【分享】深入挖掘docume... 阅读全文
posted @ 2014-11-25 12:29 damonvip 阅读(128) 评论(0) 推荐(0)
每位设计师都应该拥有的50个CSS代码片段
摘要：面对每年如此多的 新趋势,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用CSS3 properties, 决定这些的是浏览器支持和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中.这篇文字里我会介绍50 个便于使用的 CSS2/CSS3 代码片段给所有的WE... 阅读全文
posted @ 2014-11-25 12:28 damonvip 阅读(97) 评论(0) 推荐(0)
前端基础一:Doctype? 行内元素和块级元素
摘要：问题1：Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。以下面这个 ... 阅读全文
posted @ 2014-11-25 12:27 damonvip 阅读(218) 评论(0) 推荐(0)
inline-block代替浮动布局float:left列表布局最佳方案
摘要：基于各位前辈的辛勤劳动，下面得出使用inline-block替换float:left;的最佳方案。html代码 css代码(来自taobaoued).list {font-size:0;/*... 阅读全文
posted @ 2014-11-25 12:25 damonvip 阅读(434) 评论(0) 推荐(0)
css超出一行添加省略号属性:text-overflow和white-space
摘要：css属性white-space省略我吧 省略我吧省略我吧省略我吧省略我吧省略我吧省略我吧省略我吧省略我吧省略我吧测试浏览器：IE6/7/8/9、opera12.02、firefox15.0.1、chrome21.0.1180.89m1、text-overflow:ellipsis;这里的重点样式是... 阅读全文
posted @ 2014-11-25 12:24 damonvip 阅读(177) 评论(0) 推荐(0)