-
Google font api,webfont 与中文
所属栏目:[产品] 日期:2018-10-09 热度:169
Google昨天在Google I/O大会上发布了一个新的服务 Font API,这是一个很酷的东东,可以让我们很方便的使用网络字体,而且这些字体都是免费的,你无需担心版权的问题。 Google Font API使用起来也非常方便,从下面的例子中可见一斑: @font-face { font-fam[详细]
-
网站开发经验:IE对页面资源的限制
所属栏目:[产品] 日期:2018-10-09 热度:173
在实际的网站开发中,我们经常会发现 IE浏览器 对资源的限制,这让人很郁闷,在不了解的时候,会浪费我们很多时间去捉虫。现在我们将IE对页面资源的限制列出来,在开发中避免这些限制。 最多只支持引入3层@import CSS文件; 最多只支持@import 32个CSS文件[详细]
-
电子商务搜索LIST列表页面用户体验设计
所属栏目:[产品] 日期:2018-10-09 热度:125
改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台。根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标。我们搜索产品线的产品经理与用户体验设[详细]
-
制作移动友好网站的十一个优秀解决方案
所属栏目:[产品] 日期:2018-10-09 热度:165
看起来,现在几乎每个人都拥有一款自己的手机,随着智能手机日益普及,越来越多的人们开始使用他们的移动设备来访问互联网。尽管有些手机,如 iPhone等拥有自己的浏览器适应正常的网页,一个移动版本的网站可能就意味着更多的好处,如下载速度更快,并确保[详细]
-
静态页面与动态页面各自的执行机制简析
所属栏目:[产品] 日期:2018-10-09 热度:167
静态页面,是指网页中只有HTML标记,只要WEB开发人员没有修改过这些HTML标记,页面内容就不会更改。 静态页面的工作机制: 1.使用HTML编写静态页面,发布到WEB服务器端; 2.客户端通过浏览器请求该静态页面; 3.Web服务器根据请求定位该静态页面; 4.该静态页[详细]
-
跨浏览器开发经验总结(二) —— CSS
所属栏目:[产品] 日期:2018-10-09 热度:81
css hack的使用 CSS类级别的hack 仅IE7识别 *+html {} IE6及IE6以下识别 * html {} opera、safari、chrome识别: @media all and (min-width: 0px){} // Firefox 3.0.6不识别,但Firefox3.6 也识别该规则,如果Firefox版本有严格要求,请使用下一条规则 @[详细]
-
方便的CSS和jQuery下拉菜单解决方案
所属栏目:[产品] 日期:2018-10-06 热度:154
如果您正在 寻找 一些很酷 的 下拉菜单解决 方案 , 那么这些要 。今天 , 我收集了 一些有用的 CSS和jQuery 下拉菜单 解决 方案 。 Creating a pure CSS dropdown menu Sexy Drop Down Menu w/ jQuery CSS Sliding Jquery Menu Perfect Dropdown Login Bo[详细]
-
为网页设计创建有效的配色方案
所属栏目:[产品] 日期:2018-10-06 热度:85
本文由伯乐在线 - 敏捷翻译的史莉萍翻译自《Creating an Effective Color-Scheme for Web Designs》一文。 网页设计吸引人的地方在哪里?是图片还是对内容的布局?或者说是网站的内容决定了网站的价值。所有这些因素都会发挥其作用,但正是配色方案决定了[详细]
-
20个对设计师非常有用的在线配色工具
所属栏目:[产品] 日期:2018-10-06 热度:50
配色是网页设计的关键之一,精心挑选的颜色组合可以帮助你让设计更有吸引力,相反的,糟糕的配色会伤害眼睛,妨碍读者对网页内容和图片的理解。 然而,很多时候设计师不知道如何选择颜色搭配,好消息是如今有很多的配色工具帮助你挑选颜色。下面列出了20款[详细]
-
来自AppMobi的HTML5开发工具XDK
所属栏目:[产品] 日期:2018-10-06 热度:89
继Adobe发布HTML5动画编辑软件Edge之后,AppMobi推出了全新开发工具XDK,使得开发者可以使用HTML5构建网络和移动平台的应用程序。最终代码既可以用来进行HTML5应用程序开发, 就如同现在在 Chrome 网络应用程序商店里看到的那些程序一样,也可以用于多平台[详细]
-
三大主流浏览器Web开发工具
所属栏目:[产品] 日期:2018-10-06 热度:125
一个快速加载网页在很大程度上节约用户的浏览页面时间成本,作为一名站长,我们要寻求一些解决办法,传统的在浏览器中 右键查看源代码已经过时了,它不能做良好的代码检查,作为一名优秀的web开发人员,应该不断学习和尝试新事物。下面我就介绍下三大主流[详细]
-
文本框Input中字母大写小写转换的代码
所属栏目:[产品] 日期:2018-10-06 热度:103
烈火网的下载栏目因为网站编辑需要,经常要把URL的名字定义为软件名称,但是软件的名称一般都写首写或全部写为大写状态,这样在定义URL时复制过来的文本就不规范了,于是想到用JS和CSS来实现文本框Input中字母大写小写转换功能。 首先,烈火下载(www.very[详细]
-
HTML5网页动画工具:Adobe Edge介绍与下载
所属栏目:[产品] 日期:2018-10-06 热度:106
Adobe刚刚发布了一个新的工具Adobe Edge,它允许设计师通过HTML5、CSS和 Java Script制作网页动画。而无需使用Flash。Flash VS HTML5之争似乎即将见分晓。 Adboe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。目前该工具的重点放在动画引擎上,但[详细]
-
HTML5和CSS3特性检测-Modernizr
所属栏目:[产品] 日期:2018-10-06 热度:111
HTML5和CSS3逐渐成为WEB前端开发的必须技能,开发过程中检查不同浏览器对HTML5和CSS3支持情况成了是一件非常烦心的事情。 比如我们要检查某个浏览器是否支持canvas元素: function SUP_canvas() {var elem = document.createElement('canvas');return !!(e[详细]
-
推荐3款锋利的JavaScript开发者利器
所属栏目:[产品] 日期:2018-10-06 热度:162
Java script已经证明了它必须要认真对待,因为它真正提升了互联网的使用,而不仅仅提供一些简单的效果如文字闪烁、滑动效果等。UED为Javascript开发者编辑了3个十分优秀的工具和script。 MicroJS 想快速获得一段JavaScript代码吗?MicorJs是一个全新的网站[详细]
-
fckeditor 代码语法高亮的实现方法
所属栏目:[产品] 日期:2018-10-06 热度:175
这两个星期有点空,就再研究了一下语法高亮的问题,找了一下FCKeditor官方网站,发现2.5.1稳定版已经出来了,首先替换掉旧的2.0。呵呵,我喜欢使用新版。 先是IE: 1、遗留的问题:隐藏的源码和格式化后的代码有会有问题。 经上次研究的结果,两处的代码有[详细]
-
关于网页中邮件地址防Spambot抓取的方法
所属栏目:[产品] 日期:2018-10-04 热度:188
在网页中直接放置邮件地址是十分危险的,spambot(一种自动抓取网页中邮件地址的程序,用于发送垃圾邮件)会抓取符合邮件地址规范的邮件地址,并疯狂给你发送垃圾邮件,非常可恶。 总结几个常用的防范方法: 1、将@改成#或其它字符,例如 admin#slyar.com,[详细]
-
分享Webstorm手动汉化方法
所属栏目:[产品] 日期:2018-10-04 热度:171
做Web前端开发的同学一定都知道, WebStorm 是一个非常棒的javascript开发工具,它默认是英文的,那么如何汉化呢,其实并不复杂,我们来看一下手动汉化过程,基本等同于翻译过程 准备工作: 1、中文转unicode工具(解决乱码问题) 2、找到webstorm安装目录J[详细]
-
BAE部署Nodejs应用404的解决方法
所属栏目:[产品] 日期:2018-10-04 热度:143
最近想试一下百度BAE的Nodejs环境,因为以前在BAE上测试环境什么的都是直接新建版本然后在BAE Code Editor里面写代码然后发布的,这一次想把本地的应用部署到BAE上面去,结果就遇到了问题,访问一直都是404错误,日志里面没有任何提示,研究了很久,终于解[详细]
-
Adobe Edge Animate创建按钮与简单功能
所属栏目:[产品] 日期:2018-10-04 热度:140
以下为大家讲解如何使用Edge制作一个简单的按钮动画,使用到的方法: --Edge动画编辑 --简单的按钮制作 --对按钮添加 Java script控制代码 一、制作按钮: 1.使用Edge的圆角长方形(RoundRectangle)制作一个按钮图形 2.接下来添加文字 3.选中长方形和文字,[详细]
-
土豆视频站外无广告无弹窗调用代码
所属栏目:[产品] 日期:2018-10-04 热度:110
土豆 与 优酷 合并后,土豆做的越来越好了,以前很少上土豆,现在也时常去土豆逛逛,看到好视频就喜欢分享,但是从土豆网上获取分享的视频FLASH代码是有广告的,对于每个看客来说,广告耽误时间还很烦人,我也如此非常讨厌广告,花了点时间找了下源代码,[详细]
-
CSS样式IE浏览器跟火狐浏览器兼容写法
所属栏目:[产品] 日期:2018-10-04 热度:110
前台样式最烦人的就是各种浏览器跟 分辨率 的 兼容问题 首先需要了解各个浏览器之间样式在哪几方面容易出问题 IE支持自定义光标文件cursor:url() IE支持自定义滚动条颜色风格 IE6中的select有永远处在最上的bug,而且css对select不起作用。 在form中,IE支[详细]
-
网页中代码的顺序是不可忽略的细节
所属栏目:[产品] 日期:2018-10-04 热度:95
仿佛奇怪的问题总是喜欢找上那些初学者。当我在学习制作网页的时候,经常遇到一些很特别的问题。例如:刚刚添加的样式不起作用、 jQuery 的代码老是不起作用等等,这些问题往往是不关注细节导致的。而今天我要谈的这个细节,就是关于网页中代码的顺序。没[详细]
-
使用jquery动态加载javascript减少服务器压力
所属栏目:[产品] 日期:2018-10-04 热度:151
如果您要创建一个web2.0的应用程序,那么你的网页会包括大量的 Java Script文件,这些可能会拖慢您的网页。因此,动态加载JavaScript代码到您的网页是一个好主意,即只有当实用他们的时候加载它们。这种策略可以帮助你减少你的网页的加载时间。 幸运的是,[详细]
-
网页中实现图片旋转的几种实现方式
所属栏目:[产品] 日期:2018-10-04 热度:193
网页中图片旋转一般有下面三种常见的实现方式: 一、 ie 滤镜 IE的图形旋转滤镜,通过指定BasicImage滤镜的rotation值旋转元素,旋转方向为顺时针,旋转的中心点为元素的左上角。rotation可以有4个旋转值:0, 1, 2,和3分别表示将元素旋转0度、90度、180度[详细]
