-
WEB字体格式及几种在线格式转换工具
152目前，文字信息仍是网站最主要的内容，随着CSS3技术的不断成熟，Web字体逐渐成为话题，这项让未来Web更加丰富多彩的技术拥有多种实现方案，其中之一是通过@font-face属性在网页中嵌入自定义字体，主流的浏览器都支持这项技术，本文介绍主要的几种Web字体格式及字体格式转换。 Web字体格式介绍 TrueType (.ttf) Windows和Mac系统最常用的字体格式，其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体，这使得它们比基于矢量的字体更容易...
详情 -
织梦dedecms分页标签pagelist支持中英文的修改方法
2401、打开include/arc.listview.class.php（本文以DedeCMS5.6为例） 找到（约29行） var $remoteDir; 在其下面加上一个新行 var $pagelang; 找到（约528行） $list_len = trim($ctag-GetAtt(listsize)); 在其下面加上一个新行 $pagelang = trim($ctag-GetAtt(pagelang)); 找到（约531行） if($list_len==) { $list_len = 3; } 在其下面加上 if($pagelang==) { $pagelang = cn; } 修改（约545行） $this-dtp-Assign($tagid,$this-GetPageListST($list_len,$listitem)); 为 $this-dtp-Assign($tagid,$this-GetPageListST($list_len,$listitem,$pagelang)); 修改（约826行） retu...
详情 -
实用的HTML head头标签，记录备用
384作为一名前端开发人员，了解 HTML head 头部分的标签是必须的； HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO 等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的 meta 元素，显得更为重要。了解每个标签的意义，写出满足自己需求的 head 头标签，是本文的目的。 DOCTYPE DOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此...
详情 -
HTML 5 手机扫描二维码登陆网页
157大概思路就是通过调用手机端的摄像头将视频放入video中，然后将视频中的某一帧放入canvas中，canvas将图片信息转换换成base64码，把base64码传到后台转换成数据流，用java解析就行了。 下面就上代码了（调试的时候才发现只有欧朋浏览器支持，而且版本是opera classic的才行）： 1、首先就是页面了 !DOCTYPE HTML html head meta name=viewport content=width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 title扫描二维码/title script type=text/javascript var video,c...
详情 -
收集Web APP的开发技巧总结
251自iPhone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。 一、META/LINK相关： 1、百度禁止转码 通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非常之恶心。不...
详情 -
适应同品牌尺寸手机的@media参数
188/* iphone55s */ @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){ } @media only screen and (max-device-width :480px){ } @media only screen and (min-device-width :481px){ } /* iphone 6*/ @media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ } /* iphone 6p*/ @media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){ } /*魅族*/ @media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){ } /*mate7*/ @media only screen and (min-device-width :108...
详情 -
设计师应该懂得分辨率知识DPI和PPI
231DPI和PPI DPI（Dots Per Inch）最初用于衡量打印物上每英寸的点数密度，就是说你的打印机可以在一英寸内打多少个点。DPI值越小图片越不精细。 当DPI的概念用在计算机屏幕上时，就应称之为PPI（Pixels Per Inch）。同理： PPI就是计算机屏幕上每英寸可以显示的像素点的数量。你说 DPI大伙也能理解。 Windows系统默认PPI 为96， Mac OS系统默认PPI 为72。 一般非视网膜屏幕的桌面电脑的 PPI在72 到120之间。使用 72到120 之间的PPI进行设计基本可以保证你的作品尺寸在大多...
详情 -
各种浏览器的Hack写法(chrome firefox ie等)
221Hack是针对不同的浏览器去写不同的CSS样式，从而让各浏览器能达到一致的渲染效果，那么针对不同的浏览器写不同的CSS CODE的过程，就叫CSS HACK，同时也叫写CSS Hack。然后将Hack放在浏览器特定的CSS文件中，让其符合条件的浏览器解析这些代码，就如前面所说的条件样式，我们将CSS Hack代码放入条件样式文件中，符合条件的浏览器就解析，不符合的将不解析，从面达到您所需要的页面渲染效果。总的一句话来说使用CSS Hack将会使用你的CSS代码部分失去作用，...
详情 -
placeholder在不同浏览器下的表现及兼容方法
1641、什么是placeholder？ placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点（或输入内容）时，提示文字消失。 写法如下： 这里是placeholder 2、placeholder的浏览器兼容性和在不同浏览器下的表现 由于placeholder是html5的新属性，可想而知，仅支持html5的浏览器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。 下面是其在各个浏览器下的显示效果： ...
详情 -
jQuery创建平滑的页面滚动到顶部或底部
204使用jQuery让您可以平滑的滚动到你的网页的顶部或底部，使用方法如下： 它是如何工作的 首先在/ head标签结束前加载jquery库： 代码如下: script type=text/javascript src=http://libs.baidu.com/jquery/1.3.2/jquery.min.js/script 到页面底部链接代码： a href=# class=scrollToBottomScroll to bottom/a 到页面底部jQuery代码如下: script type=text/javascript $(document).ready(function(){ // Scroll page to the bottom $(a.scrollToBottom).click(function(){ $(html, body, .content).animate({scrollTop: $(document).height()}, 300); return false; }); ...
详情