月份:2015年10月

安装完Ubuntu 15.04桌面后要做的15件事

本教程适用于在自己的电脑上安装了 Ubuntu 15.04 “Vivid Vervet” 桌面的新手,这里会告诉你安装之后应该做哪些事情,来自定义你的系统和安装一些基本程序作为日常使用。 1. 启用Ubuntu额外软件库并更新系统 在刚装好Ubuntu之后你应该要关心的第一件事是启用Canonical的官方合作伙伴提供的Ubuntu额外软件库,并且通过最近一次的安全补丁和软件更新来保持系统是最新状态。 要完成这一步,依次从左边菜单中打开System Settings -> Software and Updates工具,并检查所有Ubuntu软件和其他软件库(Canonical 的合作伙伴所提供),点击关闭按钮并等待重新加载缓存源树。 软件更新 其它软件(Canonical 合作伙伴) 为了快速而顺畅的更新,打开终端并输入以下命令来让系统使用新软件库:… Read More

iTerm – 让你的命令行也能丰富多彩

今天要给大家介绍一个工具: iTerm。这次我们讲的和开发技术无关,只是一个工具。但虽然是一个工具,却能让你的功力提升一个层级。下面我们就来一看究竟。每一位开发者都难免要用到命令行,从 git 版本库操作,到运行一些脚本,都离不开命令行。虽然现在的图形界面已经很强大了,但在很多情况下,使用命令行仍然是最快捷的方式。 iTerm 简介 iTerm 是一款完全免费的,专为 Mac OS 用户打造的命令行应用。我们可以打开它的官方网站看一看 www.iterm2.com: iTerm – 让你的命令行也能丰富多彩 很有极客风格吧,我们可以点击 Downloads 进入下载页面,选择一个适合你系统的版本,我们这里下载 2.9 版本,这也是做出重大改进的一版:… Read More

网页性能管理详解

你遇到过性能很差的网页吗? 这种网页响应非常缓慢,占用大量的CPU和内存,浏览起来常常有卡顿,页面的动画效果也不流畅。 网页性能管理详解 你会有什么反应?我猜想,大多数用户会关闭这个页面,改为访问其他网站。作为一个开发者,肯定不愿意看到这种情况,那么怎样才能提高性能呢? 本文将详细介绍性能问题的出现原因,以及解决方法。 一、网页生成的过程 要理解网页性能为什么不好,就要了解网页是怎么生成的。 网页性能管理详解 网页的生成过程,大致可以分成五步。 HTML代码转化成DOM CSS代码转化成CSSOM(CSS Object Model) 结合DOM和CSSOM,生成一棵渲染树(包含每个节点的视觉信息) 生成布局(layout),即将所有渲染树的所有节点进行平面合成 将布局绘制(paint)在屏幕上 这五步里面,第一步到第三步都非常快,耗时的是第四步和第五步。 “生成布局”(flow)和”绘制”(paint)这两步,合称为”渲染”(render)。 网页性能管理详解 二、重排和重绘… Read More

设计师必读的15个响应式网页设计教程

@陈子木 响应式设计是由著名网页设计师Ethan Marcotte在2010年5月提出的设计概念,随后席卷前端和设计领域,成为了如今网页设计的大趋势。正如同Ethan所说:“响应式网站设计提供了一种全新的选择,这种基于栅格布局和CSS3的流动性网页设计,可以让网页随着屏幕变化而响应。这是一种更为统一,更加全面的设计技巧,一种打破网页固有型态和限制的灵活设计方法。” 这种兼顾多屏幕多场景的灵活设计,这就是响应式设计令 人着迷的所在。这一点和编程开发领域所追求的“一次编写,到处运行”有着异曲同工之妙。所以它在短短几年内迅速火起来,然后成为大趋势,可以说是意料之 中,水到渠成。响应式设计的网页现在已经很多了,而相关的教程也是数不胜数。国外的设计博客Pixel77搜集了15篇优秀的响应式网页设计的教程,让喜 欢钻研的你来学习。 更多关于响应式网站的文章: 《紧跟潮流!30个新鲜的响应式网站欣赏》 《最热门工具推荐!为响应式网站而生的40款栅格神器》 《干货!如何在响应式网页中安置和处理图片及视频》 现在先简单介绍一下这15个教程,随后优设会挑选其中比较突出的文章单独翻译出来。现在,大家就先睹为快吧! 1、响应式网页设计:它是什么以及如何使用(作者Kayla Knight) 设计师必读的15个响应式网页设计教程 Kayla Knight的这篇文章是非常不错的入门基础教程。Knight会引导你了解响应式设计的基础知识,让你明白它的基本原理。如果你想着手设计响应式网页,这篇文章会告诉你应该从何处下手。 2、响应式网站导航(作者 Thoriq Firdaus)… Read More

响应式网页设计应该注意的9个原则

响应式网站越来越受到大家的欢迎,有利也有弊的因素。它没有固定的页面尺寸、没有毫米或英寸,没有任何物理限制,让人感到无从下手。下面就和大家分析如何运用响应式web设计的各项基本原则来实现。为了简单起见,就说说响应式网站的布局。希望对你有所受益。 1、Web字体Vs系统字体 想 让自己的网站拥有炫酷的Futura或Didot效果吗?那就是用web字体吧。尽管web字体看起来很炫酷,但你要记住,这些字体都需要用户下载,字越 多,用户加载页面的时间也就越长。另一方面,系统字体加载速度则快得多(前提是用户本机就有),但太过普通。这里有很多适合制作web的网页字体。 2、移动优先还是台式桌面优先 严格来说,项目从小屏幕入手过渡到大屏幕(移动优先),还是从大屏幕入手过渡到小屏幕(台式桌面优先)区别不大。但是,从移动端着手可以给你带来一些额外的限制,帮助你进行决策。通常情况下大家会从两方面同时着手,所以你还是要看哪种方式最适合你。   响应式网页设计应该注意的9个原则 响应式网页设计应该注意的9个原则 3、响应式设计Vs自适应网页设计 看似相同实则不然。这两种设计方式彼此相辅相成,所以说也没有对错之分。具体情况要依内容而定。 响应式网页设计应该注意的9个原则 4、内容流 随着屏幕尺寸越来越小,内容所占的垂直空间也越来越多,也就是说,内容会向下方延伸,这就叫做内容流。如果你习惯了使用像素和点进行设计,可能会觉得这个有点难掌握。不过没关系,习惯了就很好理解了。 响应式网页设计应该注意的9个原则 5、相对单位 你 的设计对象可能是台式桌面,也可能是移动端屏幕或者介于两者之间的任意屏幕类型。像素密度也会彼此不同,所以我们需要使用灵活可变,并且能够适应各种情况 的单位。那么在这种情况下,百分比等相对单位就派上用场了。使用百分比时,我们说宽度50%就是表示宽度占屏幕大小(或者叫视区,也就是指所打开浏览器窗… Read More

Shopify 英文(多国语言)国际网店 注册指南

点击这里 快速注册 shopify 英文网店 可以获得14天免费试用,注册完成后 您可以设置您的网站,添加您产品,快速预览你的网店 , 开启国际电子商务之旅注册时注意以下几点 1 . 注册时使用的管理员邮箱,与paypal账户同一个邮箱,默认注册完成后绑定你的paypal账户 2.  在安装时 选择 shopify online store system 可以同时使用 shopify… Read More

Shopify:管理一个顶级域名绑定shopify网店

你可以进入你的域名管理界面- Domains page: 登陆你的shopify 管理员账户,, 点击 Online Store: Shopify:管理一个顶级域名绑定shopify网店 然后点击 Domains: 添加你的域名 Shopify:管理一个顶级域名绑定shopify网店 Shopify:管理一个顶级域名绑定shopify网店 这个时候你已经设置完成   本文:Shopify:管理一个顶级域名绑定shopify网店… Read More

shell中的括号(小括号,中括号,大括号/花括号)

一、小括号,园括号()   1、单小括号 ()     ①命令组。括号中的命令将会新开一个子shell顺序执行,所以括号中的变量不能够被脚本余下的部分使用。括号中多个命令之间用分号隔开,最后一个命令可以没有分号,各命令和括号之间不必有空格。     ②命令替换。等同于`cmd`,shell扫描一遍命令行,发现了$(cmd)结构,便将$(cmd)中的cmd执行一次,得到其标准输出,再将此输出放到原来命令。有些shell不支持,如tcsh。     ③用于初始化数组。如:array=(a b c d) 命令替换$(cmd) 命令替换$(cmd)和符号`cmd`(注意这不是单引号,在美式键盘上,`是ESC下面的那个键)有相同之处 $ ls a b c $ echo $(ls) a… Read More

给程序员的VIM速查卡

前几天酷壳发布过“vim简明攻略”,不知道大家练得怎么样了。如果你练了一下,那么这里这个速查卡就会对你有帮助了。以前本站也有过一个(vim速查卡),不过其太简单了。我觉得这个很不错,很全,很直观。这个速查卡来自这里。其用颜色标注了级别:   Green   = 存活级   Yellow   = 感觉良好   Orange   / Blue = 高级   Red   = 专家级 下面的图片点击可以看大图: 给程序员的VIM速查卡 你还可以下载PDF版的和Excel版的,如果你是色盲的话,还有蓝色版PDF的。如果你不是很喜欢的话,这里还有几个: http://www.viemu.com/a_vi_vim_graphical_cheat_sheet_tutorial.html http://tnerual.eriogerg.free.fr/vim.html… Read More

游戏:VIM大冒险

不知道大家是否还记得“Vim简明攻略”呢?你是不是对Vim的那一大堆热键很头痛呢?现在好好,下面这个游戏是一个使用VIM热键玩的游戏。你可以在玩游戏的过程中熟悉Vim的热键。 你可以点击图片,或是图片下的网址打开这个游戏 http://vim-adventures.com/ 游戏:VIM大冒险 我试玩了一下这个游戏,真的很不错,下面是一些我给的游戏攻略。 第一关,场景一,首先是使用vim的h, j, k, l四个键来控制方向。(如果你妄图使用光标键的话,系统会出现黄色警告的)你需要使用h, j, k, l 四个方向走到图的右边,找到一把钥匙。(注意:迷宫墙上有些斜面,你可以通过斜面),找到钥匙后,钥匙会出现在你的右上角的位置,示意着你的光标要向那个 方向移动,当你到达一个门的时候,会自动开门,进入第二关。 第二关,每一关的小人都会给你一些英文提示,教你怎么玩。关于第二关,你会看到你过不去,小会提示你,那些绿草地就向我们文件中的行,你在行上按 上下键,光标会在这一列上移动,如果这一下面的一行没有这么长,光标会到行尾。这个vim的特性会告诉我们如何过这一关——移到最上面的行尾(因为是最长 的可以越过最下面的障碍),然后按下光标键,到最后一行时你就会发现光标已经过了阻碍。如此通过第二场景,达到一个小人后,按下键,进入第二关。 第三关,我们可以看到地图上有很多的字母,我们还可以看到有两个键,一个是w,一个是e,我们可以把光标移到w上吃到w后,我们就可以使用w键了 ——以单词为单位移动光标,这样,我们就可以吃到e了和第一把钥匙,我们按w和e我们就可以看到这两个按键都是以单词为单位移动光标的,一个是单词头,一 个是单词尾(参看我以前给大家的vim按键速查卡)。然后,我们在最后一行通过单词跳跃到最右边吃到b——… Read More

程序员技术练级攻略

月光博客6月12日发表了《写给新手程序员的一封信》,翻译自《An open letter to those who want to start programming》,我的朋友(他在本站的id是Mailper)告诉我,他希望在酷壳上看到一篇更具操作性的文章。因为他也是喜欢编程和技术的家伙,于是,我让他把他的一些学习Python和Web编程的一些点滴总结一下。于是他给我发来了一些他的心得和经历,我在把他的心得做了不多的增改,并根据我的经历增加了“进阶”一节。这是一篇由新手和我这个老家伙根据我们的经历完成的文章。 我的这个朋友把这篇文章取名叫Build Your Programming Technical Skills,我实在不知道用中文怎么翻译,但我在写的过程中,我觉得这很像一个打网游做任务升级的一个过程,所以取名叫“技术练级攻略”,题目有点大,呵呵,这个标题纯粹是为了好玩。这里仅仅是在分享Mailper和我个人的学习经历。(注:省去了我作为一个初学者曾经学习过的一些技术(今天明显过时了),如:Delphi/Power builder,也省去了我学过的一些我觉得没意思的技术Lotus Notes/ActiveX/COM/ADO/ATL/.NET ……) 前言 你是否觉得自己从学校毕业的时候只做过小玩具一样的程序?走入职场后哪怕没有什么经验也可以把以下这些课外练习走一遍(朋友的抱怨:学校课程总是从理论出发,作业项目都看不出有什么实际作用,不如从工作中的需求出发)… Read More