07 2014 档案

实用CSS3属性之 :target伪类实现Tab切换效果
摘要：CSS3 :target伪类用来改变页面中锚链接URL所指向的ID样式，例如你要改变描链接指向#tab的元素字体颜色为蓝色，哪么你可以这样写成#tab:target {color:blue}浏览器支持：不支持IE8及以下的IE版本，IE9支持这个属性，其它非IE内核浏览器如：Firefox、Chro... 阅读全文
posted @ 2014-07-31 15:57 axl234 阅读(388) 评论(0) 推荐(0)
CSS Transform让百分比宽高布局元素水平垂直居中
摘要：很早以前了解过当元素是固定宽度和高度的时候，水平垂直高居中的方法可以设置margin的负值来使其居中，这个负值是元素的宽和高的一半，比如宽高是100px，那么就用margin-left:-50px;margin-top:-50px这样的写法。但如果这个元素的宽高是用百分比表示呢？如果使用百分比来设置... 阅读全文
posted @ 2014-07-31 14:57 axl234 阅读(731) 评论(0) 推荐(0)
纯CSS3编写的面包屑导航收集
摘要：整理了10个纯CSS3制作的面包屑导航，这些都是通过CSS3来编写，十分方便，而且实用。有些文章附有教程，大家可以研究学习一下。漂亮面包屑导航查看网站扁平化面包屑导航查看网站圆形风格面包屑导航查看网站CSS面包屑导航查看网站CSS3面包屑导航制作教程查看网站黄色的CSS Breadcrumbs教程查... 阅读全文
posted @ 2014-07-31 14:15 axl234 阅读(1227) 评论(0) 推荐(1)
充分利用HTML标签元素 – 简单的xtyle前端框架
摘要：xtyle框架充分利用语义化标签来做美化样式，兼容多款主流浏览器，包括IE8。xtyle框架虽然没BS这么强大，但我觉得也很实用，体积不算很大，适用于企业网站、WordPress主题、个人网站、博客等方面的应用，当然手机端也是适用哦！框架下载地址：xtyle栅格系统（Layout）栅格系统我想很多人... 阅读全文
posted @ 2014-07-31 11:03 axl234 阅读(190) 评论(0) 推荐(0)
好用的侧边栏菜单/面板jQuery插件
摘要：我想大家都用过一些APP应用，它们的菜单展示是以侧边栏滑动方式展现，感觉很新鲜，而现在网页设计也是如此，不少网站也效仿这样的方式来设计。使用侧边栏的好处就是可以节约空间，对于一些内容多或者喜欢简约的网站来说可以尝试使用侧边工具栏的方式来展示。OpenPanel以全屏的方式展示面板，Metro风格，看... 阅读全文
posted @ 2014-07-30 15:39 axl234 阅读(1490) 评论(0) 推荐(0)
最新的手机/移动设备jQuery插件
摘要：随着互联网的流行，移动网站开始急速增加，在2014年手机网站将会出现很多，所以手机网站是必须要学会制作的。手机网站不像桌面平台一样制作，否则会影响显示效果，目前大部分手机网站使用响应式设计技术，而且也很流行。但是新手想实现响应式技术是不容易的，所以我们可以用一些响应式框架或适用于移动设备的jQuer... 阅读全文
posted @ 2014-07-30 15:31 axl234 阅读(379) 评论(0) 推荐(0)
有用的jQuery布局插件推荐
摘要：网页设计中排版也是很重要的，但有些比较难的网页排版我们可以用一些jQuery来实现，今天文章中主要分享一些有用的jQuery布局插件，有类似Pinterest流布局插件、友荐的滑动提示块以及其它jQuery插件，目前来说都是比较流行，我想你会喜欢的^^或者你喜欢：《10个jQuery插件分享》《25... 阅读全文
posted @ 2014-07-30 15:27 axl234 阅读(261) 评论(0) 推荐(0)
有用的HTML+CSS片段
摘要：HTML5页面模板现在国外很多制作新网站直接使用了HTML5代码，当然我们也得跟上，下面是一个常用的HTML5默认模板，就像你用Dreamweaver新建一个HTML文件时的代码，只不过现在这个是HTML5的。这个代码为了兼容IE浏览器，所以加入Google托管的HTML5shiv文件。其次是我们经... 阅读全文
posted @ 2014-07-30 15:26 axl234 阅读(221) 评论(0) 推荐(0)
响应式流布局插件DyLay
摘要：jQuery插件-Dylay，流布局我们前面介绍过很多，但这个流布局jQuery插件不同的是它的动画效果很不错，大家可以尝试使用下。另外《有用的jQuery布局插件推荐》这篇文章中有好几个不错流布局插件分享，大家可以看看。下载插件 →Dylay jQuery插件使用方法STEP1:调用外部文件其中包... 阅读全文
posted @ 2014-07-30 15:25 axl234 阅读(276) 评论(0) 推荐(0)
HTML 5缓存机制：Cache Manifest配置实例
摘要：Cache Manifest是HTML 5的一种缓存机制，文章作者直接用博客当测试环境，虽然[color=#444444 !important]应用起来非常简单，但效果却出奇的好。缓存后的速度，简直是惊人的快。像Yslow显示，打开一个缓存过的页面，只要0.729秒，比不缓存的差不多快了10倍。 ... 阅读全文
posted @ 2014-07-30 14:42 axl234 阅读(555) 评论(0) 推荐(0)
jQuery Custom Selector JQuery自定义选择器
摘要：什么是JQuery的选择器呢，详见JQuery中的Selector: http://docs.jquery.com/Selectors比如 $("div:contains('John')").css("text-decoration", "underline");的contains选择器等等JQue... 阅读全文
posted @ 2014-07-30 14:33 axl234 阅读(511) 评论(0) 推荐(0)
动态的 css——less
摘要：less 是一种样式语言，它将 css 赋予了动态语言的特性，如变量、 继承、 运算、 函数。less 既可以在客户端上运行（支持 ie6+，webkit，firefox），也可以借助 Node.js 或者 Rhino 在服务端运行。less 做为 css 的一种形式的扩展，它并没有阉割 css 的... 阅读全文
posted @ 2014-07-25 16:12 axl234 阅读(395) 评论(0) 推荐(0)
谈谈 css 的各种居中——读编写高质量代码有感
摘要：css 的居中有水平居中和垂直居中，这两种居中又分为行内元素居中和块级元素居中，不同的居中用不同方法。水平居中1、行内元素水平居中（文本，图片）给父层设置 text-align:center; 可以实现行内元素水平居中。 谷歌搜索 ... 阅读全文
posted @ 2014-07-25 10:14 axl234 阅读(227) 评论(0) 推荐(0)
利用小数解析差异解决浏览器兼容性问题
摘要：通常我们写 css 的时候写的数字都是整数，如 font-size:12px; margin:20px; 那么看到标题可能有人会问，css 属性值可以有小数点么？如果是小数那会显示成什么样子？和整数有什么区别？首先我们先看个例子，通过例子来观察下小数在各个浏览器的差异。 decimal... 阅读全文
posted @ 2014-07-24 16:09 axl234 阅读(436) 评论(0) 推荐(0)
固定宽度文字换行
摘要：首先给出问题，截图如下：html 代码： 固定宽度文字换行 测试 测试 测测试试 测试 测试 测测试试 测试 我们可以看出第一行和第二行由于宽度不够导致词组断开了。解... 阅读全文
posted @ 2014-07-24 16:08 axl234 阅读(356) 评论(0) 推荐(0)
css 中文字体 unicode 对照表
摘要：css 中文字体可以用 unicode 格式来表示，比如“宋体”可以用\5B8B\4F53 来表示。具体参考下表：中文名英文名unicode宋体SimSun\5B8B\4F53黑体SimHei\9ED1\4F53新宋体NSimSun\65B0\5B8B\4F53楷体KaiTi\6977\4F53微软... 阅读全文
posted @ 2014-07-24 16:06 axl234 阅读(328) 评论(0) 推荐(0)
js 检验密码强度
摘要：html 代码如下： 密码强度 密码强度： js 代码如下：function PasswordStrength(passwordID,strengthID){ this.init(strengthID); var ... 阅读全文
posted @ 2014-07-24 16:03 axl234 阅读(1657) 评论(0) 推荐(0)
如何构建一个优秀的移动网站？谷歌专家教你25招
摘要：谷歌公司的研究人员总结出了25个要点，内容如下：▌1、“行为召唤”内容要靠前或居中　对于移动用户来说，往往很容易忘记菜单选项，因此，你应该把自己最关键的“行为召唤”内容放置在一个醒目的位置上，这样用户就能轻松看到。所以，你需要让最重要的“行为召唤”内容占据到网站的主体部分上，用户就能够快速完成相关任... 阅读全文
posted @ 2014-07-24 15:55 axl234 阅读(242) 评论(0) 推荐(0)
JS获取客户端IP地址、MAC和主机名七种方法
摘要：一、使用JS获取客户端IP的几个方法方法一（只针对IE且客户端的IE允许AcitiveX运行，通过平台：XP，SERVER03，2000）。获取客户端IP代码：GetLocalIP获取IP:方法二（所有的平台及浏览器）：获取客户端处在网络中的IP，前提是客户得联网。使用的是新浪接口。JavaScri... 阅读全文
posted @ 2014-07-24 11:18 axl234 阅读(3254) 评论(0) 推荐(0)
如何一步步把网站Retina优化
摘要：随着高清屏幕、高分辨率屏幕越来越流行，例如MacBook Retina机型、iPad Air系列，这些新生机器有着很高的PPI，对网页的清晰度要求很高，所以越来越多的站长都不得不面临一个问题，那就是把自己的网站做到高分辨率适配 (Retina-Ready)。因为低清的网页在高分辨率屏幕上看起来很糟糕... 阅读全文
posted @ 2014-07-15 15:15 axl234 阅读(834) 评论(1) 推荐(0)
修改Chrome的User Agent的方法 真实有效
摘要：如何修改Chrome的User Agent：通过网络上查找，修改Chrome的Usre Agent有3种方式，但有的方式是不起作用的。给Chrome添加启动参数（有作用）通过扩展-User-Agent Switcher（据我测试和网上的反应，不起作用）用Chrome内置的开发者工具修改（也是不能起作... 阅读全文
posted @ 2014-07-15 15:09 axl234 阅读(2870) 评论(0) 推荐(0)