专注前端,专注网页设计制作 - (承接网页制作、设计) QQ:262817214 虚拟主机 域名注册 云主机 香港空间 | CSS3演示 | 站长工具 | 网页特效 | 网页模板 | 网页素材 | PSD素材 | 手机系统
广告加载中...
  • 避免3种响应式设计灾祸 日期:2015-05-24 点击:89

    响应式设计方法对开发者非常有用,因为它使我们的内容在各种设备上广为传播。不用保留几个独立版本的网站,也可以摒除诸如缩放和流式布局这些方法的弊端。 本文重点讨论设计师...

  • 响应式web设计 日期:2015-05-06 点击:136

    前言 响应式web设计这两年比较热,主要还是因为移动设备浏览器的使用量已经快速增长并未来很大可能超过PC端,也就是说,未来网页的浏览终端越来越多样化, 用户可以通过桌面电脑...

  • 20款优秀前端框架:BootStrap、blueprint等 日期:2015-01-20 点击:156

    前端开发并不难,但是要想做得优雅、健壮并不容易,使用一个好的前端框架能够帮你很多忙。本文列举了20个优秀的前端框架,供选择使用。 1. BootStrap (Apache v2.0;响应式) 时髦、直...

  • 响应式导航的设计模式有哪几类 日期:2015-01-12 点击:78

    在大屏幕上,导航置顶或导航居左是两种典型的设计模式,然而,这两种模式在小屏幕上却遭遇挑战。在响应式设计日渐流行的今天(译者注:其实已经流行 了好几年了),我们更有必...

  • 20款覆盖全面的响应式网站设计工具 日期:2014-12-29 点击:79

    灵活的栅格和布局,响应式的图片和智能的CSS媒体查询,构成了响应式网页的主要特征。当用户扔下沉重的笔记本电脑拿起平板,响应式的网站能够自然 而然地随之适配,掏出手机也毫...

  • 响应性web设计实战总结 日期:2014-12-08 点击:68

    响应性web设计实战 响应性web设计的理念是:页面的设计与开发应当根据用户行为与设备环境(包括系统平台,屏幕尺寸,屏幕定向等)进行相应的响应及调整。具体的实践方式由多方面组...

  • 三步实现响应式网页布局 日期:2014-10-20 点击:96

    第一步:Meta标签 大多数移动浏览器将HTML页面放大为宽的视图(viewport)以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器,使用设备的宽度作为视...

  • 移动端重构系列13——页面切换 日期:2014-08-28 点击:145

    本系列文章,如果没有特别说明,兼容安卓4.0.4+ 前面说的切入切出动画,一般用来前面的panel,popup,modal等效果,本篇主要说下整个页面的切换。 布局,还是布局 在分析页面滑动之前...

  • 移动端重构系列12——popup 日期:2014-08-28 点击:31

    本系列文章,如果没有特别说明,兼容安卓4.0.4+ popup分为两种:一种是内容比较多,直接以全屏显示,如图一;一种是少量内容的popup提示,如图二 先上demo: popup测试 popup page 第一种形...

  • 移动端重构系列11——弹窗modal 日期:2014-08-28 点击:42

    本系列文章,如果没有特别说明,兼容安卓4.0.4+ 设计结构如下: header class=header/headerdiv class=wrap-page section class=page/section .../divfooter class=footer/footerdiv class=overlay section class=modal div class=...

  • 移动端重构系列10——侧边栏导航 日期:2014-08-28 点击:52

    本系列文章,如果没有特别说明,兼容安卓4.0.4+ panel一般用来做侧边栏导航,铺满整屏高度,有两种展现形式:第一种直接盖在整块内容栏(包括header和footer部分)上面,如图一;第二...

  • 移动端重构系列9——图片滚动 日期:2014-08-25 点击:41

    本系列文章,如果没有特别说明,兼容安卓4.0.4+ 这里我们采用 swipe 来做我们移动端的图片滚动 滚动原理 既然说到滚动,那跟我们上篇说到的iscroll多少有点关系吧。下面对swipe的滚动原...

  • 移动端重构系列8——滚动 日期:2014-08-25 点击:36

    本系列文章,如果没有特别说明,兼容安卓4.0.4+ 原生滚动 原生滚动的属性为: -webkit-overflow-scrolling:touch; ,如果是走高富帅的苹果路线,是没问题的,谁让这是人家亲生的呢;如果是安...

  • 移动端重构系列7——图标 日期:2014-08-25 点击:30

    本系列文章,如果没有特别说明,兼容安卓4.0.4+ 这里我们把图标分为三种:背景图片,直接绘制,@font-face。如无特殊情况,图标的标签采用i标签 背景图片 首先我们会选择sprite形式,...

  • 移动端重构系列6——切入切出动画 日期:2014-08-18 点击:43

    本系列文章,如果没有特别说明,兼容安卓4.0.4+ 因为后面的几篇文章都需要用到切入切出动画什么的,所以先把这个说下。为了简单起见,我们这里只讨论translate偏移动画(translate比起...

  • 首页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 下一页
  • 末页
  • 563
  • 推荐文章
    热门文章榜