1.你见过哪些奇趣的耐克耐克代码注释?
2.六大标志性的开源形象概览
3.nestable lists 如何禁止拖动
你见过哪些奇趣的代码注释?
最近我看到一篇文章,呼吁程序猿分享见过的源码源码最有趣的代码。我看到了各种有趣的官网评论,我想和大家分享。耐克耐克当古格公司的源码源码联合创始人之一谢尔盖·布林(sergey brin)在斯坦福大学(Stanford university)攻读计算机科学博士学位时,他的官网斋主macd源码简历没有包括任何“治疗要求”(目标)。但是耐克耐克当你去看他的简历时HTML源代码,你会看到(在他的源码源码简历中,HTML源代码清楚地写了“薪水”,官网只是耐克耐克使用注释笔记,并且不在浏览器页面显示):
(“薪酬要求”是源码源码:办公室越大,钱越多,官网工作越少越好。耐克耐克如果你能去梦幻的源码源码地方旅行,得到补偿,官网那就更好了。
我有个坏习惯。每当我看到一个好的源码安装mysql启动网站,我就会回到控制台查看它的源代码。我想很多前端工程师都喜欢这样做。
我订购了Box8服务,并在他们的控制台上看到了以下信息。伙计们,他们在控制台/源代码中招聘广告。我受够了广告。你不能做点新鲜事吗?
你可以看到Box8的控制台。
我不知道有多少人熟悉这个网站的Robots.tx文件。这个文件不是一个必要的代码,但是它声明了爬虫/搜索引擎可以爬到这个站点。
我在Nike网站上发现的Robots.txt文件非常有趣,如下所示
如果你读了文件标题的内容,你会发现它是这样写的:
“just crawl it”
这与耐克品牌的著名口号“Just Do It”不谋而合。
最近Nike修改了他们的代码文件,并在里面加了这个图案。
六大标志性的源码包安装gitlab开源形象概览
品牌在营销中扮演着重要角色。一旦品牌建立并产生一定影响力,一个简单的Logo,如耐克的旋风,就能成为品牌强大的宣传工具。在美国各州间穿梭,你会看到各种品牌描述的标志符号,如麦当劳的金色拱门。即使是最简单的颜色组合,如美国弗吉尼亚理工大学的栗色和橙色,也能够作为一个品牌,这种独特的颜色组合很难被混淆。
因此,我们的问题是:开源社区的品牌是否真的那么重要?
对我和其他许多人来说,答案是肯定的,非常重要。开源软件与付费软件竞争,它必须被视为一个实际可行的淘宝首页ps源码替代品,并且需要让人易于记忆并形成一定的影响力。如果开源软件项目以设计不佳的Logo、糟糕的口号、前后矛盾的信息来表现自己,那么它很难引起大众注意、难以记住并得到广泛使用。
现在有许多项目在这方面做得很好,我们可以从中获取灵感和指导方法。以下是我最喜欢的六个开源品牌。
Linux的Tux吉祥物
Tux是Linux企鹅的昵称,人们通常将其称为吉祥物而非Logo。Tux是由Larry Ewing在年使用GIMP 0.创建的。据Jeff Ayers讲述的故事:自年Linus Torvalds在澳大利亚动物园被企鹅咬了一口后,他就特别钟爱它们。Torvalds当时正在为Linux寻找一个有趣的形象,他认为一个饱食后正在休息的胖企鹅是一个不错的选择。Tux出现在视频游戏和麦片广告中,物质装车计算 源码甚至有一个叫做Gown的异性同伴。正如Mac用户熟知那个被咬了一口的苹果、Windows用户熟知那个飘动的窗口那样,作为Linux用户,你肯定也非常熟悉Tux。
Mozilla的品牌重建行动
Mozilla基金会是一个非营利组织和自由软件社区。最近,它完成了品牌重建行动,其创意团队负责人Tim Murray这样写道:“该项目的核心就是应让人们更好地理解Mozilla自身的目的和商标的需求而生。我们的品牌标识,包括Logo、口号及其设计,是我们用以传递我们自身的信仰和所做的工作的重要信号。”以真正的开源方式,Mozilla邀请所有的人为项目贡献自己的力量。“数千个电子邮件、数百场会议、几十种理念,以及之后的三轮讨论,我们把自己的想法都分享了出来。”但是,他们仍然遵循指导方针进行,并需要你参与到贡献中来。
Firefox的Logo
Firefox是Mozilla开发的一款旗舰级软件产品,是一个非常受欢迎的Web浏览器。Firefox中的“fox”实际上是一只小熊猫(亦称“红熊猫”、“火狐”),这是一种中国本土的像猫一样的真实动物。故事是这样的:Firefox原本有个“Phoenix”的别称,表明它是由Netscape浏览器发展而来的。但在经历了Phoenix科技的商标起诉之后,它更名为Mozilla Firebird。然后,Firebird RDMS项目说它给其自己的项目带来了歧义,其名称最终在年月变更为Mozilla Firefox。
平面设计师Steve Garrity对Firefox和Phoenix早期的Logo作出了批评,在“品牌化Mozilla:走向Mozilla 2.0”一文中详细阐述了各种缺陷。因此,Mozilla邀请Garrity来领导更好的品牌化工作。新的形象是由silverorange开发出来的,但最终的渲染是由Jon Hicks完成的,他也为Camino、MailChimp和Opera进行过品牌化工作。
GIMP的Logo
GIMP的Logo是由Tuomas Kuosmanen在年月日创建的Wilber the GIMP。GIMP是GNU图像处理程序(GNU Image Manipulation Program)的缩写,主要用于相片修整和图像处理。Wilber现在已经有了一些配饰,比如Simon Budig设计的一顶安全帽、Raphaël Quintet设计的巫师帽。根据GIMP的“链接到我们”页面,它高度鼓励人们使用Wilber,你甚至可以在源代码中的/docs/Wilber_Construction_Kit.xcf.gz获得Wilber的构建素材。
那么,Wilber到底是什么生物呢?这无疑是一个值得热烈讨论的问题。在gimper.net上的一个论坛上,众说纷纭:一种产于北美大草原的小狼(coyote)、熊猫、狗,或者“高飞”(Goofy)的一种衍生形象,仅举几例。而GimpChat.com上一位叫做TheWarrior的用户直接发邮件给Wilber的创造者Kuosmanen,被告知说“Wilber是一种独立物种的动物——就叫‘GIMP’。什么是GIMP,这是个玩笑,因为人们一直在问,说它是一只狗、狐狸或者其他什么的就太没意思了。我设计的这个形象的时候,在我脑袋中并没有特定哪种动物原型。”
PostgreSQL的Logo
正如你所见和熟悉的那样,使用动物头像来做Logo非常普遍。
一只名为Slonik的大象就是PostgreSQL的Logo的一部分,这是一个开源的关系型数据库管理系统(RDMS)。Patrycja Dybka在Vertabelo上写过博文,解释了这一名称是由俄语单词的大象(slony)演化而来的。Oleg Bartunov也说过,这个Logo是在一个邮件讨论中初步形成的。在讨论中,在费城圣约瑟夫大学的David Yang建议使用大象:“……但如果你想要一个动物头像的Logo,那么使用某种大象如何?毕竟就像阿加莎·克里斯蒂(侦探小说家Agatha Christie)说的那样,大象让人印象深刻。”
VLC媒体播放器的Logo
该Logo不再是动物主题,而是交通锥筒。
VLC是一款无处不在的媒体播放器,它神奇地出现在很多人的桌面电脑上,让很多人体验到了开源,即使不知道它是开源的。VLC是由总部在法国的VideoLAN组织支持的VideoLAN项目的产物。VideoLAN源自年在法国中央理工大学的一个学生项目。根据维基百科的描述,这个交通锥标图标参考了由法国中央理工大学的网络学生协会收集自巴黎街道上的交通锥筒。最初的手绘Logo在年由Richard Oistad重新进行了渲染。
一些有趣的花絮:
我们是否完全解答了VLC的交通锥筒起源的问题了呢?我个人觉得:那就是“星期六夜现场”的尖头外星人。他们就是来自法国的,记得吗?确切地说是来自Remulak星球。
我很期待看到你关于自己喜欢、讨厌以及为它所代表的品牌而倍感激动的那些开源Logo的评论。
nestable lists 如何禁止拖动
我改了下源码,加了个allowDrag的属性$("#showModuleInfo").nestable({ allowDrag:false}) //禁止拖拽
加了个refresh的方法,主要用在自己append节点的时候,前面的+-button能刷出来
$("#moduleInfo").nestable("refresh");//
这里传不了附件,把改动截图贴上来了,自己对着jquery.nestable.js改一下吧,框起来的是我动过的,没框的都是原来的
var defaults = {
listNodeName: 'ol',
itemNodeName: 'li',
rootClass: 'dd',
listClass: 'dd-list',
itemClass: 'dd-item',
dragClass: 'dd-dragel',
handleClass: 'dd-handle',
collapsedClass: 'dd-collapsed',
placeClass: 'dd-placeholder',
noDragClass: 'dd-nodrag',
emptyClass: 'dd-empty',
expandBtnHTML: '<button data-action="expand" type="button">Expand</button>',
collapseBtnHTML: '<button data-action="collapse" type="button">Collapse</button>',
group: 0,
maxDepth: 5,
threshold: ,
allowDrag:true
};
---------------------------------------
if(this.options.allowDrag){
list.el.on('mousedown', onStartEvent);
list.w.on('mousemove', onMoveEvent);
list.w.on('mouseup', onEndEvent);
}
--------------------------------------
refresh:function(){
var list=this;
list.el.find(list.options.itemNodeName).each(function() {
$(this).children('[data-action]').remove();
if($(this).find(list.options.listNodeName).children().length>0){
list.setParent($(this));
}else{
list.unsetParent($(this));
}
});
},