« 类别 前端开发 下的文章

IOS、Android、WP移动平台浏览器下常用字体支持度研究

做了近一年的无线项目,总觉得少了点什么,对,是总结和研究,一直在追随前人的脚步,在他人的经验中获取认知,恐怕做得越多只会觉得得过且过的感觉越深刻,最近终于有空闲的时间来做一些研究和总结了。

webapp风行了很久,但是最近一年才真正实际的应用起来,尤其是混合型的app开发深的企业的青睐,那么作为一名前端工程师,要做的事情就是要把移动端app以web的形式表现出来,自然字体是不可避免的因素,长久以来对三大移动平台的可用常用字体具体怎么定义和表现含糊不清,也出现了很多情况下无法向交互和视觉设计师们解释,故来做怎么一个研究和整理。

研究过程如下:

1. 确定目标范围。

   首先我们不是要研究移动端的设备具体可以支持什么字体,那样毫无意义,我们想要得到的是我们在WEB里常用的字体和类型在移动端的支持度和具体表现。

»阅读全部

Adobe Edge Inspect跨平台浏览器调试工具使用教程

最近一直在搞WEBAPP项目,找到一个跨浏览器联调的工具,试了一下还是蛮爽的,可惜免费版一次只能连接一个设备,废话不说直接切入正题。

Edge Inspect是Adobe出品的一款联调工具,是基于chrome的一款调试工具,在移动开发中联机调试很有效。

本文介绍一下此软件的下载安装使用方法,希望对热衷于移动端开发的前端工程师有一点帮助。

»阅读全部

LESS-CSS动态语言介绍

CSS LESS已经出来一两年了,直到前几个月,我才接触到这个技术,想想已经是OUT了,看了一番资料,对LESS有了初步的了解,无不感叹LESS的强大之处,以后是在W3CPLUS上大漠翻译整理的一篇文章,先收藏转载过来,慢慢研究。

Less是一种动态的样式语言。Less扩展了CSS的动态行为,比如说,设置变量(Variables)、混合书写模式(mixins)、操作(operations)和功能(functions)等等,最棒的是,Less使用了现有的CSS语法,也就是说,你可以直接把你现成的样式文件“style.css”直接改成“style.less”,他也能正常工作。如: »阅读全部

网站性能优化,你的cookies瘦身了吗

在前一篇文章cookie-free-浅谈前端性能之顶级域名与二级域名的使用中我们说过了使用二级域名或者独立域名解决cookie-free的问题,那么cookie到底对我们网站的影响有多少,它又是个什么东东呢?

首先,cookie是一个什么概念。

Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie)。 »阅读全部

重温经典布局-圣杯Holy Grail of Layout

经典三列布局,也叫做圣杯布局【Holy Grail of Layouts】是Kevin Cornell在2006年提出的一个布局模型概念,在国内最早是由淘宝UED的工程师传播开来,在中国也有叫法是双飞翼布局,它的布局要求有几点:

1、三列布局,中间宽度自适应,两边定宽;

2、中间栏要在浏览器中优先展示渲染;

3、允许任意列的高度最高;

4、要求只用一个额外的DIV标签;

5、要求用最简单的CSS、最少的HACK语句; »阅读全部

cookie-free-浅谈前端性能之顶级域名与二级域名的使用

在前端开发中经常会使用二级域名和独立的顶级域名作为资源服务器的地址,例如本站的顶级域名是elonglau.com,主域名是www.elonglau.com,那么我们可能会使用static.elonglau.com作为静态资源文件服务器的地址;为什么使用二级域名或者独立的顶级域名作为静态资源文件地址呢?有两个重要原因,第一、促使浏览器并行下载多个请求、提高加载速度;第二、cookie-free;那么,今天我没来着重探讨第二个。

YSlow给如何提高网页效率和优化网站性能提供了22条建议,其中有一条是关于域名的:Use cookie-free domains。

使用 cookie-free domains 有什么好处呢?当用户浏览器发送一个静态文件,如图片image、CSS样式表文件时会同时发送同一个域名(或二级域名)下的cookies,但是网站服务器对发送过来的cookies完全不予理会,因此这些没用的cookies白白浪费了网站带宽,影响网站加载速度和网页性能表现。YSlow建议为了解决这个问题,就可以通过使用 cookie-free domains 的方法来做优化,从而提高网页效率。 »阅读全部