之前曾经研究过几个纯css实现的文字效果,《CSS文字条纹阴影动画》和《响应式奶油立体字效果》等,今天我们来研究几款文字效果,主要利用text-shadow、webkit内核的几个独有特性实现效果。...
分类:
Web程序 时间:
2014-05-10 09:37:06
阅读次数:
591
随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下
去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式.....
分类:
Web程序 时间:
2014-05-09 12:32:47
阅读次数:
355
Twitter Bootstrap 自从2011年最初发布到网上后,迅速成为 Web
领域最流行的响应式前端开发框架之一,是网页设计的优秀实践。Twitter Bootstrap
框架包含了众多的预定义风格的组件,插件和加载项。在这篇文章中,我们想向大家介绍15款最好的 Twitter Bootst...
分类:
其他好文 时间:
2014-05-09 11:09:48
阅读次数:
458
说实话,第一次听到“响应式图标”我也觉得怪怪的,正如不久之前,人们为了让图标字体更适合不同设备,而更改它们的大小一样,但是这一想法却让响应式设计以及图标设计有了长足的进步。他是什么?响应式设计图标并不是说图标大小会随屏幕尺寸的变动而改变,而是意味着图标会根据自己所处何种设备来改变自身大小。这就意味着...
分类:
Web程序 时间:
2014-05-08 19:02:06
阅读次数:
421
随着便携设备用户的指数级增长,网站设计师采用响应式设计作为多平台布局解决方案,不但节省了UI设计师的时间,而且从长远角度来讲,响应式设计能够为用户提供更舒适的操作环境。
如果你毫无经验,不知从何开始,那么蓝蓝设计这份工具列表将大大的帮助你,能够让你的界面设计布局更有“弹性”。
更多响应式网站设计工具欣赏:http://www.lanlanwork.com/
Sim...
分类:
Web程序 时间:
2014-05-07 16:20:13
阅读次数:
441
paip.自适应网页设计 跟 响应式 设计方法与工具补充(2)o54
#-----响应式 设计框架
Bootstrap比较热门.
Foundation
号称是世界上最先进的响应式前端框架。
#---绝对不要使用相对地高度...只使用相对地宽度..特别大的布局上...
#----------字体的自适应vw
使用em好像不生效...
使用vw走ok.... font-s...
分类:
Web程序 时间:
2014-05-07 06:22:36
阅读次数:
344
paip.自适应网页设计 跟 响应式 设计的区别跟原理and实践总结
响应式Web设计(Responsive Web design)的理念是: 1
#-----------自适应布局VS响应式布局 2
设计思路Mobile First 2
#---手机and平板分辨率 3
#---------viewport...允许网页宽度自动调整贝儿哪不个网页缩小兰.. 3
#-------...
分类:
Web程序 时间:
2014-05-02 02:36:27
阅读次数:
320
当我们建立网站的时候,我们一般从定义正文开始。正文的定义显示了你的主栏有多宽,其它几栏的大小就随它自己内容定义了。直到最近,各种屏幕分辨率或多或少是同质化的。如今,我们要处理各种屏幕尺寸和分辨率。这让处理变得更复杂。为了防止给每个可能的屏幕尺寸做不同的层级设计,很多网页设计师会采用响应式设计网站的概...
分类:
其他好文 时间:
2014-04-29 11:23:46
阅读次数:
333
响应式网页设计很流行,而且绝无秘密可言。行家们倡导,各品牌趋之若鹜。这不仅是创建一个移动端站点,而是让你的网站适用于每种浏览器尺寸,不论桌面端、平板还是智能手机响应式设计的秘诀,是创建一个不论大小尺寸都美观的网站。在点开你的设计软件着手动工之前,你需要考虑很多。这是个额外步骤,最终成品却总能证明它的...
分类:
其他好文 时间:
2014-04-29 10:17:47
阅读次数:
278