anyuma8815-CSDN博客

转载 20个实用便捷的CSS3工具、库及实例

20个实用便捷的CSS3工具、库及实例http://www.cnblogs.com/wpbars/p/4011305.html转载于:https://www.cnblogs.com/cyweb/p/4120949.html

2014-11-25 14:26:00 121

转载 jquery插件推荐

jquery插件推荐http://www.cnblogs.com/wpbars/p/3952011.html转载于:https://www.cnblogs.com/cyweb/p/4120944.html

2014-11-25 14:25:00 105

转载 Jquery遮罩插件，想罩哪就罩

Jquery遮罩插件，想罩哪就罩哪！http://www.cnblogs.com/zery/p/4044674.html转载于:https://www.cnblogs.com/cyweb/p/4120942.html

2014-11-25 14:24:00 114

转载 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%的目的和作用是什么?　　----------------------------------------------...

2014-11-25 14:22:00 154

转载工作笔记：移动web页面前端开发总结

http://www.cnblogs.com/gyjWEB/p/3780374.html转载于:https://www.cnblogs.com/cyweb/p/4120937.html

2014-11-25 14:21:00 97

转载移动web页面前端开发总结2

http://www.cnblogs.com/www561cn/p/3897003.html转载于:https://www.cnblogs.com/cyweb/p/4120935.html

2014-11-25 14:20:00 71

转载移动端web开发

http://www.cnblogs.com/vzone/articles/3811390.html转载于:https://www.cnblogs.com/cyweb/p/4120922.html

2014-11-25 14:19:00 79

转载移动WEB前端小结

http://www.cnblogs.com/yile/articles/3817056.html转载于:https://www.cnblogs.com/cyweb/p/4120923.html

2014-11-25 14:19:00 125

转载移动WEB开发常用技巧

http://www.cnblogs.com/jununx/p/3626230.html转载于:https://www.cnblogs.com/cyweb/p/4120918.html

2014-11-25 14:18:00 73

转载 js 移动web 开发

http://www.cnblogs.com/pengyou8696/p/3576729.html转载于:https://www.cnblogs.com/cyweb/p/4120914.html

2014-11-25 14:17:00 80

转载移动Web初级入门

http://www.cnblogs.com/hacke2/p/4090079.html转载于:https://www.cnblogs.com/cyweb/p/4120911.html

2014-11-25 14:15:00 50

转载移动web开发和移动app开发的区分

1、移动web开发这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。2、web app开发特指的是用html5技术开发，之所以叫web app是因为他比较接近客户端应用程序的用户体验...

2014-11-25 13:58:00 153

转载 webkit webApp 开发技术要点总结

1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /><meta content="...

2014-11-25 13:57:00 82

转载多点触屏浏览器的js开发

这篇文章讲到了很多关于手机触摸事件的知识，比如touchstart,touchmove,touchend，对于获取屏幕的左右跟网页版的也是不一样的哦。我以前也比较少接触这方面的知识，最近做一个项目才发现原来用event.pageX是获取不了当前的位置（在手机上）。需要用到var touch = event.originalEvent.touches[0]; 然后touch.pageX才可...

2014-11-25 13:56:00 112

转载移动前端开发框架:ratchet

来自bootstrap的另外一个前端框架，专门为移动前端而开发的。Ratchet是一款免费的开源工具，它的主要功能就是，使用简单的HTML、CSS和JS组件就能构建出移动应用程序原型。起初，Ratchet第一个版本是专为iOS服务的，而自最新发布的2.0.0版本起，Ratchet终于开始逐步支持其它平台，当然最先惠及到的平台就是Android。Ratchet使用简单的原因之一就是...

2014-11-25 13:55:00 139

转载移动端触摸滑动插件swipe.js

插件特色swipe.js是一个比较有名的触摸滑动插件，它能够处理内容滑动，支持自定义选项，你可以让它自动滚动，控制滚动间隔，返回回调函数等。经常可见使用在移动前端开发中。使用方法下面是一个比较简单的使用例子，添加适当的HTML代码和js代码即可。<div id='slider' class='swipe'> <div class='swipe-wr...

2014-11-25 13:54:00 262

转载 Ionic移动应用框架

Ionic是一个强大的HTML5native app开发框架，它能够帮助你通过HTML、CSS和JavaScript来建立一个类似于native的移动应用。Ionic主要关注应用的视觉、感觉和用户界面交互。这意味着我们并不能替代PhoneGap或者你喜欢的JavaScript框架。相反，Ionic只专注于一个项目最重要的部分：前端。我们推荐你阅读Where does the I...

2014-11-25 13:53:00 59

转载 JavaScript为iphone添加到主屏幕

iphone手机有一个书签栏上可以将当前在浏览的网页添加到主屏幕，用户添加该选项之后，就可以从桌面上启动这个web程序，让人看起来有点像web app一样，深受许多人的喜爱。但是很多人却不知道或者懒得去设置，本文将介绍一个JavaScript提示用户添加到主屏幕。设定主屏幕图标iOS 的网页图标与传统的网页 favicon 相似, 处理方式也差不多, 下面会为你介绍几种处理方...

2014-11-25 13:52:00 1785

转载移动前端：在手机上隐藏地址工具栏

移动前端界面进去的时候，我们会看到地址工具条，这看起来不怎么像一个APP，那么怎么隐藏掉这个地址条，下面提供了一个比较合适的代码，支持IOS和Android./*! Normalized address bar hiding for iOS & Android (c) @scottjehl MIT License */(function( win ){var doc ...

2014-11-25 13:51:00 487

转载 Swipe.js支持网页点击和数字导航

Swipe.js是一个移动端的滑动插件，使用手指触摸滑动，并且支持左右导航，详情请访问之前的一篇文章介绍：Swipe.js。但却不支持网页版的点击跳转和数字导航，这些需要你自己添加的，之前本来是想使用这个在前端开发中的，最后发现没有这个功能，最近我又开始折腾了一下，发现原来也可以用在桌面版中，只不过需要自己额外添加一些代码。并且支持IE6.支持自适应设计，不需要jquery，一下子感...

2014-11-25 13:50:00 106

转载 iOS移动前端开发总结

iOS移动前端也可以说是iPhone移动前端，做过才知道有一些坑，记录下来，以便下次不会遗忘，希望这篇文章能够帮到正在做iPhone手机移动前端的你。当然有一些内容也适用在Android上，如果你发现有错误的地方或者有更好的技巧，欢迎留言告知我。一：输入框点击之后页面会放大iPhone的一个坑，当你的页面有表单，需要填写内容时，聚焦后，发现页面会放大，这可能导致一些设计变形，例如...

2014-11-25 13:49:00 205

转载 webkit开发，app移动前端知识点

如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动...

2014-11-25 13:48:00 131

转载【精品推荐】web开发人员应该知道的31个jQuery模态对话框

在网站开发中经常会用到模态窗口，如果直接利用javascirpt的window.showModalDialog()打开一个模式窗口，虽然实现了模式窗口的功能，但十分的不好看。当我们遇到这样的需求时很多人会从网上寻找这些jQuery的模态对话框，有时候搜索了很多，但都不是很合适，那为什么人们喜欢模态窗口呢？那模态窗口到底有什么优点呢？当一个模态窗口包含一个较小的元素时，用户并不需要加载...

2014-11-25 13:46:00 147

转载 web前端开发框架推荐

Twitter Bootstrap简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。Bootstrap 中文NEC : 更好的CSS样式解决方案读规范，让你的代码更具智慧和美丽的方法用框架，选择一份合适的HTML和CSS基础代码找代码，在这里找到她，或给你启发，或她就是你的装插件，帮助你快速有效的使用代码库Nice Easy Javascript...

2014-11-25 13:45:00 101

转载 25个免费的滚动动画插件

本文列出了你在Twitter上必须关注的JS程序员列表。他们包括行业的先行者和推动者，同时也包括你可能不认识或者还没考虑关注的开发者。这25位开发者不可能包含所有有影响力和鼓舞人心的开发者。如果你认为还有需要添加到该列表的开发者，请在下面的评论中告诉我们。1. John ResigjQuery创始人；担任在线教育集团Khan Academy中计算机科学科目的院长；...

2014-11-25 13:42:00 212

转载免费css3技巧：时间线, Nexus 7, 滑动和菜单.

1.使用css3和jQuery的作品时间线非常感谢tutorizlzine，在这篇教程中，我们可以看到一个由jQuery插件展示的作品事件的时间线。你可以添加很多种媒体类型，包括文章、视屏和地图等In this great tutorial thanks toTutorialzine we look at Timeline, a jQuery plugin specialize...

2014-11-25 13:37:00 68

转载 CSS3前缀自动补全方案和插件

css3给人最闹心的莫过于各个浏览器的前缀了，然后随着各个浏览器的给力升级，有些前缀已经默默的去掉了，我们还是写那么一大堆。下面介绍几个工具，来帮下我们。第一个是prefix free，这是一个js文件，大小2kb，导入之后你根本都无须考虑前缀问题，直接写不需要任何浏览器的前缀；第二个是css3 please，这个权当一个css3前缀参考吧，有注释说明的，一看就知道；第三个就...

2014-11-25 13:36:00 139

转载 Modernizr.js:为HTML5和CSS3而生！

modernizr这个js，在国外的主题里面很多地方都看到，就只记得是为HTML补充的，有点类似与responsive.js一样。今天搜索到这篇文章，深入的讲解了modernizr.js是为检测浏览器的CSS3和HTML5的属性而生，从而通过CSS来解决兼容性问题。个人觉得这种做法明显增加了CSS代码量，而且可能会造成当用户的页面没有启用js的情况下，里面的CSS3效果无法使用，另外...

2014-11-25 13:35:00 102

转载超赞的CSS3动画下拉菜单

今天分享几个最近看到的比较实用的CSS3带动画的下拉菜单效果，实现出来的效果跟使用jQuery的slideDown和fadeIn有得一比，效果非常赞，本人推荐各位以后可以使用下面的几种效果，一定会给你的前端开发带来不少亮点的。如果需要更多效果可以看之前的文章：CSS3下拉菜单模板上面的这个下拉菜单就是纯CSS3实现的跟使用jquery中的fadeIn和slideDown可以一比的...

2014-11-25 13:34:00 213

转载 CSS3下拉菜单模板下载

HTML5和 CSS3 目前是属于比较流行的趋势，所以，有研空或者做前端的同学可以下载下来看下，今天收集分享：48个免费的HTML5和CSS3下拉菜单模板下载，希望其中有你喜欢和需要的，或者可以给你带来灵感的。Dark Menu: Pure CSS3 Two Level Menu(Demo|Download)Pure CSS3 LavaLamp Menu(...

2014-11-25 13:33:00 124

转载最好的前端开发资源推荐

很早的一篇前端开发资源，今天才看到，里面有各种各样的开源资源，包括HTML5、CSS3、jQuery、PHP和JavaScript库等，每个资源都是比较热门的，你可以将它运用到你的项目中，或者可以纯粹的拿来学习，从各位前端大神的作品中成长。这个前端开发资源类似于一个目录，大部分也许你都看过，也许也有一些新鲜的，不妨把它收藏起来当做一个前端开发网址书签，有点可惜的是，里面的网址都是国外...

2014-11-25 13:31:00 287

转载移动端资源集锦

前端开发很多知识不学习就落后了，尤其是移动端发展更是迅速，随着市场的逐步扩大和相关技术的日趋完善，各种问题和解决方案也层出不穷。当然最主要的还是CSS3和HTML5的知识，Javascript的内容也越来越丰富，有nodejs等。下面推荐一些收集移动端的知识精华。1. 知识集合99移动端知识集合：https://github.com/jtyjty99999/mobileTech...

2014-11-25 13:30:00 83

转载 css常用代码大全

css常见的快捷开发代码汇总（长期更新），包括CSS3代码，有一些css效果很顽固，经常会一时找不出解决方案，网络上也有很多的工具和高手提供了具体的浏览器兼容代码，这个页面我今后会经常整理，希望能够帮到重构和正在找这些效果的代码，如果你有更好的实现方案，不妨告诉我，或者你有解决不了的，也不妨告诉我。你想找浏览器兼容写法吗？点CSS浏览器兼容与hack代码（经验汇总，保持最新）Css背...

2014-11-25 13:28:00 233

转载浮动层固定兼容IE6 position:fixed的最佳解决方案

第一种：css方法有时候当我们需要把一个元素固定在页面的某个部位，一般都是用css中的“position:fixed;”方法来解决，但是IE6不支持fixed，所以今天分享一个兼容IE6的页面底部固定层CSS代码。如下：.bottom{bottom:0;position:fixed;height:23px;line-height:23px;width:100%;z-index:9...

2014-11-25 13:27:00 83

转载 margin负值的应用

CSS盒模型中，margin是我们老熟悉的一个属性了，它的负值你用过吗？你知道margin负值的秘密武器吗？我们一起看看吧！带竖线分隔的横向列表传统的分隔符是使用 “|” 来实现的，弊端显而易见，不利于表现与结构的分离，同时增加了后台输出时的判断工作。所以我们采用border-left 左边框来模拟分割线，然后通过margin-left：-1px隐藏掉第一个列表项的边框，...

2014-11-25 13:26:00 106

转载 css书写顺序和常用命名推荐

写代码的时候有一个好的规范和顺序能够帮你节省很多时间。下文将推荐相关CSS书写顺序和规范的一些方法。这个文档将会整理进前端规范文档中，如果你有更好的意见，不妨留言告知我们。CSS书写顺序该代码来自于互联网，最初好像是Mozilla的网站上。 1. Display & Flow(显示与流) 2. Positioning（位置） 3. Dimensions（尺寸）...

2014-11-25 13:25:00 51

转载 CSS Hack代码与浏览兼容总结

关于CSSHack的东西能少尽量少吧。发现这篇文章我写得太复杂了，所以重新精简了一下，把代码粘贴到jsfiddle上，方面修改代码和维护。1, IE条件注释法，微软官方推荐的hack方式。只在IE下生效只在IE6下生效<!--[if IE 6]&gt...

2014-11-25 13:24:00 132

转载高效css选择符

关于前端性能一说，绝大多数的人都知道JS优化，DOM优化，但是你有没有考虑过CSS选择符优化？殊不知这个用来美化前端页面的东西也是一个性能的关键。而且往往我们都是背道而驰，借助前人铺垫好的道路我们来补习一下。首先，对于CSS的性能有一些最佳的实践，1.把样式表放在HEAD标签中以提升页面的逐步渲染速度；2.不要再IE中使用CSS表达式，因为它可能会被执行成千上万次，从而导致打开页...

2014-11-25 13:21:00 90

转载高级css选择器

以前由于考虑到IE6等浏览器的兼容属性，常常对于高级的css选择符不感兴趣，最近开始，发现前端方面的IE6其实已经逐渐的消失了，学会用css3的高级选择器，可以起到事半功倍的效果，所以以后将会加强这方面的学习和积累一些经验，今天重温以前被人用过的很多选择器，当然有一些也许你还不知道，没关系，从现在开始学习吧。CSS是对网页设计师可用的最强大的工具之一。使用它我们可以在几分钟内改变一个...

2014-11-25 13:20:00 71

转载 css透明背景兼容方案

css透明是一个技术活，因为这里面涉及到了IE8及以下版本不兼容opacity这个css3属性，而filter:alpha(opacity=80)这个值则是不兼容IE6.网上比较流行的透明css是这样子写的。.transparent_class {/* IE 5-7 */filter: alpha(opacity=50);/* Netscape */-moz-...

2014-11-25 13:19:00 101

空空如也

空空如也