响应式设计:概念与运用

一些读者或许好奇的是,人们为什么对“响应式web设计”(RWD)的关注度快速提高,开发人员都把此技术作为自己必备的技能之一,深入去学习理解这项新技术。这名称也常常作为前沿移动终端技术被提起。

我们不会空谈概念,会把定义说清楚,并使用代码例子演示这项技术。如果你花一些时间来测试和了解真实的现代网络和移动技术,你就会体会到响应式web设计的好处在哪了,实现一个响应式设计可能比你想象的还要简单。

响应式设计:跨浏览器兼容性

上一篇文章中,我阐述了在响应式设计中处理图像3种方案的观点,讨论了最好的解决方案,采用合适图像尺寸服务于各种尺寸的屏幕。那么,本文接下来将从另外一个角度来聊管理图像,那就是跨浏览器的兼容性。

在整个网页开发过程中,尤其你想创造一个响应式的结构——一个web开发人员必须去面对一个最重要及最频繁的问题就是兼容各种浏览器。

在HTML中使用meta标签的基础知识和最佳实践

元数据通常被理解为‘描述数据的数据’,在web页面中的用途之一就是使用<meta>标签。meta标签的内容一般都是表示关于HTML页面的信息,其作用是不可以被其它标签取代的。另外,meta标签还可以模拟一个HTTP响应头部(例如重定向到不同页面),同时,它还拥有像http-equivcharset这样的属性 ,在Mozilla开发者社区中有对元数据详细的文档说明。

基于设计的媒体查询

在刚一开始的时候,我们已经把特定移动设备的媒体查询运用到我们的网站上,并且服务于我们(网站),因为当时我们只是需要一种应急式的响应式设计解决方案来适应iPhone和屏幕相似的智能手机。

如何制作自己的网页字体图标

本篇文章中,在教你如何制作属于你自己的可嵌入图标式字体之前,首先想研究一下制作一套成功的UI图标需要的工具。

从设计单独的图标开始,到把它们转化成@font-face格式以备嵌入,乃至授权给他人使用,整个过程中我们将仅使用免费软件和在线服务。感觉怎么样呢?你不必依托于任何深奥的知识就可以制作出一套成功的英文字体(包括字母和数字),而只需要眼睛来设计——你面对的可能是非常非常小的东西。

如何设计一个响应式的HTML电子邮件

在过去的几件中,移动端使用的飙升,使我们向网络用户提供内容的方法引起了一场进化或者革命。最终目标是流体的,适应移动端和device-agnostic Web以及一个已成为受人青睐的学派:响应式设计。然而,虽然响应式设计思想高涨,而电子邮件设计和开发一直在努力跟上。