hrjoyce-CSDN博客

转载 JS判断手机浏览器

判断原理：JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的版本一般只能通过分析浏览器的use

2014-05-13 16:33:32 625

转载 Display fullscreen website using javascript (Internet Explorer/Safari/Chrome/Firefox)//

Until now, this is a great information, there are many browser that have implemented fullscreen supporting (Firefox, Chrome, Safari and must be a trick for Internet Explorer). That's so interest

2013-07-04 16:03:10 1263

翻译如何用jQuery和CSS3制作数字时钟

这要从上周开始说起，当我看到漂亮的 dribbble 截图，就立刻感觉到一种要将其转变为一个可工作的时钟，并且和本站读者分享的欲望。如果你想了解如何制作它，请继续阅读！DEMO DOWNLOAD标签这个时钟不需要很多HTML，这是因为它很大的一部分，像工作日的名称和数字都是动态生成的。下面是你需要在你页面上使用时钟时要有的标签：index.html id=

2013-06-19 12:35:15 1005

转载背景渐变：html5+css3中的background: -moz-linear-gradient

摘要在CSS中background: -moz-linear-gradient 让网站背景渐变的属性，目前火狐3.6以上版本和google浏览器支持这个属性。背景使用CSS渐变显示可以不使用图像就实现两个或两个以上的指定颜色的平滑过渡。这反过来又减少了下载时间和带宽的使用，放大时也比较好看在CSS中background: -moz-linear-gradient 让网站背景

2013-06-17 14:53:17 2456

转载 CSS3 圆角（border-radius）详解

现在有了 CSS3 的 border-radius 特性之后，实现边框圆角效果就非常简单了，而且其还有多个优点：一是减少网站维护工作量；二是提高了网站的性能，少了对图片的 HTTP 的请求，网页载入速度将变快；三是增加视觉美观性。　　既然 border-radius 有这么多好处，我们就从他的语法，属性和属性值等方面来看其如何应用，又是如何制作圆角，还有就是除了制作圆角他还能制作什么？

2013-06-04 13:54:11 805

翻译来自各移动平台的设计指导方针

苹果iPhone人机界面指南推荐的最小目标大小为44px宽，44px高。微软的Windows手机用户界面设计和交互设计指南建议一个最低目标尺寸是26px乘以34px。诺基亚的开发者指南建议，目标尺寸应不小于1cm×1cm平方或28×28像素。虽然这些指南给到了触摸目标的一般测量建议，但彼此不同，也与人体实际手指大小不一致。事实上，他们建议的尺寸比用户平均手指尺寸小得多，从而导致用户在触摸移动设

2013-06-03 23:38:56 851

转载复杂产品的响应式设计【流程篇】

都说2013年将是响应式设计爆发的一年。一淘设计团队在去年一淘首页改版时初步尝试了响应式，最近在一淘“玩客”项目中有了更加深入地应用，第一次在复杂产品中实现了全站响应式。中间积累了一些经验也踩了不少坑，于是就有了这个响应式设计三部曲，此系列文章包含理念篇、知识篇和流程篇。响应式网页不像传统网页只需考虑一种状态，不是交付一套设计稿就完事儿了，它给设计、前端和开发团队之间的协作模式带来新的挑战。在

2013-06-03 23:28:07 797

转载 CSS图片垂直居中详解

CSS图片垂直居中问题，困扰了我许久，今天终于可以总结下来了:方法一：利用定位HTML结构如：?12345div class="box"> a class="pic-wrap" href="#" target="_blank"> img s

2013-06-03 23:22:35 648

转载 CSS自动换行,强迫不换行

自动换行 div{ word-wrap: break-word; word-break: normal; } 强迫不换行 div{ white-space:nowrap; }带有浮动效果的　不换行div id="pic"> ul>

2013-05-27 16:44:43 1459

转载 CSS 使文字纵向排列的七种方

下面分享一下使文字纵排列的几种方法：第一种方法：””标签h1>NETTUTS/h1>这种方法没有说服力，不推荐使用；第二种方法：Static Wrappingh1 span{ display:block;}h1>span> N /span> span> E /span> span> T /spa

2013-05-20 14:04:45 14647

翻译 CSS定位属性Position详解

CSS中最常用的布局类属性，一个是Float(CSS浮动属性Float详解)，另一个就是CSS定位属性Position。1. position:static所有元素的默认定位都是：position:static，这意味着元素没有被定位，而且在文档中出现在它应该在的位置。一般来说，不用指定 position:static，除非想要覆盖之前设置的定位。#div-1 { p

2013-05-20 13:09:45 641

翻译 ASP.NET MVC 4 移动特性

此教程将讨论ASP.NET MVC 4 Web应用程序里的移动特性。对于此教程，可以使用 Visual Studio Express 2012 或者 Visual Web Developer 2010 Express Service Pack 1 ("Visual Web Developer 或者 VWD"). 如果你已经有了专业版本的 Visual Studio 你也可以使用。开始

2013-05-20 09:55:37 1007

hrjoyce1990的专栏