文章分类 -  CSS

1 2 下一页
PC网站CSS分享
摘要：这里想总结些编写网页的经验，以PC端的为主，前面总结过后台的，今天写些前台的，参考了bootstrap3.3.5、bootstrip2.3.2和模版matrix。前段时间还写过一篇《前端基础学习分享》，比较基础的文章。每次写CSS，总感觉不用写那么多CSS，但是精简的时候，又难以下手。越写越觉得代码... 阅读全文
posted @ 2015-07-13 11:24 咖啡机（K.F.J） 阅读(262) 评论(0) 推荐(0)
grape-skin（葡萄皮）静态后台封装说明
摘要：目录 1、文件夹说明 2、HTML基本结构 2.1、弹出层与登录通用页面 2.2、内部登录后的页面 3、控制面板主页 3.1、图表分析 3.2、ajax读取订单与用户信息 4、列表页面 4.1、按钮 4.2、过滤 4.3、列表 4.3.1、无数据 4.3.2、table列表 4.3.3、拖动排序 4 阅读全文
posted @ 2015-06-28 19:16 咖啡机（K.F.J） 阅读(977) 评论(0) 推荐(0)
《移动web实现指南》（六）——移动化表单
摘要：一、移动化可以提升网页表单的用户体验网页表单阻碍我们涌到网站上的一个主要原因是：我们需要快速地、安静地与一个人或组织进行互动。网页表单违背了几个原则：它期望我们说点什么然后我们就慢下来了...............让我们去做比我们预期多很多的操作二、input类型1）inputtype=“text... 阅读全文
posted @ 2015-02-23 15:58 咖啡机（K.F.J） 阅读(130) 评论(0) 推荐(0)
《移动web实现指南》（五）——移动化文字
摘要：一、使用哪种单位：Point还是em1）标题部分em允许相对地缩放字体大小，更灵活，并且在那些比较老的浏览器中使用em依旧可以轻松的地调整字体大小。现在更倾向于用point来调整字体大小。2）正文段落每行大约有75个字符。为了更精确的控制文字大小，用point来设置字体。3）正文：副标题把副标题再略... 阅读全文
posted @ 2015-02-23 15:35 咖啡机（K.F.J） 阅读(150) 评论(0) 推荐(0)
《移动web实现指南》（四）——移动化图片
摘要：一、图片移动化的整体分析用CSS来驱动的浏览器可以从容的处理图片的位置和大小，奇特的边框特效、更复杂的布局选项等二、内联图片1）有时候，移动化就意味变小2）而有的时候，移动意味着变大专访页面的图片有点小3）响应式图片栅格CSS3中的两个属性：column-count和column-gap设定了两种屏... 阅读全文
posted @ 2015-02-23 15:29 咖啡机（K.F.J） 阅读(140) 评论(0) 推荐(0)
《移动web实现指南》（三）——移动化导航
摘要：一、表尺寸：握在手里的大小刚刚好比例：怀表的表盘以及上面的信息是根据各种各样的因素来决定比例的设计：便于在移动中使用，表盘要有一眼就能识别的数字和指针二、汽车界面尺寸：按钮的尺寸适合我们手指的大小位置：与驾驶者之间的距离、与其他操控装置的接近度，以及各种各样的操控器是如何分组的数量和复杂性：操控器越... 阅读全文
posted @ 2015-02-23 15:25 咖啡机（K.F.J） 阅读(142) 评论(0) 推荐(0)
《移动web实现指南》（二）——移动化页面布局
摘要：一、标准化的页面布局已符合响应化了二、是什么固定了宽度三、使宽度不固定四、拖拽方块五、我们的网站网站的注释：1）固定宽度2）水平是导航3）多栏布局4）页头和页尾iPhone中浏览到的页面：http://www.mobilizingwebsites.net/PDF书籍下载：http://downloa... 阅读全文
posted @ 2015-02-16 21:49 咖啡机（K.F.J） 阅读(131) 评论(0) 推荐(0)
《移动web实现指南》（一）——移动用户体验设计
摘要：一、设备没有移动，移动的是人二、移动=正在做我们一般都是在做着某些事情，换位思考一下人们如何使用我们创造的东西。在用户体验中，我们把描述用户将会用产品来做什么的实例，称作用户故事。三、移动=繁忙四、移动=分心当你的注意力被分散时（甚至在那些干扰中抓狂时），就要让设计的选项非常容易定位，可以在1ms内... 阅读全文
posted @ 2015-02-16 13:37 咖啡机（K.F.J） 阅读(183) 评论(0) 推荐(0)
《跨终端Web》（七）——动作同步
摘要：一、动作同步二、实现1）Selenium2）脚本录制和回放pdf文件下载：http://download.csdn.net/detail/loneleaf1/8425145 阅读全文
posted @ 2015-02-16 11:36 咖啡机（K.F.J） 阅读(114) 评论(0) 推荐(0)
《跨终端Web》（六）——存储
摘要：一、状态持久化二、技术方案1）跨终端存储方案store.js下载。2）存储上限Web Storage Support Test3）跨域通信方案pdf文件下载：http://download.csdn.net/detail/loneleaf1/8425145 阅读全文
posted @ 2015-02-15 23:14 咖啡机（K.F.J） 阅读(183) 评论(0) 推荐(0)
《跨终端Web》（五）——Hybird App
摘要：一、Hybird技术1）Native调用Web2）Web调用Native1. Android常见的方式有3种重写WebViewClient shouldOverrideUrlLoading重写WebChromeClient.onJsAlert，或onJsPrompt，或onJsConfirmWebV... 阅读全文
posted @ 2015-02-14 21:58 咖啡机（K.F.J） 阅读(207) 评论(3) 推荐(1)
《跨终端Web》（四）——定位
摘要：一、定位1）hash/** * 监听Hash变化，支持IE6+和其他现代浏览器 */ function onHashChanged(callback) { // IE 8+ 支持 window.hashchange 事件 // 这里的判断是简化形式，... 阅读全文
posted @ 2015-02-14 21:24 咖啡机（K.F.J） 阅读(152) 评论(0) 推荐(0)
《跨终端Web》（三）——检测、接口
摘要：一、终端1）终端检测1.用户代理（UserAgent）1.检测硬件信息的需求也越发频繁：2.终端检测的实现方法：二、接口1）跨终端流程复用2）IF（InterFace）包括如下几个部分：接口描述：请求、响应数据格式接口文档：由接口描述生成接口文档接口Mock：由接口描述生成接口Mock数据接口校验：... 阅读全文
posted @ 2015-02-14 20:03 咖啡机（K.F.J） 阅读(193) 评论(0) 推荐(0)
《跨终端Web》（二）——基准
摘要：一、GBSGBS（GradedBrowserSupport分级浏览器支持），GBS的核心价值在于“以有限的测试资源最大化测试覆盖率”。GBS将浏览器分为C、A、X级别。二、MGBS1）操作系统分级友盟android系统2014-08 ~ 2015-01的统计如下：友盟IOS系统2014-08 ~ 2... 阅读全文
posted @ 2015-02-14 16:33 咖啡机（K.F.J） 阅读(167) 评论(0) 推荐(0)
《跨终端Web》（一）——Mobile Web
摘要：一、HTML5HTML5新特性 有八个部分。语意（Semantic）标签离线&存储（Offline & Storage），包括Local Storage，Indexed DB等设备访问（Device Access），定位信息，视频、音频流等网络连接（Connectivity），增加Web Socke... 阅读全文
posted @ 2015-02-12 18:30 咖啡机（K.F.J） 阅读(271) 评论(0) 推荐(0)
《高性能HTML5》（九）——form控件
摘要：十八、form控件1）input控件PDF文档下载：http://download.csdn.net/detail/loneleaf1/8425175 阅读全文
posted @ 2015-02-09 10:02 咖啡机（K.F.J） 阅读(151) 评论(0) 推荐(0)
《高性能HTML5》（八）——product控件、table控件与tab控件
摘要：十五、product控件关键技术：嵌套其他控件使用一个数据对象为控件提供值通过CSS类名控制控件的展现效果实现一个控件工作的基本算法十六、table控件table性能的最大问题是咋浏览器渲染时执行一次或多次重绘操作。用其他标签模拟table样式。十七、tab控件设计能够记住页面链接的tab。使用di... 阅读全文
posted @ 2015-02-08 15:18 咖啡机（K.F.J） 阅读(552) 评论(0) 推荐(0)
《高性能HTML5》（七）——button控件、price控件
摘要：十三、button控件1）按钮类型1.primary按钮2.带图标的primary按钮3.玻璃材质的primary按钮4.带阴影效果的primary按钮5.镶边的primary按钮6.go按钮7.为go按钮镶边十四、price控件HTML代码由几个和嵌套完成，用来包裹货币符号（$）与金额的小数部分。... 阅读全文
posted @ 2015-02-08 10:53 咖啡机（K.F.J） 阅读(299) 评论(0) 推荐(0)
《高性能HTML5》（六）——link控件、sidebox（侧边栏）控件
摘要：十一、link控件生成一个链接标签，包括一个href属性和一段描述这个链接用途的文字。它可以有下列功能：设置href属性和描述性的文字，一个链接中必须要有这两项最基本的内容添加CSS类添加ID添加链接的属性：内部链接、外部链接、邮件链接或帮助链接设置提示内容控制这个链接是直接子啊页面上输出还是作为另... 阅读全文
posted @ 2015-02-06 15:34 咖啡机（K.F.J） 阅读(373) 评论(0) 推荐(0)
《高性能HTML5》（五）——页脚、分形设计模式
摘要：九、页脚通常放一些法律相关的信息和各个页面都有的公共内容。可以在mothereffingtextshadow做在线调试。SVG，允许制作可以缩放到任何尺寸的复杂图形。十、分形设计模式“分形”是一个等比对称的图形，也就说，图形每一部分都是整体缩小后的形状。可重用组建拥有六点好处：更快的开发页面更快的修... 阅读全文
posted @ 2015-02-06 14:55 咖啡机（K.F.J） 阅读(237) 评论(0) 推荐(0)

1 2 下一页