关注
分享
陈小峰_iefreer
踏得网创始人,Stone和Myway 3D引擎作者。
展开
-
移动电子商务网站可用性-首页和导航
转载说明：Get Elastic是关注于电子商务的设计网站，访问速度有点慢，有些经典文章转载到这里，方便查阅原文链接:http://www.getelastic.com/mobile-home-page-navigation/While most retailers have enough challenge optimizing for the Web, along comes the mobi转载 2013-05-02 20:10:35 · 3180 阅读 · 0 评论 -
CSS3 低多边形（Low Poly）设计及开发实例 - 简单的字母
Low Poly是计算机主流设计风格的一种。当前主流设计风格包括：1.拟物（Skeuomorph）2.平面化（Flat Design）3.长阴影（Long Shadow）4.响应式（Responsive）5.原质化（Material）6.平行视差（Parallax）。低多边形（Low Poly）不强调细腻的拟物模拟，而是使用抽象的几何方式来构造模型轮廓，同样达到栩栩如生的效果。下面是一个简单的字母原创 2015-01-17 13:02:45 · 3797 阅读 · 0 评论 -
即时加载瀑布流布局的一个典型设计错误
网页展示内容超过一屏的时候，原创 2014-10-26 16:35:55 · 3171 阅读 · 0 评论 -
新兴的网页开发设计模式-响应式WEB设计
移动设备越来越趋于互联网使用的中心，笔记本、智能手机、上网本、iPad、电子书等各式各样的设备，尺寸/分辨率不尽相同。这为网页设计带来了新的挑战，也带来新的机遇，有可能“一次编写，随处呈现”吗？ Ethan Marcotte在2010年提出响应式WEB设计的概念，简洁、响应式WEB设计是一种与设备无关的内容呈现方式，能在桌面、移动设备以及宽屏设备上有同样好的表现。本文先是简单的描述了响应式WEB设原创 2011-05-21 00:20:00 · 5344 阅读 · 0 评论 -
CSS检测高像素密度屏幕设备
iPhone4代码示例：@media screen and (-webkit-device-pixel-ratio: 2) { body{ background-color: red; }}原创 2014-04-21 01:21:18 · 4307 阅读 · 1 评论 -
HTML5:添加鼠标悬浮音响效果
使用HTML5+jQuery，不使用FLASH：浏览器适用范围：Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, IE 9+代码示例：$("#speak").mouseenter(function(){ $("").attr({ 'src':'audio/'+Math.ceil(Math.random() * 5)+'.mp3', 'v原创 2014-02-23 13:11:52 · 3573 阅读 · 0 评论 -
Google Chrome开发者工具-移动仿真：设备取向和CSS媒体类型
设备取向（Device Orientation Overrides）许多新的移动设备具有加速度计（accelerometers），陀螺仪（gyroscopes），指南针（compasses）以及一些其他用来确定运动捕捉和方向数据的硬件。很多网页浏览器可以访问这些新的硬件特性，比如通过HTML5 DeviceOrientation事件。这些事件为开发者提供关于设备取向，移动以及加速度方面的信息。如果翻译 2013-10-30 14:53:13 · 4058 阅读 · 0 评论 -
响应式WEB界面框架比较-Bootstrap vs. Foundation vs. Skeleton
BootstrapFoundationSkeleton概述用户基数大用户基数中等用户基数中等网格: 流动的和固定的网格: 流动的。在各种视图中是最好的Grid.网格: 固定的UI工具: 很多界面部件；易于快速构建原型UI工具: 强大且模块化的一系列工具。比Bootstrap要更倾向于样式不可知论.UI工具: 有限的历史: Twitter创建来作为内部工具的风格指导的历史: 客户项目，移动优先历史:翻译 2013-08-04 00:22:12 · 11289 阅读 · 0 评论 -
页面设计:响应式设计电子商务网站案例学习
响应式设计技术已经比3年前更加成熟而且有了更多的设计、测试工具和设计框架和样式。不过这些设计大部分用在一些阅读、Blog、简单门户网站中，在电子商务领域少有涉及。国内大中型电子商务网站基本上没有使用响应式设计的技术。不过，今天看到一个国外卖定制衣服的网站，这方面设计、实现得很不错，值得借鉴。网站首页：http://www.indochino.com在PC上是排在一行的4个方块导航到各个分类在手机上原创 2013-05-23 20:57:58 · 5179 阅读 · 1 评论 -
移动电子商务网站可用性-商品页面和购物车
原文链接：http://www.getelastic.com/mobile-commerce-usability-product-pages-and-cart-summary/This is the third installment of a 4 part series on mobile commerce design and usability:Part 1: Home Pages and转载 2013-05-02 20:20:00 · 2687 阅读 · 0 评论 -
移动电子商务网站可用性-表单和支付流程
原文链接：http://www.getelastic.com/mobile-forms-checkout/This is the final installment of a 4 part series on mobile commerce design and usability…Part 1: Home Pages and Navigation Part 2: Search and Categ转载 2013-05-02 20:23:56 · 3978 阅读 · 0 评论 -
移动电子商务网站可用性-搜索结果和分类页
原文链接:http://www.getelastic.com/mobile-search-category-pages/This is the second installment of a 4 part series on mobile commerce design and usability:Part 1: Home Pages and Navigation Part 2: Search a转载 2013-05-02 20:17:27 · 2306 阅读 · 0 评论 -
基于Kinetic框架实现超酷的风铃悬挂摆动效果
利用Canvas画了几个错落有致的六边形风铃标签，鼠标hover上去的时候会出现轻微摆动以及模拟风铃随风飘扬的音效。原创 2014-07-05 14:27:19 · 4253 阅读 · 0 评论