web-applications – 构建自定义构建接口

前端之家收集整理的这篇文章主要介绍了web-applications – 构建自定义构建接口前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望通过构建一个基于用户选择生成自定义(产品)构建的界面来挑战自己.

以下是我所指的两个例子:

*注意:这些有时需要一段时间才能加载

Design Your Own Converse Shoes

Custom Made Womens Shoes – Shoes of Prey

如您所见,用户选择基本产品(鞋类型或款式)并选择允许他们定制自己的产品的选项,包括不同的衬里,颜色,材料等.我知道一些T恤公司也做这种事情但我选择了这些例子,因为它们在细节变化方面更加全面.

所以我的问题是:

>我可以进一步研究这种应用程序的具体名称吗?
>是否有框架或现有基础可以帮助我学习和更好地理解这类软件应用程序背后的逻辑?
>如果有人之前已经构建或使用过这样的东西,你使用了什么语言?为什么?

我是一名学习Web开发人员,我对HTML,CSS,JavaScript,PHP,MysqL等网络技术感到非常满意.我现在才刚刚开始构建我的第一个基于MVC的项目.这是一个缓慢的学习过程,因为我在特殊学科“专攻”之前尝试不同的事情.解读所使用的内容和原因本身就是一项挑战.

显然有不同的方法,因为Converse使用Adobe Flash Player生成结果,而且每次进行新的更改时,Shoes of Prey都会更新jpg图像.到目前为止,我对逻辑的当前(和有限)理解是,后端可能有数百个图像根据用户选择的变量进行更新.我真的想对一个工作示例进行逆向工程,这样我就能理解所涉及的编程并使用这些理解来构建一个.

我已经浏览了上面示例的源代码,但显然有很多服务器端的东西是我看不到的.我还通过builtwith.com资源运行每个网站,但到目前为止还没有很多技术信息对我有所帮助.

我们也非常欢迎任何建议,资源或专业见解.我从SO社区中学到了很多东西,所以我感谢你的时间,并为长篇大论道歉.

解决方法

我建议你的鞋子使用SVG文件.

今天所有主流浏览器都支持SVG,它们与JPG相比非常小,也适用于平板电脑/手机,Flash则不然.

这将使您的应用程序非常快,因为您不会弄乱太多的图像,并且当设置着色等时,您只需在对象上切换类并且它会发生变化,没有服务器回调.

您甚至可以改变轴的高度或加宽鞋底等.

SVG可以处理层次中的不规则区域(多边形),图案,图像,文本和颜色,具有透明度,因此您可以创建非常好看的鞋子:)

它们可以在不失去质量的情况下扩展,适合小型和大型屏幕/显示器.

在这里,您可以阅读更多关于HTML5在图形方面提供的内容
http://www.html5rocks.com/en/features/graphics

这里是关于SVG和HTML5 Canvas的
http://seenjs.io/

如果你想进一步复杂化,谷歌搜索“3D”并找到这样的东西
http://www.creativebloq.com/3d/30-amazing-examples-webgl-action-6142954

但我建议,保持简单,卖鞋,而不是建立一个很酷的3D网站.

猜你在找的HTML相关文章