⚠️⚠️⚠️⚠️⚠️
⚠️ 更新 ⚠️ ✅ 投票给你最喜欢的标志 ➡️这个帖子⬅️
⚠️⚠️⚠️⚠️⚠️
原帖(现已关闭)
在 WebAssembly 项目的一开始, @sunfishcode 就设计了一个标志:
它有很好的想法:
最好有一些更花哨的/网络-y/设计师-y,并保持中立,这样它就属于网络而不是浏览器供应商之一。
来自 NaCl 团队的 Petr Hosek 建议使用HTML5 技术类图标。
使用您建议的 WebAssembly 徽标回复此线程。
我们还没有决定我们将如何选择最终标志,但它肯定会在“稳定 MVP”时间附近。
这是一个巧妙的比喻。 FWIW 我一直喜欢 Borland C++ 标志,它
看起来像是拼凑在一起的积木。 “组装”也可以有
那个内涵也是。
2015 年 6 月 3 日星期三晚上 10:34,JF Bastien通知@ github.com
写道:
@sunfishcode https://github.com/sunfishcode为
网页组装:
[图像:图像]
https://cloud.githubusercontent.com/assets/298127/7970689/95aefe64-09f4-11e5-87c8-b67d25f46901.png
它有很好的想法:
- 箭头聚集在一起代表“组装”。
- 聚集在一起的箭头也可以代表编译其他语言
到网络。要是有一些更花哨的东西 / web-y / 设计师-y 就好了,而且
保持中立,因此它属于网络而不是浏览器供应商之一。我团队的 Petr Hosek 建议使用 HTML5 技术类图标
http://www.w3.org/html/logo/ ,并提出以下内容:
[图像:图像]
https://cloud.githubusercontent.com/assets/298127/7970659/70880d2e-09f4-11e5-9c7b-c2134ee7f483.png_还有其他建议吗?_
@lukewagner https://github.com/lukewagner说:
我个人的看法是,箭头的不对称性困扰着我
一点点。 不过,不对称可以在视觉上很好看。 只是抛出一个想法:
如果箭头是对称的,但有 4 个略有不同的箭头怎么办
四个角的抽象形状:建立在“编译到网络”的基础上
上面的比喻,4 个形状将代表 4 种不同的源语言
正在编译(通过箭头)到中心(网络)。—
直接回复此邮件或在 GitHub 上查看
https://github.com/WebAssembly/spec/issues/112。
@BrendanEich还提到他喜欢超级英雄组装的氛围,复仇者联盟的风格。
是的,除了我的 nit,我总体上喜欢指向一起的箭头。 积木是一个有趣的想法; 如果有人有与 HTML5 技术类图标样式相匹配的概念,我会很感兴趣。
Petr Hosek 最初提出以下建议:
@davidsehr指出了那个标志中的一个可怕的缺陷。 我喜欢箭头,但我们绝对应该避免无意中创建一个历史不敏感的标志!
不过,HTML5 技术类图标的想法还是不错的!
我与这里的一些人交谈过,他们建议我们在首次发布之前暂缓使用任何徽标。 这将使我们能够专注于技术,并让我们花时间实际创建一个经过深思熟虑且没有无意中含义的徽标!
@lukewagner嗯,它是 1.0 版(某个时候),它的缩写是 WASM。 此外,到目前为止,典型的 HTML5 技术图标 AFAIK 还没有使用绿色。
编辑:根据(CC BY 3.0)许可并基于HTML 5 徽标
编辑:当我有时间时,将提供像素错误较少的 SVG 版本:p。
@Teemperor如果您不加入 W3C 社区组并具有适当的版权归
@jfbastien我已经在 W3C 社区中了。 该徽标必须在 HTML5 徽标的许可,因为它显然只是重新混合的 HTML 5 徽标。
这是我的 3 分钟截图。
WA之字形怎么样
@Namozag我喜欢它!
(看起来附件不能通过电子邮件工作......)
(快速和肮脏的夫妇)
锯齿形创意的玩法:
玩负空间:
——弗雷德
在2015年6月23日,在13:27,安德烈[email protected]写道:
@Namozag https://github.com/Namozag我喜欢!
—
直接回复本邮件或在 GitHub 上查看https://github.com/WebAssembly/design/issues/112#issuecomment -114450578。
@fstark看不到它们。
看起来您无法通过电子邮件附加图像,因此我将它们添加到原始评论中。 它们是否内联出现?
不
让我用更小的分辨率再试一次。
图 1(锯齿形的变化)
图 2(负空间)
我认为使用 WA 标志可能会令人困惑,因为 Whatsapp 也缩写为 WA。
这里的每个人都非常有创意。 同意避免 WhatsApp 重叠; 还有来自“Clueless”的“whatEVER”的 \/\/ ;-)。
/是
我真的不明白 Whatsapp 的担忧,因为他们的标志看起来像这样 .
另外,全名是 WebAssembly,而不是 wasm 或 wa,所以我不确定混淆会来自哪里。 人们不会开始使用 wa 作为名称。 它只是徽标上的一些随机涂鸦。 重新使用@Teemperor的盾牌理念(可能不是绿色的,以避免 WA 内涵)加上一些涂鸦可以使 WebAssembly 具有直接连接到 HTML5 的可识别外观。 嗯。 以后可以试试。
也许这是一个地区性的事情,但我根本没有将@fstarks的标志与 WhatsApp 联系起来。
此外,正如我发现绿色盾牌用于 PHP(并且 WhatsApp 也是绿色的,正如@fstark 所说),所以我将它重新着色为紫色(并修复了像素错误):
我同意你应该推迟使用徽标。 事实上,我不相信它甚至需要拥有一个。
但是,我确实喜欢构思徽标,而且我喜欢在这里看到的一些设计。 如果有徽标,我认为它应该使用全名 (WebAssembly) 或缩短版本 (wasm)。 在后者中,我建议在视觉上区分 w 和 asm。 此外,建议以某种方式引用它的汇编语言方面。
对@Namozag 的所有标志创意和变化感到惊讶
我似乎更喜欢在文本中包含“wasm”或“asm”的任何内容。
哦,酷,(不是)标志比赛! 并且已经有一些很棒的想法! 好吧,这是我对徽标的看法(试图结合之前的一些想法):
干杯!
@dcodeIO看起来很棒!
@fstark图片 2,干杯!!
@dcodeIO :很好!
也许是这样的;)
我真的很喜欢@dcodeIO 的黑色/绿色!
我喜欢黑色和绿色的。 干杯!
El mié.,7 月 1 日。 de 2015 a la(s) 10:10 am, Jan-Oliver Opdenhövel <
通知@github.com> escribió:
我真的很喜欢@dcodeIO https://github.com/dcodeIO的黑色/绿色
!—
直接回复此邮件或在 GitHub 上查看
https://github.com/WebAssembly/design/issues/112#issuecomment -117662363。
我的子
这个是我最后一个潜艇的重复
我们是否应该举行一次民意调查来决定项目的最佳标志是什么?
你已经讨论了 WebAssembly 的标志很久了,我想是时候结束了。
通过 iPhone 发送
在2015年7月16日,22:36,托马斯[email protected]写道:
我们是否应该举行一次民意调查来决定项目的最佳标志是什么?
—
直接回复此邮件或在 GitHub 上查看。
我没有在图形软件上尝试过任何东西,但是在等待编译时,我有以下想法:
\o/
如果有人愿意扩展这些想法并从这些草图图像中制作真正的徽标,那就太好了!
我喜欢黑色/绿色的@dcodeIO
关于投票的主题,并帮助在此线程中设定期望:我们还没有选择选择徽标的过程,无论这个过程是什么,我认为它会在 WebAssembly 发布(规范和实现)时发生. 话虽如此,我很喜欢这里的想法流,并没有告诉任何人停止的意思,只是没有匆忙或迫在眉睫的决定。
越多越好! 我同意@lukewagner :让我们只在接近 MVP 发布时确定一个标志。 保持创造力直到那时。
永远不会放弃寻找最好的标志!
我不是设计师,但我做了一些涂鸦,并认为我可以分享它们。
它们非常粗糙(错误的对齐方式/比例/字体),但总体思路应该会出现。
让我试试:)
@dcodeIO图像 2 看起来很棒!
@dcodeIO太酷了!!
+1 @dcodeIO
+1 对于@dcodeIO黑色和绿色标志
+1 对于@dcodeIO黑色和绿色
真的很喜欢拉斐尔的第一个
这是我在玩 Krita 时制作的东西。 虽然这个设计已经在我脑海中浮现了几个月:
这是我在玩效果时所做的一个 80 年代的 esk 实验:
大家好,
我只是想将此贡献添加到项目中,请随意使用。
谢谢
当前的 HTML5/CSS/JS 徽标既丑陋又陈旧(因为这些技术也是如此,哈哈)。 拿那个矢量标志——简单、干净、强大和该死的飞行——用它做任何你想做的事情。
我喜欢@Fogaccio的作品
我喜欢@Fogaccio的标志。
@Fogaccio和@jjmiyao的作品很酷!
WASM 文本的灵感来自并感谢 Erik Demaine http://erikdemaine.org/fonts/hined/
注意 W 和 M 是对称的。 (和其他一些角色一样,这会带来更多乐趣。)
用于/建议用于 F#UN FSharp 实验孵化器项目 FSTWASM FSharp To WASM。
这种字体中的每个字母和数字都可以由一个通用铰链链折叠而成,特别是 128 个直角等腰三角形。 特别是,每个角色都有完全相同的区域。 此外,链条可以折叠成一个正方形,用句点表示。 请参阅我们的论文“字母表的铰链解剖”,娱乐数学杂志,31(3):204–207,2003 年。
我是@Fogaccio标志的粉丝。 与几年前创建的一些较旧的 Web 平台 (HTML/CSS) 徽标相比,它干净、易于识别并且感觉更现代。
+1 @Fogaccio的标志,它有漂亮的 ASCII 艺术版本。
\ \ \ /\
\/\/\ \
\ \ \ /\
\ \ \ \
\/\/\ \
\ \ \ /\
\ \ \ / \
\ \ \ \
\/\/\ \
...
@Fogacci ,你有.svg
、 .ai
版本的标志吗?
@mbebenita是的,我愿意.. =]
但是我需要准备好要交付的文件,我会尽快去做
@Fogaccio这方面有什么进展吗?
@kenchris我正在制作资产。
@Fogaccio友好的 ping
嗨@kenchris和@mbebenita ,我即将完成 .svg 和 .ai 资产,我想我会在周五完成。
HTML 标记符号 + AST。
大家好,
只是想让您知道,这里 (https://github.com/Fogaccio/OpenDesign/tree/master/webassembly_identity) 是我之前发送的品牌提案文件。 我希望这些资源能够以最好的方式帮助您。 随意分享想法和建议。
谢谢
@Fogaccio谢谢,这很棒。 我正在查看小图标 16x16 版本:
你认为这可以更清晰一些吗? 此版本的图标可用于 IDE 和其他工具。 我们可能需要此尺寸的徽标的自定义像素艺术版本。 如果您还没有什么想法,我很乐意这样做。
嗨@mbebenita ,我曾尝试对 .ico 进行像素艺术,但没有成功,请随时帮助我做到这一点 =]
我将非常感谢您的帮助
@Fogaccio使用较少的色调(和更清晰的颜色 - 因此与背景/透明/白色的更多合同)可能会使它看起来更清晰
虽然只有 16x16 尺寸,但这有点困难:) 需要仔细选择色调
这是另一个。 它是一个实体对象,由“A”顶部的“W”组成,从一个视图提供一个非常简单的老派像素化 2d 徽标,从另一个视图提供一个 3d 徽标。 这是一个动画gif:
实体对象是在 openscad 中使用以下代码以编程方式创建的
module LetterW(thickness=5,height=20,width=20,col="Chartreuse")
{
color(col) {
union() {
cube([thickness,thickness,height],false);
cube([thickness,width,thickness],false);
translate(v=[width,width-thickness,0])rotate([0,0,90]) union() {
cube([thickness,thickness,height],false);
cube([thickness,width,thickness],false);
}
translate(v=[-1.5*thickness,1.5*thickness,0]) cube([thickness,thickness,height-1.0*thickness]);
//translate(v=[-1.5*thickness,1.5*thickness,0]) cube([2.5*thickness,thickness,thickness]);
rotate([0,0,45]) cube([thickness/sqrt(2),sqrt(2)*1.5*thickness,thickness]);
}
}
}
module LetterA(thickness=5,height=20,width=20,col="Chartreuse")
{
offset=-2*thickness;
color(col) {
union() {
translate(v=[0,0,-height]) cube([thickness,thickness,height],false);
translate(v=[width-thickness,width-thickness,-height]) cube([thickness,thickness,height],false);
/*
translate(v=[0,0,offset]) cube([width,thickness,thickness],false);
translate(v=[width-thickness,0,offset]) cube([thickness,width,thickness],false);
*/
translate(v=[thickness,0,offset])rotate([0,0,45]) cube([sqrt(2)*(width-thickness),thickness/sqrt(2),thickness]);
}
}
}
thickness=5;
height=20;
width=20;
scale=1.0;
$vpr = [0,0,90];
LetterW(scale*thickness,scale*height,scale*width);
LetterA(scale*thickness,scale*height-0.5*thickness,scale*width);
$t = 0.0;
//$vpr = [0, 0, 90];
//$vpr = [$t*90, 0, 90];
$vpr = [90, 0, 90];
$vpr = [90-$t*25, 0, 90-$t*45];
这是二维视图:
这是 3d 视图:
我可以在必要时产生变化并充实资产集。
我为 A 使用了更对称的弯曲横臂:
但我个人更喜欢直横臂,因为A更明显。
@h00gs很有趣,我喜欢你几乎有一个 MC Escher 的事情要做。
我认为扳手可以传达装配信息,并且可以用类似于 WA 的形状制造。
@rfernbach不知何故,你的设计在我看来就像一个维京人:
……我们需要吉祥物吗? :)
嗨@mbebenita在像素艺术中制作图标的挑战如何? ... =]
所以我最初的努力并不完全正确,所以我坚持不懈,并为 A 找到了一个弯曲的横杆,看起来不错。 这是一个动画:
来自Vimeo 上h00gs 的Web Assembly 徽标提案。
主要标志:
与其兄长的比较:
以及可能的 2d 图标的一些变体,带有 3d 视图:
@mbebenita友好的 ping .... :)
我认为@dcodeIO的提交是最简单的, @1l0的想法可能是最好的。
认真地认为https://github.com/WebAssembly/design/issues/112#issuecomment -153463362 有很大的潜力。 非常好!
我一直在想这可能是一个很好的标志:
或者...,由上面的想法组成( @Teemperor和@fstark )
.
:wavy_dash: 或 \/\/\
我以为这个 issue 已经关闭了,多亏了 Fogaccio 的出色工作,不是吗? 而且是 6 个月前。
我不认为抛出更多想法有什么害处:
?
@jiyinyiyong该问题仍被标记为未解决,AFAIK 尚未就该图标做出最终决定或投票,因此我认为欢迎更多图标和衍生作品。
这是我的 WebAssembler Incorporated 标志。
盾牌应该有一个版本号——就像 CSS3 和 HTML5 一样:
重要的是要确保它读作1
而不是I
或l
+ 遵循盾牌形状的必要视角。
我将汇编语言与旧电脑、终端和微处理器联系起来,我希望标志给人一种公司化和笨重的感觉。 我从 W3C 标志中取了蓝色。 蓝色标志的三条亮线可能象征着该项目是 W 3 C 的一部分。
我从@Namozag的提议中获得灵感。 ;)
随附 SVG 版本。 版权归 W3C WebAssembly 工作组所有。
WASM_logo_bulky.zip
+1 @Fogaccio标志但大胆交换
到目前为止,我最喜欢的是@emanuelpalm的。 我真的很喜欢非彩色标志。
这是我的看法
@tsirolnik常见的误解:“_ass_embly”中的“ass”代表“驴”。
webassembly-logo.ai.zip Illustrator 文件,请
我的瑞士教授设计我做这样的标记,所以你去吧。 感谢@andyfleming给我看这个帖子
点代表人(就像在概念原始顶线中一样),W 就像他们的手臂/抽象箭头。 桥(或抽象臂)连接 W 以形成 A
@Fogaccio的设计看起来很棒
不过,像@emanuelpalm 这样的东西在各种尺寸下看起来都非常有用。
64 x 64 像素
1.0.0
在这里,1是超级英雄,他的两个方面都在他身边。 它力求表面上令人愉悦,但其核心却具有独特的强大功能。 超级英雄正在联合(永远)的信息就在那里,我认为,辨别起来更加微妙。
而获胜者是……
首先, @ ratishphilip Logomark完美地传达了汇编语言的二进制 0 和 1,形成了 W 和 A 字母的形状。
在sencond的,@Fogaccio打印商标在外观极好,专业的格式提供想法的卓越的执行力。
我认为两项工作的总和转化了 WebAssembly 项目背后的常识。
这个问题我考虑了很久,修改了几十次,很高兴提交我的提案。
整个工作是开源的,并且完全可用于您可能拥有的任何用途。
+1 @卡洛斯巴
为@carlosbaraza +1! 做得好。
@carlosbaraza如果您要赞美 JS 徽标,使用 WASM 而不是 WA 不是更有用吗? (因为它是它的官方简写和文件扩展名)
@bobajeff我认为 WA 适合这种设计。 JS 也是两个字符,也许一致性是这里的关键。
我的观点是它不一致。 JS 是 JavaScript 的简写,它是文件扩展名,但 WA 两者都不是。
只是想说我认为集成 JavaScript 和 WebAssembly 徽标的想法很棒。
谢谢大家的支持!
@bobajeff ,我明白你关于 WA 而不是 WASM 的观点。 不幸的是,从设计的角度来看,WA 比 WASM 更友好。 你提出的观点会影响这篇文章中的大部分标志提案。
我想创造一些简单易记但同时又充满意义的东西。 这是一项艰巨的任务,相信我,我已经迭代了许多设计,为每个设计都征求了多人的反馈; 试图将其简化为一种设计。
最后,我想我提出了一个标志设计(包括颜色),大多数人对技术人员和非技术人员都反应积极。
顺便说一句,正确解释中显示的将 JS 徽标与 WA 徽标连接起来的想法可以外推到任何其他编程语言。 例如,有一个 GIF 图像,其中顶部徽标语言发生变化,表明 WASM 是编译目标。
无论如何,我对可以改进设计的新想法完全持开放态度。
让我补充一点,当它与文件扩展名相矛盾时,我可以想象看到它被用作文件类型的图标时会感到困惑。
我承认从设计的角度来看,这是一个很难解决的问题,如果不是不可能的话。
只是一个切线,但我们中的一些人故意只使用“Wasm”作为
收缩,因为它少喊叫,“WASM”实际上不是
缩写。
在2016年11月在22:39 7,bobajeff notifications@github.com写道:
让我补充一点,我可以想象看到它被用作
文件类型与文件扩展名冲突时的图标。我承认这是一个很难从设计中解决的问题,如果不是不可能的话
看法。—
您收到此消息是因为您订阅了此线程。
直接回复本邮件,在GitHub上查看
https://github.com/WebAssembly/design/issues/112#issuecomment -258971253,
或静音线程
https://github.com/notifications/unsubscribe-auth/AEDOO8wZepjv-_8mzkKr8cTsVMCl2yQFks5q75qpgaJpZM4E3Dfu
.
@pavel06081991最好的部分是隐藏的笑脸。 非常热情
作为一名设计师,我不得不说@ratishphilip @fstark和@Fogaccio与一个伟大品牌的外观不相上下。 我也附上了一些我自己的想法供考虑,尽管我几乎没有花时间在它们上面。 我认为如果我们由委员会设计,我们应该建议我们应该挑选一位设计师,让他们在一个新线程上迭代并获得社区投票来选择最终的标志。
这是一种探索作为网络DNA的网络组装,以及巧妙地显示WA字母标记。 要做到正确需要更多的改进,但这只是一个简单的概念:
使用http://
和webassembly
的视觉二进制表示可以创建一些视觉上吸引人的设计,我们可能会找到一种方法来使这些设计不那么僵化,并在含义上更微妙一些:
我选择最后一个:w->asm 或 w:asm
我看到一些视觉和概念上优雅的标志被提供; 我担心的是,其中许多不能很好地转换为 IDE 和其他依赖小方形图标的应用程序中的按钮。 是否充分记录了对徽标的要求?
今晚我觉得有点创意,所以我把这些放在一起。 这个概念是“新网络的机制”,带有 JavaScript 黄色的帽子,但采用更朴实的结构色调。
仅徽标 (64x64):
字标 (64x64):
仅大徽标:
大字标:
据我所知,没有什么,只是无政府状态,浪费了很多
人们的时间。
2016 年 11 月 13 日上午 10:55,“arhaasdev”通知@github.com 写道:
我看到一些视觉和概念上优雅的标志被提供; 我的
令人担忧的是,其中许多不能很好地转换为 IDE 中的按钮
以及其他依赖小方形图标的应用程序。 是
对标识的要求是否充分记录?—
你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/WebAssembly/design/issues/112#issuecomment -260163489,
或静音线程
https://github.com/notifications/unsubscribe-auth/ADxwJKMx4yVn5rdJpAUhNwqqj3oPm_mHks5q9nw8gaJpZM4E3Dfu
.
徽标中有 2 个多边形,一个小一个大。 Web 的多边形符号,小多边形 -> 客户端,较大的多边形 -> 服务器。
小多边形中有一个'*',我们应该认为是箭头所代表的“汇编”,编译其他语言。 它也像蜘蛛网和传说中的C指针 -> 客户端,浏览器现在有了C的力量。它也可以像运行网络的轮子一样思考
大多边形中的3个二进制代码是asii代码:
01000010:A
01010011:S
01001101:男
-> 代表字节码语言。
黑色/白色也类似于 0/1、真/假——基本的组装原子。 但它可以变得如此多彩
我使用打字机字体为“WebAssembly”文本表示代码的艺术,汇编语言的起源。
也许如果我们使用这个人的标志,他也可以制作主题曲。 哈哈。
或者也许许可有史以来最好的节目的标志。 它有点像中间的 A。
@carlosbaraza这是迄今为止 IMO 中最好的。 平整干净。 它不会在未来过时,并且不会回复颜色以正确突出。
谢谢@michaelpumo! 我肯定在它上面付出了一些努力,以保持它的简单、干净和有意义。
@卡洛斯巴拉扎+1
尽管如此,只有 qwerty 用户会得到它。
有人想过用蜘蛛做设计吗? 我的意思是,如果 npm 可以有袋熊,为什么 webAssembly 不能由实际的网络创建者代表?
@MWrathDev我害怕在您提出要求后提出建议:)
@MWrathDev其他网络生物呢? 例如帐篷毛虫或蜘蛛螨?
@carlosbaraza Lulz 是的,可能有一些令人不安的,但我在想:
http://aeglys.deviantart.com/art/Baby-Spider-244084448
@TheDigitalNinja原谅我,我对生成网络的其他东西并不太熟悉。
@jjmiyao显然创造了最多🐨T logo
回到游戏中
@kapouer only qwerty :keyboard: 用户认为 wasd 可以本地化,游戏开发人员无论如何都不会费心更改映射,因此任何非英语游戏玩家都因此使用 ALT+MAJ 快捷方式。
@carlosbaraza的设计看起来不错。 它简单、干净且易于识别。
太多的其他设计看起来太忙了。
各位,请保持严肃的建议并在挑战范围内:
还请在评论中清除您的个人收藏夹/收藏夹,因为有一些称为“反应”的奇特事物是专门为此类事物制作的:如果您喜欢徽标,请竖起大拇指; 如果您喜欢徽标,请添加一颗心; 等等。使用 githubs 反应使工作组更容易看到对徽标的支持,并且最少向参与者发送垃圾邮件。
最后一个问题:请确保您提交的徽标与项目许可证(当前为 Apache 2.0)兼容。 这在本期开始时可能没有明确说明,但“许可网络”并不完全是“属于网络”。 我已经看到使用许可证可能不兼容的未指定字体,并暗示某些徽标不是由提交者制作的,因此请确保您提交的徽标具有兼容的许可证。
-MMeent
我向你介绍WEB ASSEMBLY MAN! 他可以做以前没有人想过的事情!
新的网络组装朋克摇滚专辑
有几何缺陷。 可以改进。
概念开放解释,我无法抗拒快速...
如果它只是一只可爱的猫呢?
也许每个人都能记住的简单和最小的东西?
干杯。
非处方药。
我认为这样的事情可以工作。 这个想法是“WEB”在一个单一的、统一的符号中组装和聚集在一起。
我不是专业的标志设计师,但我做这个很有趣。
一个更严肃的给你的享受。
干杯。
非处方药。
请给提交的最后期限,否则这将永远持续下去。 虽然有些人可能认为这是一件好事......
以下是我根据@MWrathDev的建议愚弄的一些概念:
有多少开箱即用的艺术! :微笑::+1:
https://i.imgur.com/g1AacHp.gifv
(我为我的非认真贡献深表歉意)
大家好,
我是这个项目的忠实粉丝,所以我想我也可以提出一个提案。
我试图说明多个部分组合在一起形成一个整体的概念。
我还想通过简单的单色形状和 Helvetica 作为字体来保持现代和中性。
非常欢迎反馈!
谢谢
– 加布
@thinkclay - 这个看起来太像旧的 Microsoft .NET 标志了😛
一个概念有两种形式。
将以下代码粘贴到控制台,找到点赞最多的标志
var thumbsUp = document.querySelectorAll('button[value="+1 react"]')
Array.prototype.reduce.call(thumbsUp ,( p,c )=>{
var pVotes=Number(p.innerText.split(' ')[1]);
var cVotes=Number(c.innerText.split(' ')[1]);
return pVotes > cVotes ? p : c;
}).scrollIntoView()
我喜欢@Fogaccio 的版本
我认为民意调查可能会有所帮助。 https://poll.ly/#/G4bXXkJr
如果您想提交一个,只需将 URL 粘贴到徽标上(我提交了一对我认为不错的)。 但是这里还有很多我没有建议的。
@umuralpay感谢和赞美
rfernbach 提议的棕色版本可用于在盾牌下方创建 W 和 A
我很喜欢@carlosbaraza所做的! 我对这个概念唯一的建设性反馈是玩拼图上的“倾斜”,它似乎相对于盒子大小成比例地小。
我知道你想要更“组装”或“集成电路”的方向,但它确实暗示了“拼图”,所以如果你看看这个谷歌图片搜索,你就会明白我在说什么。 我不认为它的形状应该像拼图那样倾斜(最好是像你所做的那样浸入半点)但也许值得看一个稍微大一点的版本?
编辑:为了清楚起见
我最后一次提交,无法抗拒
这是我的 - 它涉及构建块和终端的概念。
嗯...
@sunfishcode 修改了一个标志
这是一个消防集结点。
按反应对 github 评论进行排序(粘贴在控制台中)
(() => {
const q = (e, s) => e.querySelector(s);
const qA = (e, s) => e.querySelectorAll(s);
const num = e => parseInt(e.nextSibling.wholeText.trim())
const d = document.querySelector('.js-discussion.js-socket-channel');
/* uncomment one of these to sort by */
const sortBy = '+1';
// const sortBy = '-1';
// const sortBy = 'smile';
// const sortBy = 'thinking_face';
// const sortBy = 'heart';
// const sortBy = 'tada'; // (hooray/party icon)
const sbc = `g-emoji.mr-1[alias="${sortBy}"]`;
const els =
Array.from(qA(document, '.js-comment-container'))
.filter(e => q(e, sbc))
.sort((...ab) => ab.map(e => num(q(e, sbc))).reduce((a, b) => a < b))
d.innerHTML = '';
els.forEach(e => d.appendChild(e));
})();
@eagleapex这是一个开源项目,为什么徽标不是其中的一部分?
对不起。 我只是个混蛋。
从我的手机发送
在2016年11月16日,在11:44,加布里埃尔哈雷尔notifications@github.com写道:
@eagleapex这是一个开源项目,为什么徽标不是其中的一部分?
—
你收到这个是因为你被提到了。
直接回复此邮件,在 GitHub 上查看,或将线程静音。
不确定这是否适合西澳,但我喜欢 70 年代的政府。 机构氛围! https://github.com/WebAssembly/design/issues/112#issuecomment -260710158
只是几个粗略的概念。 卷曲大括号作为蜘蛛网,“WA”的灵感来自黑寡妇蜘蛛标记。 如果有人比我更擅长矢量艺术,请随时对其进行润色。
这就是协作和开源项目的力量。 整洁的。
我喜欢@carlosbaraza的版本。
使用官方 JS 标志的互补色是明智的。
我唯一要改变的是缺口。 并且尽可能使用与 JS 徽标上使用的字体接近的字体。
我猜字体是这样的:
http://fontdeck.com/font/okojo/bold
这是我基于此的版本:)
与正在使用的其他 Web 技术相得益彰的徽标将显示 WASM 正在尝试创建的统一性。 https://github.com/WebAssembly/design/issues/112#issuecomment -261135247 是不错的方法,但似乎有点乏味。
@igorbarbashin您是对的,徽标可能不需要缺口。 我会尝试将其删除并找到更接近的字体。 唯一的问题是大多数字体的 W 角与 A 角不同,因此您需要手动编辑矢量以使线条平行。 也应该尊重右边的填充。
我很高兴我的想法成为社区的灵感来源。 我觉得我们正在取得进展,我们很快就会有这个令人兴奋的技术的标志!
@carlosbaraza我认为上面已经选择了一个标志
@mike-healy 选择了哪一个?
@carlosbaraza是的,我也注意到了不同的角度。
我尝试将填充与 JS 徽标上的填充匹配,但是是的,它可以在矢量化阶段修复
我来晚了吗?
这是角度匹配的那个
另一种使用负空间
大量借鉴了 JS 标志——就像这个线程中的其他一些人一样,我仍然认为 JS 是网络的通用语言,所以我喜欢通过坚持使用方形标志和相似的色彩空间来进行视觉联想的想法,因为网络组装是一种网络技术。 也许暗示一致的形式语言?
“Web”从属于 www,我想这并没有明确要求作为子域——我认为很多人在后谷歌时代只是使用他们想要的任何东西,但对我来说保留了很多怀旧之情,我肯定有很多其他人使用互联网。 我也喜欢堆叠 w 的视觉节奏。
“汇编”与“汇编”一起强调,因为它是传统汇编的常见扩展之一。 我想我把它铺得有点厚,也许吧。
文字占据了 JS logo 文字的反负空间,因为我喜欢把它看作是 JS 的一种补充技术,不一定占据同样的空间(字面意思!哈!)。
我选择了浅橙色,因为我认为它适合 JS 的黄色和 Rust 的深橙色之间的色彩空间,并且这三种在我脑海中形成了一系列相关的网络语言。
期待您的反馈意见!
在上一篇文章中,我认为我的概念可以接受,但设计很差,所以我想把它时尚化并放置一个具有相同概念的新概念。
最后一个的~号代表绳子,拉东西的钩子为“组装”。 W~可能是各方面最简单的logo了。
这是我以前徽标的即兴版本
负空间中的 W 被一个圆圈包围,该圆圈代表二进制的 0,而 A 代表二进制的 1。
我喜欢@m-adilshaikh 的芯片标志概念的外观。 我的建议是添加一些核心元素,使其更明确地特定于 WebAssembly。
在矩阵风格:-)
我想我会发布我的设计过程,以防万一有人对设计选择感兴趣。
由于不太熟悉 webassembly,我首先试图重申它的本质是什么。
它最初的想法是创建一些可以编译为低级字节码的东西,不仅可以更好地访问本机执行性能,而且还有助于通过网络进行更好的压缩/传输。 我认为这个想法仍然是它的核心。
我浏览了这里的设计:
一个。 通过设计具有 4 个字母(可能还有一个向量)的东西将难以使用(尤其是在空间较小的用例中)。
湾从我的阅读来看,WASM 没有明确的定义。 我意识到它代表:“Web Assembly Stack Machine”但是:
在 webassembly 主页上,它似乎用于将 wasm 与 webassembly 互换:
然后忽略它是一个重言式(wasm 堆栈机器)的事实,遵循“堆栈机器”链接。 他们似乎在概念上使用讨论(应该是什么)WASM。
WebAssembly 代码可以被认为是一个结构化的堆栈机器; 大多数计算使用一堆值的机器,但控制流以结构化的结构表示,例如块、ifs 和循环。 在实践中,实现不需要维护实际的值堆栈,也不需要实际的控制数据结构; 他们只需要表现得好像他们这样做了。
在最底部的 FAQ 中,它讨论了 WASM 作为一个环境:
在浏览器中,您可以访问相同的 HTML5 和其他特定于浏览器的 API,这些 API 也可以通过常规 JavaScript 访问。 但是,如果提供了 wasm VM...
一个。 WASM:任何可以采用 webassembly 文本格式并对其进行编码的环境(根据父环境可能需要自己的图标?)。
湾 Web Assembly:“人类可读的文本表示”。
作为一个实际示例,请检查Web 程序集主页。 用 WASM 替换“safe”下面的“Webassembly”。
WebAssembly 描述了一个内存安全的沙盒执行环境,它甚至可以在现有的 JavaScript 虚拟机中实现。 当嵌入到 Web 中时,WebAssembly 将强制执行浏览器的同源和权限安全策略。
WASM 描述了一个内存安全的沙盒执行环境,甚至可以在现有的 JavaScript 虚拟机中实现。 当嵌入到 Web 中时,WASM 将强制执行浏览器的同源和权限安全策略。
许多其他设计假设品牌有两个字母 (WA)。 然而A真的有必要吗? 我是一个极简主义者,恕我直言,越简单越好。 他们中的很多人也让我想起了大众汽车:
我搜索了一些流行的品牌/商标(由SVGporn和我的 bing-fu 提供)。 我发现他们中很少有特别是在网络空间中独立的字母 W,因此所有需要做的就是创建一些足够独特的东西来区分自己; Wordpress、Webplatform 等
这些东西与名称中的动词 (Assembly) 相结合,让我想到创造一种使用 2 种形状和 2 种颜色的东西,它们可以被感知为组装/连接。
我开始四处寻找平板字体的灵感。 我喜欢broshK (覆盖在 SIL 下)的外观,取大写 W,在 x 轴上压缩它,然后调整和缝合它以创建一个二元形状复合材料。
并非所有人都同意中间的“中断”是合理的。 我的想法是,它代表了 Web 程序集(以及其他很棒的东西,如 Service Worker)将如何打破 Web 与原生性能的刻板印象。
我觉得@igorbarbashin提出了一个有效的观点:
很多人似乎喜欢紫色搭配 javascript 黄色,因此我做了一个带有 #8a4ff0 的版本,这是一种分裂的互补色,但是我的脑海里闪过另一个想法。
作为此上下文的一部分,HTML / CSS 怎么样? 并不是说它们很快就会停止相关性(请参阅此处)。
没问题,把它从 W3C 网站上拉下来 - https://www.w3.org/html/logo/
JS 的非官方图标 - https://github.com/voodootikigod/logo.js
废话,它实际上没有相关的颜色(根据上面的 w3 链接)它只是一个向后看的方形 3。我能找到的最官方的来源是使用(臭名昭著的蓝色)彩色版本:
CSS3info 图标太小了,听起来很有趣,我依靠微软来实现一个准确的标准。
以下是上述图标中的非中性色: http :
现在根据这个新的上下文/调色板找出合适的颜色。 我想出了一种我称之为光谱完成的技术(听起来比彩虹模式更漂亮)。 沿光扩散模式排列当前调色板(大约):
http://www.livephysics.com/physical-constants/optics-pc/wavelength-colors/
HTML : 红色/橙色
JS : 黄色
CSS : 蓝色
黄色和蓝色(绿色)之间存在间隙。 与效率(能量)相关的名称/颜色绿色,这与 Webassembly 整体上有点共鸣。 访问时间 - http://bada55.io/
(stawpoll?-http://www.strawpoll.me/11698384)
大多数绿色较浅,这意味着我需要较暗的背景以进行对比。 所以我在 JS 非官方 logo 字体中使用了暗中性色。
PS随意分叉/动画,我期待所有疯狂的东西。
2016 年 11 月 21 日星期一上午 6:46,Matthew Rath通知@ github.com
写道:
想我会发布我的设计过程以防万一有人感兴趣
设计选择。不太熟悉 webassembly,我开始尝试
重申它的本质是什么。它最初是一个想法,创建一些可以编译为
低级字节码,不仅可以更好地访问本机执行
性能,但因此也有利于更好的压缩 /
通过网络传输。 我觉得这个想法还是有点停留在
这是核心。
研究 :我浏览了这里的设计:
我认为 wasm 是一种设计,因为:一个。 通过设计带有 4 个字母(可能还有一个向量)的东西
难以使用(尤其是在空间较小的用例中)。湾从我的阅读来看,WASM 没有明确的定义。 我意识到
它代表:“Web Assembly Stack Machine”但是:恐怕你在这里犯了一个常见的错误。 它实际上代表
“怪异的堆栈机”。 :-)
不过说真的,它只是 WebASseMbly 的缩写,而不是首字母缩略词。
在 webassembly 主页上,它似乎用来交替对待 wasm
使用网络组装:wasm 堆栈机被设计为以...
http://webassembly.org/然后忽略它是同义反复的事实(wasm 堆栈机),如下
“堆栈机”链接。 他们似乎使用讨论(应该是什么)
WASM 在概念上。WebAssembly 代码可以被认为是一个结构化的堆栈机器; 机器
大多数计算使用一堆值,但控制流是
以结构化的结构表示,例如块、ifs 和循环。 在
在实践中,实现不需要维护一个实际的值堆栈,也不需要
用于控制的实际数据结构; 他们只需要表现得好像他们这样做了。在最底部的常见问题解答中
http://webassembly.org/docs/faq/#will -i-be-able-to-access-proprietary-platform-apis-eg-android--ios,
它将 WASM 视为一种环境:在浏览器中,您可以访问相同的 HTML5 和其他
也可通过常规 JavaScript 访问的特定于浏览器的 API。
但是,如果提供了 wasm VM...建议定义:
一个。 WASM:任何可以采用 webassembly 文本格式和编码的环境
它(根据父环境可能需要自己的图标?)。湾 Web Assembly:“人类可读的文本表示”。
作为一个实际示例,检查 Web 程序集主页
http://webassembly.org/。 将“安全”下的“Webassembly”替换为
WASM。
原来的WebAssembly 描述了一个内存安全的沙盒执行环境
甚至可以在现有的 JavaScript 虚拟机中实现。 什么时候
嵌入在网络中,WebAssembly 将强制执行同源和
浏览器的权限安全策略。改变了
WASM 描述了一个内存安全的沙盒执行环境,它可以
甚至可以在现有的 JavaScript 虚拟机中实现。 什么时候
嵌入在网络中的 WASM 将强制执行同源和权限
浏览器的安全策略。使用 2 个字母 (WA) 的设计
许多其他设计假设品牌有两个字母 (WA)。 然而
A真的有必要吗? 我是一个极简主义者,恕我直言,越简单越好。 还
他们中的很多人让我想起了大众汽车:我搜索了一些流行的品牌/商标(由 SVGporn 提供
http://svgporn.com/ 和我的冰福)。 我发现他们中的很少
尤其是在网络空间中,字母 W 是独立的,因此所有这些
需要做的是创造一些足够独特的东西来区分自己
从喜欢; Wordpress、Webplatform 等
设计设计为以节省大小和加载时间的二进制格式编码。
http://webassembly.org/
- “以大小和加载时间高效的方式编码”。 意图是
编码/编译/压缩。- “二进制格式”,在技术上,我们将其推断为相对于数据 (0,1)
然而,一般来说,它可以转化为 2 个东西。_这些东西结合名称中的动词(Assembly)使我想到
考虑创建使用 2 种形状和 2 种颜色的东西
被认为是组装/连接。_
字体/形状我开始四处寻找平板字体的灵感。 我喜欢
broshK 的外观http://www.fontspace.com/gluk/broshk (在
SIL),取大写 W,在 x 轴上_压缩_它,然后调整
并将其拼接起来以创建_一个二元形状复合物_。并非所有人都同意中间的“中断”是合理的。 我的
想法是它代表了网络程序集(以及其他
Service Worker 之类的很棒的东西)将打破 web vs 的刻板印象
本机性能
颜色我觉得@igorbarbashin https://github.com/igorbarbashin做了一个
有效点:我喜欢@carlosbaraza的版本。 使用互补色是明智的
官方 JS 标志。
https://github.com/WebAssembly/design/issues/112#issuecomment -261135247很多人似乎喜欢紫色搭配 javascript 黄色
因此我做了一个带有#8a4ff0 的版本,这是一个分裂的免费版本
颜色,然而另一个想法掠过我的脑海。作为此上下文的一部分,HTML / CSS 怎么样? 不像他们只是
很快就会停止相关(见这里
http://webassembly.org/docs/faq/#is-webassembly-trying-to-replace-javascript
)。
HTML5 :没问题,把它从 W3C 网站上拉下来 - https://www.w3.org/html/logo/
JS:JS 的非官方图标 - https://github.com/voodootikigod/logo.js
CSS3:废话,它实际上没有关联的颜色(根据 w3 链接
以上)这只是一个向后看的方形 3. 最官方的
寻找来源我可以找到使用(臭名昭著的蓝色)彩色版本
是 :
- http://www.css3.info/
- MSDN 博文
https://blogs.msdn.microsoft.com/dorischen/2012/10/01/introduction-to-css3-responsive-web-design-training-with-presentationvideo/CSS3info 图标太小了,听起来很有趣,我依靠
微软实施了一个准确的标准。以下是上述图标中的非中性色:
http://www.palettable.io/4f90d6-7aaad9-e34c26-f06529-f0db4f现在根据这个新的上下文找出合适的颜色/
调色板。 我想出了一种我称之为光谱补全的技术
(听起来比彩虹模式更漂亮)。 排列当前调色板
(大约)沿光衍射图样:http://www.livephysics.com/physical-constants/optics-pc/wavelength-colors/
HTML : 红色/橙色
JS : 黄色
CSS : 蓝色黄色和蓝色(绿色)之间存在间隙。 绿色名称/颜色
与效率(能量)相关,与 Webassembly 产生共鸣
作为一个整体。 访问时间 - http://bada55.io/
- #ACC355(访问)
- #B4DA55(坏蛋)
- #C0FF33(咖啡)
- #C0DE25(code25,编码器)
(stawpoll?-http://www.strawpoll.me/11698384)
大多数绿色较浅,这意味着我需要较暗的背景
对比。 所以我在 JS 非官方 logo 字体中使用了暗中性色。
结果[图片:Web Assembly 截图]
https://camo.githubusercontent.com/10fb655d01fa0fe382b1c4c8cdb8387d6e87ff2b/687474703a2f2f692e696d6775722e636f6d2f3450735a377e2svg 代码笔http://codepen.io/MWrathDev/pen/ENWaqN
PS随意分叉/动画,我期待所有疯狂的东西。
—
您收到此消息是因为您发表了评论。
直接回复本邮件,在GitHub上查看
https://github.com/WebAssembly/design/issues/112#issuecomment -261849174,
或静音线程
https://github.com/notifications/unsubscribe-auth/ALnq1NXIHwFgrsqO8XiLBA7NWTGV6O5tks5rATA5gaJpZM4E3Dfu
.
@carlosbaraza你设计的得到了我唯一的赞成票 ;-)
您是对的,徽标可能不需要凹口。 我会尝试将其删除并找到更接近的字体。
我唯一的评论是字体。 缺口是它的绝妙之处,坦率地说,没有缺口,它只是一个盒子,整个概念向南——缺口,创造了与 JS 图标的相互作用,是我点击的原因。
我立即与此联系起来 - 设计简单,干净,非常有争议,适用于小尺寸或大尺寸,并且组合 JS/WA 图标非常棒。 好,扎实的设计工作! :-)
@mindplay-dk 谢谢...真的很感人的评论:)。
现在我知道很多人喜欢这个设计,我会努力改进它。 字体是需要改进的东西之一,可能会寻找更接近 JS 的字体,因为它差异太大。
再次感谢您的反馈:')
@carlosbaraza J 和 S 从这种字体看起来真的很像
http://fontdeck.com/font/okojo/bold
W 和 A 需要一些点移动,但应该是好的开始。
太糟糕了,WA 更宽,不能和 JS 一样高。
@carlosbaraza另外,请记住没有事实上的官方 JS 徽标,即使您所描绘的那个很常见。 如果您很难找到一种与旧 JS 徽标看起来不错的字体,您可以更改它。
实际上,为什么不制作一个完整的 Web Standard 标志周期表,所有的外观都让人联想到黄色的 JS 标志? 与其将 WASM 视为所有构建的基础,不如将其视为周期表中的氢(最不复杂)元素。 想要展示他们使用的标准的网站可以展示所用标准的“分子”。
@emanuelpalm实际上没有官方的 JS :(。
但是,我认为整个社区都将我们在网络中使用的语言识别为 JavaScript,缩写为 JS,并带有一个黄色框框徽标 :)。
即使它只是作为 Netscape 的致敬,大多数人喜欢的黄色标志中也有一些正确的东西。
基于 4 月 1 日发布的 1|0 人的理想,我删减了很多,并投入了一些我的想法。
我也修改了一些我的东西
.
还有一个 ;))
大家好。
我只想添加我的 WebAssembly 徽标变体(到您的收藏)。
其他:
画了我 2 分钟
@imvetri
我修改了您最多 +1 的脚本以滚动到父级,以便您可以看到被点赞的图像,而不仅仅是竖起大拇指的图标👍
var thumbsUp = document.querySelectorAll('button[value^="+1"]');
var icon = Array.prototype.reduce.call(thumbsUp, (p,c) => {
let pVotes = Number(p.innerText.split(' ')[1]);
let cVotes = Number(c.innerText.split(' ')[1]);
return pVotes > cVotes ? p : c;
});
var comment = icon.parentElement.parentElement.parentElement.parentElement.parentElement;
comment.scrollIntoView({behavior: 'smooth'});
大家好,我通过全新找到了这个页面,并受到了项目和每个人的工作的启发,所以这是我的概念和一些描述。
组装的定义(将制造的零件组装成一个完整的结构)让我想到了用简单的形状构建一个标志的想法。 阅读有关 WASM 的更多信息使我想到了将二进制表示为正方形和圆形以及两者的组合/更改的形状的想法。
这些成为了我的积木:
从这些块我想出了这个:
然后我环顾四周寻找一种字体来赞美我构建的形状并想出了这个锁定:
两种颜色:
这就是我的概念。 我期待听到大家的一些反馈。 我将尝试为正在构建的徽标设置动画。 稍后我会尝试发布。
@pchester不错的概念。 如果您可以将 A 的“圆顶”进一步降低,以便徽标适合正方形,那就太好了。 像这样
我在 W 的顶部内侧添加了小曲线,以支持负空间中 A 的顶部曲线。
@pavel06081991看起来像 KKK 成员:+1:
否则,我更喜欢这个:
编辑:这是ofc,不是我的提交,而是@Fogaccio发送的内容的
嗨,我以为你可以使用徽标的动画版本,所以我做了一个。 这里是:
@BartoszBaczek好吧,互联网是为了分享猫的剪辑,所以很有意义。 非常 90 年代的设计:+1:
谢谢@alexhultman ... =]
@BartoszBaczek我认为明智的做法是制作带有猫和闪光动画的“由 WebAssembly 提供支持”的老式徽章 gif,以投放到我们的网站上
@ratishphilip感谢您的反馈。 我可以欣赏使图标适合正方形的想法。 为了可用性,将图标/徽标整齐地放入正方形或圆形中始终是一个好主意。 我不喜欢“A”看起来有多短,但一旦它被缩小以适应“W”。
@pchester使其方形的主要原因是使其能够用作应用程序中的图标。 在我建议的版本中,W 和 A 的高度现在几乎相等。
嗯,这只是我这边的一个建议。 :) 我们都在合作想出一个能最好地定义 Web 程序集的标志。
到目前为止,篮子标志中的小猫是我最喜欢的。 @BartoszBaczek在 w3c 中的使用是否清除了版权问题?
@bobajeff嗯,这是一张猫的照片,就像几乎所有其他猫的照片一样,都是在互联网上找到的。 我不知道。
我觉得猫缺少这个背景声音: https :
@alexhultman您的图标已在 JSconf 新加坡使用
https://github.com/WebAssembly/design/issues/112#issuecomment -264784261
请在 9:28 观看以下剪辑
就像我说的不是我的
@MWrathDev这些评论具有误导性。 该条目由@Fogaccio 在上面提交
_拥抱蝎尾狮_
理想是:
但它看起来很糟糕,所以我用另一个概念改变了它。 我添加了一些智能手机。
.
.
.
@olalonde
:))
简化可能太多了,但理想的做法是做到极致但仍保持意义。 简化的图标仍然保留了一些重要的概念,包括W形,javascript被包裹在里面或者它是核心。 也看到了一个块里面的块,模块里面的模块。 它还有等待点击的按钮。 我想我会把它放在不对称的位置,代表服务器 - 客户端环境的动作。
我还制作了另一个简化版本。
来源: https :
@lukewagner ,这是我提案的 CC 许可存储库:
@carlosbaraza 到目前为止,这仍然是我最喜欢的提议! 只是一个小评论:为什么 WA 的字体大小比 JS 小? 它以某种方式使它看起来不那么重要。
@carlosbaraza我也喜欢这个。
我认为从 WA 上升到 JS 的第二个缺口将有助于说明两种技术的相互联系(它们可以相互调用视图导入/导出)并平衡每种颜色的区域。 这可能需要将 JS 文本推到顶部或将两个文本都居中,以实现对称...
编辑:我这样说是因为在不考虑 IC 示例的情况下,我倾向于将 JS/WA 组合视为两个相互连接的拼图。
80年代风格!
为https://github.com/WebAssembly/design/issues/112#issuecomment -272718893 投票
简单,有故事👍
最初我决定强调“WebAssembly”这个词作为一个整体是一个标志,但它不会是唯一的。 所以我决定为 WebAssembly 设计一个冷漠的标志,但话说回来,它要么看起来太复杂,要么企业化,这不是它主要用途的优势。 最后,我尝试使用激发我提交的 HTML5 徽标。
建立在 HTML5 已经很受欢迎且功能强大的标志之上。 这是 HTML5 徽标的派生。
另一个开发工具片段,按受欢迎程度显示评论:D。 这个将所有内容打印到控制台,如下所示:
PS:看起来@Fogaccio的标志已经在野外使用了https://simpleprogrammer.com/2016/05/25/webassembly-finally-freed-javascript/
(() => {
// get all the comments that have thumbs up + images, sorted by most thumbs up
var comments = ($ =>
$(document, '.timeline-comment-wrapper')
.map(comment => { return {
element: comment,
thumbsUp: $(comment, 'g-emoji[alias="+1"]')
.map(gemoji => parseInt(gemoji.parentNode.innerText.replace(/[^0-9.]/g, '')))
.filter(num => !isNaN(num))
.pop()
}})
.filter(comment => comment.thumbsUp)
.sort((a, b) => b.thumbsUp - a.thumbsUp)
.map(({element, thumbsUp}) => { return {
author: $(element, '.author').shift().innerHTML,
thumbsUp: thumbsUp,
images: $(element, '.comment-body img')
}})
.filter(({images}) => images.length)
)((e, q) => Array.prototype.slice.call(e.querySelectorAll(q), 0))
// add padding to all the author names so they line up when we print them out
var longestNameCount = comments.reduce((a, {author}) => author.length > a ? author.length : a, 0)
comments.forEach(comment => {
for (var i = comment.author.length; i < longestNameCount; i++) comment.author += ' '
})
// print everything in nice collapsed groups
comments.forEach(({author, thumbsUp, images}) => {
console.groupCollapsed(author, '=', thumbsUp)
images.forEach(image => console.log(image))
console.groupEnd()
})
})()
请前往#980 对最佳提交进行投票!
我觉得简单地拿前 5 名有点不公平,因为它有利于很久以前提交的人,而不是实际最合适的提交。
@g-harel 感谢反馈。 在这种情况下,该线程非常有争议,以至于这是我们能想出的最公平的方法。 此外,直到去年 3 月才引入反应,所以我认为较早的提交并没有太多的领先优势。
@s3ththompson我更具体地指的是 11 月在 reddit 上的一个线程,该线程对这个问题给予了很多关注(这就是我了解这一点并最终提交的方式)。 由于当时有大量的人涌入,已经在那里的提交得到了很多关注,但新提交的却没有得到类似的机会。
@s3ththompson您能否关闭对此问题的评论,以便此线程中的人们不再收到垃圾邮件,然后每个人都可以对#980 进行投票🥇
最有用的评论
大家好,
我只是想将此贡献添加到项目中,请随意使用。
谢谢