02 2015 档案

Web开发中最致命的8个小错误
摘要：现在，有越来越多所谓的“教程”来帮助我们提高网站的易用性。本文收集了一些在 Web 开发中容易出错和被忽略的小问题，并且提供了参考的解决方案，以便于帮助 Web 开发者更好的完善网站。通过避免下面这些小错误，可以使得我们的网站变得更为友好。错误1：表单的label标签跟表单字段没有关联利用“for”... 阅读全文
posted @ 2015-02-25 11:45 甜甜酱 阅读(155) 评论(0) 推荐(0)
怎样快速成为某个领域的“专家”？
摘要：曾经的媒体从业经历给了我两项终身受用的技能：社交和快速学习。前一项技能，我已经总结成文《“人脉投资”的10条建议》。后一项技能，今天这篇文章来总结一下。什么是学习？在我的范畴里，学习可被分为两类，一类是“学以致用”，一类是“君子不器”。至于中小学应试教育、托福、GRE这类学习，不在我们今天谈论的范畴... 阅读全文
posted @ 2015-02-25 11:35 甜甜酱 阅读(356) 评论(0) 推荐(0)
纯CSS3制作的“Ribbons”效果
摘要：在看具体每个demo之前，我们一起来看下面一个截图：上图是一个典型的“Ribbons”各部位的示意图，但每一个“Ribbons”并不会都使用上图示意的各个部分，在下面的实例中大家可以明显的看 到或者说感受到。别的我就不多说了，我想上图能示意出“Ribbons”各个部位。那么每个部位我们可以使用一个“... 阅读全文
posted @ 2015-02-25 11:26 甜甜酱 阅读(392) 评论(0) 推荐(0)
iOS 7.1的Safari为meta标签新增minimal-ui属性，在网页加载时隐藏地址栏与导航栏
摘要：在 iOS 7.1 的 Safari 中为 meta 标签新增 minimal-ui 属性，让网页在加载时便可隐藏顶部的地址栏与底部的导航栏。如何实现？你只需将“minimal-ui”加入 viewport meta 标签的属性中，比如：此时点击顶栏部分便能显示地址栏与导航栏，再点击页面部分又使之隐... 阅读全文
posted @ 2015-02-13 14:33 甜甜酱 阅读(476) 评论(0) 推荐(0)
关于meta知多少
摘要：本来打算写关于手机端的知识，想了想先从meta着手。接下来请大家看几个网站的例子。一、天猫(http://m.tmall.com)天猫触屏版 二、淘宝(http://m.taobao.com)淘宝网触屏版三、京东(http:/... 阅读全文
posted @ 2015-02-12 17:28 甜甜酱 阅读(269) 评论(0) 推荐(0)
mobile开发技巧
摘要：1、隐藏地址栏很多文档介绍通过调用window.scrollTo(0, 1);就可以隐藏地址栏，但是通过实践发现隐藏地址栏还是真够坑爹的啊，只调用这一句话一般不会起作用，我们需要function hideBar() { setTimeout( function() { window.scrollTo... 阅读全文
posted @ 2015-02-12 11:32 甜甜酱 阅读(185) 评论(0) 推荐(0)
大神给你分析HTTPS和HTTP的区别
摘要：今天在做雅虎的时候，发现用第三方工具截取不到客户端与服务端的通讯，以前重来没碰到过这种情况，仔细看了看，它的url请求时基于https的，gg了下发现原来https协议和http有着很大的区别。总的来说，http效率更高，https安全性更高。首先谈谈什么是HTTPS：HTTPS(SecureHyp... 阅读全文
posted @ 2015-02-12 11:23 甜甜酱 阅读(280) 评论(0) 推荐(1)
jquery实现点击按钮弹出层和点击空白处隐藏层
摘要：昨天做项目遇到一个问题，和大家分享下，jquery实现点击按钮弹出层和点击空白处隐藏层的问题if($('.autoBtn').length){ $('.autoBtn').find('.assess').unbind().bind('click',function(event){ //... 阅读全文
posted @ 2015-02-06 18:38 甜甜酱 阅读(418) 评论(0) 推荐(0)
网页重构应该避免的10大CSS糟糕用法
摘要：对于网页重构来说，CSS禅意花园 是网页布局从 table 表格转到了 html +css 的标志 。这些年来，随着我们的网站越来越复杂：html5，css3，新的技术、新的属性，越来越多的开发者开始思考和尝试提高他们的 CSS 技能。那么我们从哪里着手呢？对于网页重构工作来说，我们应该养成什么样的... 阅读全文
posted @ 2015-02-03 14:30 甜甜酱 阅读(266) 评论(0) 推荐(0)
CSS文字大小单位px、em、pt
摘要：老是被人问到px、pt和em的区别，自己有时候也会纠结到底该用什么单位，今天特意查了一些文章，下面这篇虽然很久远了，但解释的比较全面，转载收藏之。点击查看原文这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章， 题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚p... 阅读全文
posted @ 2015-02-03 14:29 甜甜酱 阅读(292) 评论(0) 推荐(0)
设计者在设计网页布局时考虑哪些情况？
摘要：在设计网页布局的时候, 设计者应考虑到以下情况:屏幕分辨率用户使用的浏览器浏览器是否最大化了浏览器的侧栏是否打开甚至是用户的操作系统和硬件配置当然, 设计的主要原则是可用性(usability). 阅读全文
posted @ 2015-02-03 12:20 甜甜酱 阅读(263) 评论(0) 推荐(0)
什么是流式布局
摘要：固定布局经不起未来考验固定像素尺寸的网页是匹配固定像素尺寸显示器的最简单办法。但这种方法不是一种完全兼容未来网页的制作方法，我们需要一些适应未知设备的方法。为什么响应式设计需呀百分比布局仅使用媒体查询来适应不同视口的固定宽度设计，只会从一组CSS媒体查询规则突变到另一组，两者间没有任何平滑渐变。我们... 阅读全文
posted @ 2015-02-03 12:05 甜甜酱 阅读(5428) 评论(0) 推荐(0)
怎样添加网址前面的小图标？
摘要：首先,您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。你可用在网上找一个制作图标软件，它具有特有的规格：图标的大小为 16 * 16（以像素为单位）；颜色不得超过 16 色。在该网页文件的 HEAD 部分加入下面的内容：link rel="shortcut i... 阅读全文
posted @ 2015-02-02 10:34 甜甜酱 阅读(433) 评论(0) 推荐(0)