最新文章列表

网页自适应设计

网页自适应设计        网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起,更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小,需要设计几套css样式,用js脚本判断窗口大小,选择加载。结构臃肿,加载负担较大。现笔者经过一定时间的学习,有所心得,故分享于此,加强交流,共同进步。同时希望对大家有所帮助。   1.纯净css实现自适 ...
天子之骄 评论(0) 有613人浏览 2015-01-23 22:44

20个全屏响应式菜单效果荟萃

响应式菜单效果在近些年的网站设计中被广泛的使用,在这篇文章中我们收集了20款最酷的响应式菜单效果,希望大家喜欢! KLM's – Flat or Not → Huge → Threadslike → Square →
tyygming 评论(0) 有685人浏览 2014-08-26 11:46

六个前端开发工程师必备的Web设计模式/模块资源

Yahoo的设计模式库   Yahoo的设计模式库包含了很多可以帮助开发设计人员解决遇到的问题的资源,包括开发中常常需要处理的导航,互动效果及其布局网格等大家常用的组件和模块     响应式设计模式库   这个响应式的设计模式库包含了在响应式开发过程中常常需要处理的相关组件,例如,导航,图片,布局,文字,表单等等,如果我们在开发过程中需要处理类似的问题,可以查询相关解决方案 ...
tyygming 评论(0) 有716人浏览 2014-07-30 11:18

CSS3 Media Queries详解 (响应式设计)

Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码:  <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />  <link href=&qu ...
davidforit 评论(0) 有1079人浏览 2014-07-17 16:00

如何为你的响应式设计提速?

响应式设计是最近的流行词,能够打造多屏幕一致体验。 现在几乎每个人都喜欢响应式设计,而且可以是没有原因的支持,这跟Flash刚出现那会火热的 ...
mazheming 评论(0) 有626人浏览 2013-11-23 14:41

Bootstrap3和jQuery实现响应式iOS/Android风格滚动到页顶(底)弹跳效果

在线演示 如果大家使用iOS或者android相关移动平台的话,对于页面滑动到最底端后的弹跳效果肯定不会陌生,在这篇教程中,我们将使用最新版的Bootstrap3和jQuery来生成一个类似移动设备app的web页面效果,支持各种设备的响应式展示。 主要功能: 页面响应式布局:使用bootstrap3的内置响应式Grid布局支持响应式,以便在不用的设备上显示内容 支持iOS/An ...
tyygming 评论(0) 有929人浏览 2013-11-15 17:37

如何加速响应式网站

日期:2013-9-6 来源:GBin1.com 响应式网站设计在最近的十年中早已是个众所周知的流行用语,它是我们现实生活中,面对不同大小的屏幕,最理想的理念。但是可惜的是,权衡一下,它却在性能上有着弊端,那就是需要加载非常大的文件,从而速度成为了它的一大问题。 就像是Flash最初推出的时候一样,很多专家说,响应式设计让我们兴奋,并没有很好的理由。但是当现在它有了性能问题,我们可以靠一些 ...
tyygming 评论(0) 有850人浏览 2013-09-17 22:03

关于响应式设计的三个理念

响应式设计(Responsive Design)无疑是当下最受关注的行业话题之一。所谓响应式设计,实质是网页设计的一种方法,基于CSS3的媒介查询特性使得网页适应不同设备,即根据设备的分辨率和缩放自动重新布局使网页适应各种不同的屏幕尺寸。随着越来越多的用户使用平板电脑和智能手机设备访问互联网,响应式设计这个概念空前白热化。对于开发人员来说,做好响应式设计的一个关键就是事先设想到他们的信息可能会以 ...
潜水的飞鱼 评论(0) 有20人浏览 2013-09-16 15:19

轻量级的前端UI开发框架 - UIkit

日期:2013-8-1  来源:GBin1.com UIkit是YOOtheme团队开发的开源的前端UI界面框架,可以帮助你快速的开发和创建前端UI界面。 基于下列开源项目: LESS jQuery normalize.css FontAwesome 主要特性 支持LESS 模块化 支持自定义主题 支持响应式设计 如何使用? 使用UIkit非常简单,下载后,请 ...
tyygming 评论(0) 有1110人浏览 2013-08-01 11:00

7款拥有超酷设计灵感的动态网站设计

日期:2013-6-27  来源:GBin1.com 在设计领域,每年都有不同的设计趋势和潮流,比如近几年的响应式设计,还有扁平化设计,都无时无刻不冲击和影响着我们设计的角度和方向。在今天这篇文章中,我们精选了一些超棒的创意网站设计,希望大家能够喜欢! Made by Fibb Made by Fibb是一个典型的扁平风格的网站,夸张的大图片及其动画效果,及其手机和触摸设备风格的菜单,还 ...
tyygming 评论(0) 有931人浏览 2013-06-27 11:28

免费的响应式Bootstrap模板 - Codester

日期:2013-3-3  来源:GBin1.com 在线演示/下载 Codester是一个基本的个人作品集Bootstrap模板,帮助设计师,摄影师,图形艺术工作者搭建高度可定制的网站。拥有自定义包和相关的javascript,css和组件,相信大家肯定喜欢! 主要特性 响应式设计 和所有主流的浏览器兼容 兼容各种移动和触摸设备屏幕尺寸 完整的联系人表单 包含搜索功能 拥 ...
tyygming 评论(0) 有1844人浏览 2013-03-05 12:28

响应式的前端框架 - Groundwork

日期:2013-2-19  来源:GBin1.com 前面我们介绍过了很多响应式的前端框架,例如,Responsive Boilerplate,Centurion等等,在这篇文章中我们将再介绍一个响应式的前端框架 - groundwork。 Groundwork是另外一个超棒的响应式前端框架,使用SASS和Compass并且提供了一个高级的响应式布局。 拥有了一个灵活的,流动式的镶套gr ...
tyygming 评论(0) 有857人浏览 2013-02-22 12:59

富有创意的菱形响应式页面设计

日期:2013-1-30  来源:GBin1.com 在线演示 如果你是一个追求个性的web设计师的话,是不是厌倦了千篇一律的网站设计形状,不管你浏览那个网站,在你眼中的只有形形色色的方形或者矩形的网页布局设计,如果你想让你的网站看起来与众不同的话,看看这个与众不同的响应式菱形布局吧! 这个设计来自于Trevor Davis,你可以在Github上免费下载使用,如果你想了解详细的信息,请 ...
tyygming 评论(0) 有736人浏览 2013-01-31 11:27

Respond.js简介

 Respond.js   处理响应式设计中,浏览器不支持media query相关 官网:http://drupal.org/project/respondjs github:https://github.com/scottjehl/Respond test page : http://scottjehl.github.com/Respond/test/test.html ...
zhangyaochun 评论(0) 有2846人浏览 2013-01-29 18:10

帮助你在不同尺寸屏幕下浏览网站效果的工具 - Responsivator

日期:2012-11-1  来源:GBin1.com 如果你需要开发响应式的网站的话,使用一个必要的浏览工具来检验不同尺寸屏幕下显示效果还是非常有用的,相信你肯定还记得我们以前给大家推荐的响应式网站测试工具 - Screenqueri.es ,这个工具可以有效的帮助你模拟iphone,ipad等设备的浏览效果。 在今天的这篇文章中,我们再给大家介绍另外一个不错的在线工具 - Res ...
tyygming 评论(0) 有769人浏览 2012-11-01 11:39

【短讯】处理Media Queries的javascript类库 - enquire.js

日期:2012-9-13  来源:GBin1.com enquire.js 是一款超棒的轻量级处理CSS Media Queries的javascript 类库。主要特性如下: 帮助你处理匹配的media queries(不匹配的也可以) 针对浏览器事件响应 支持一次性的设置 不依赖任何类库,甚至jQuery 可以方便的应用到响应式设计中 类库非常小,压缩版小于1kb ...
tyygming 评论(0) 有691人浏览 2012-09-13 12:56

分享20个响应式web设计的必备jQuery插件

日期:2012-9-12  来源:GBin1.com 响应式设计(responsive design)在近些年是非常流行的web设计,能够帮助你有效的针对不同设备的显示屏幕自适应的显示内容,大大的提高了用户的使用体验和web设计的要 求,作为最为流行的jQuery来说,也提供了很多现成的插件帮助你实现响应式设计,在今天的这套插件推荐中,我们将推荐给大家20个不错的响应式设计常 用插件, ...
tyygming 评论(0) 有883人浏览 2012-09-12 16:08

分享一个帮助你在线测试响应式设计的web工具 - Screenqueri.es

日期:2012-4-23  来源:GBin1.com 如果你使用responsive layout来设计网站或者web应用的话,如何有效的在不同的设备上进行测试是一个比较麻烦的事情,今天我们这里给大家分享一个在线测试responsive布局的设计工具 - Screenqueri.es ,能够有效的帮助你测试不同分辨率下网站的视图,希望大家喜欢! 使用这个工具非常简单,你提供一个 ...
tyygming 评论(0) 有761人浏览 2012-04-25 13:19

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics