Web设计

Web设计的Ruby on Rails 第2章 变量、数组、散列表

http://cn.oiax.jp/rails/for_web_designers/variables_and_objects.html Web设计的Ruby on Rails 第2章 变量、数组、散列表 这章将对生成一个变量并嵌入模板,以及 HTML 数据生成的方法进行说明。请看下面的 Ruby 程序。 @title = \'新闻发布\' 这

2015-07-13 11:30:21

《响应式web设计》读书笔记(五)CSS3过渡、变形和动画

         平时在浏览网页的时候经常会看到诸如“CSS 3D效果”、“css3动画”之类的字眼,看过效果后觉得很神奇,但也一直没机会研究一下原理。因为真正项目中还没用到这些东西。但这些新的技术在不久的将来必定是要大放异彩的,这

2015-07-08 18:22:10

响应式web设计+html5+css3

1. 响应式web设计   说到这个,移动开发面对的屏幕尺寸那叫一个丰富,其中安卓阵营就够让人头痛的。我们在PC端常用的两种布局方式就是固定布局和弹性布局,前者设置一个绝大多数电脑能正常显示的固定宽度居中显示,后者则采用百分比。关于这两者讨论的文章很多,有兴趣的自己查阅下,我今天要介绍的就是相信你已经听过的“响应式布局”,响应式布局

2015-07-08 18:21:09

响应式web设计之CSS3 Media Queries

开始研究响应式web设计,CSS3 Media Queries是入门。 Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。 那么,Media Queries是如何工作的? 两种方式,一种是直接在link中判断设备的尺寸,然后引

2015-07-08 18:20:08

响应式web设计 HTML5+css3实战 学习笔记

响应式web设计 html5+css3实战 下面是我自己看此书整理出的一些精华部分和自己不知道的,大家有兴趣的话可以去看此书,此书强烈推荐,对于制作响应式页面流程非常清晰!   1.      不能迷恋px了,大多数情况下使用em或百分比 2.  &nb

2015-07-08 18:15:42

50种响应式web设计的奇妙工具

在您开始着手响应式站点的搭建之前,如果能拥有强有力的开发工具会让您的世界另有一番风采。本文中Denise Javobs和Peter Gasston推荐了50种强大的工具来支持您建造响应式站点的过程。 在Ethan Marcotte的文章《响应式web设计》以及他的畅销书中最早首创介绍了建设响应式站点需要的三个元素: 灵活布局、流式网格 响应式图片

2015-07-06 18:04:35

10个超棒的响应式Web设计工具

响应式Web设计(Responsive Web Design)是2013年最流行的界面设计趋势之一。那么你知道有哪些好用的支持响应式设计的工具吗?下面慧都小编为你推荐10个超棒的响应式Web设计工具,希望你能喜欢: 1、Bootstrap 由两个Twitter员工开发并开源的前端框架,目前已经更新到了v3.0版本,在Github上非常火爆,在国内也有

2015-07-06 18:01:39

web设计推荐-帮助设计师提高设计美感的33个高品质的免费字体

任何 web 设计的最重要因素之一是字体。它可以帮助网站传授想要表达的感觉。它设计师总是不断地寻找最新和新鲜的字体,来添加到自己的web 设计当中。对于一种设计,如果使用一种特殊效果的字体将使你的网站看起来更加有吸引力,但如果您的选择是错误的字体,结果可能是造成不可估量的损失 进一步阅读 排版设计素材推荐-提高审美度的25个非常优秀的免费字体

2015-07-06 18:01:32

移动优先与响应式Web设计

1.加速度计-设备置向 2.下拉更新-Iscroll 3.滑动以得到更多选项-panel 4.Sketch a Search 雅虎 画圈搜索 5.《Tapeworthy》 移动用户的行为特点:微任务、“我身在何处”、“我很闷”   google 现在很赶、重复不断、现在很闷  

2015-07-06 18:00:07

用photoshop做web设计中几款按钮

几乎没有哪种按纽的受欢迎程度能与透明质感按纽相比。自这种风格的按纽一问世,立刻风靡全球,从庞大的商务网站到简单的个人小站,处处都能看到剔透的风采。这种漂亮按纽最大的作用就是修饰网页,仅仅使用几个这样的按纽,就会给你的网页像水晶糖果一样诱人。透明质感的按钮种类之多,制作方法之广,无法尽数。在这里,我总结了几种较为好看的却又比较简单的,供大家作为参考。 第一款

2015-07-06 13:50:51

12个Web设计师必备的Bootstrap工具

Bootstrap是一个非常棒的前端网站开发平台,它提供了大量的开发高体验的、高效的网站所需要的组件。这给网站开发人员与网站设计师提供了很好的便捷性,他们能很快很便捷在这一平台上找到开发所需的所有组件。Bootstrap打破了原有的世界记录,并且在Github的所有项目中排名第一。Bootstrap兼容所有新的浏览器,同时向下兼容IE7.平台能快速响应,

2015-07-02 17:30:08

10个Web设计的SEO规则

规则0:不要试图作*弊来提升SEO效果。当你踏入一个房间;里面汇集了手拿各种博士文凭的科学家,你认为你会聪明过他们吗?当然不会。Google和百度拥有成百上千个这样的房间,里面的工作人员都是高学历的技术人员和工程师,他们每周工作60个小时的目的之一就是为了防止你欺骗Google/Baidu。或许你的确比其中一名科学家聪明,那么与100个这样的工程师想比呢?所

2015-06-24 15:47:21

Web设计师须知的10项SEO技巧

如今,Web设计师在设计Web外观与风格的同时,往往还负责了前端代码的编写。换句话说,SEO的相当一部分责任是落在他们肩上的。然而,大量的Web设计师对SEO的熟悉程度仍不足以让他们写出一个符合要求的Web。这一现象决定了本文存在的意义,一篇旨在为普通Web设计师提高SEO技巧提供一些重要窍门的日志诞生了! 1.让代码变得更美,为设计创设环境 搭建Web

2015-06-24 15:45:21

响应式的WEB设计(三)- 桌面及移动设备的网页性能

前言 移动设备由于受到带宽、处理器运算速度的限制,因而对网页的性能有更高的要求。究竟是网页中的何种元素拉低了网页在移动设备中加载的速度呢?这些元素应该做何处理以提升页面在移动设备中的整体性能?是否存在一种设计模式可以同时满足移动端及桌面端的页面设计呢? 本文目录: 1、桌面网页的性能检测 2、移动设备中网页的性能检测 3、移动设备网页的性能瓶颈

2015-06-11 18:31:30