网页 tagged posts

html/width自动适应手机屏幕大小/宽度效果的实现web网页设计/css控制方法

为不同的设备提供不同的网页,没有直面问题的根 本,从另一个思路去化解了它。比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了浏览效果,但是却增加了网站运营和维护的成本。因为,不同的版本对应了不同的程序、服务器。这些都是需要人力物力去维系 的!

为继续尝试从根源上化解这个难题,很早之前就开始有人设想,能不能让我们的网页做到”一次设计,普遍适用”,让同一...

继续阅读

通过Mac Safari前端开发/远程调试测试iPhone/iPad上的网页 – javascript/css完美解决方案

在日趋现代化的 Web 网络中,各种现代浏览器和移动终端设备的用户百分比越来越高。对于我们 Web 前端开发者来说,运行 iOS Safari 浏览器的苹果移动设备对我们来说更是不容忽视的。然而当我们需要对前端页面进行测试调试时,桌面版 Safari 的表现并不是与移动版 Safari 一模一样的(主要缘起 CSS 中 device-width 的判断),因此我们只能直接在 iOS 设备...

继续阅读

如何调整和优化网站性能来加快/加速网页页面的加载载入速度

加快网站的速度

建立这个WordPress博客时间并不长,但是可以说一直在尽力优化网站性能,加快页面的载入速度。几个月下来,靠身体力行并汲取了很多牛人的经验,自己对其也算有一点了浅薄的认识,所以做出一个初级的一个性能优化文章。
针对WordPress,可以把影响WordPress速度的因素归结为三点(单击小标题可直接跳转至该内容):

  1. 服务器端...
继续阅读

网页前端开发响应式 Web UI框架Foundation vs bootstrap区别 差别 不同

Foundation为前端响应式 Web UI 框架之一,是一款简洁、直观、强悍的开源前端开发框架,它让Web开发更迅速,能快速创建页面原型。相比同类型前端UI,Foundation编码少、性能好、兼容性更强的特点。

【组件价值】

  • 有效降低前端开发难度
  • 快速提升前端开发效率
  • 降低前端开发风险

【组件功能】

SN 功能点 备注说明
1 网格 支持...
继续阅读

前端开发利器-网页分析工具介绍Firebug/Chrome Developer Tools/YSlow

磨刀不误砍柴功,作为一名前端开发人员,能有一套切实有效且操作熟练的前端开发工具,那将能大大地提升工作效率。接下来我给大家介绍一系列前端开发 相关的免费工具,涉及到网页分析、问题诊断到资源优化等各个方面,各位可以选择适合自己的,让他们真正成为我们的利器。该主题为一系列的文章,本篇介绍网 页分析工具。...

继续阅读
Top Down