月度归档:2013年05月

10 款漂亮实用的 Web 设计素材

本文是一些来自极客标签社区的10款免费设计素材,大家可以在这里免费下载你需要的内容。如果你也有更好的作品,欢迎分享,在得到帮助的同时,也能与更多人分享来自你的作品。

1.  分享苹果手机外观的模板(psd)

推荐几款手机模板,希望大家喜欢!

2.  音乐播放器按钮(PSD格式)

一个免费的PSD格式的音乐播放器设计(PSD格式)

3.  刷卡式的滑动,更快,更准…… 一款图片切换插件

一款图片切换插件。

4.  喜欢简单巧妙的动画仪表盘么?

看看甜甜圈吧,一个基于jQuery的插件Larentis Mattia开发的。

5.  支持Retina的免费图标集

一套免费的图标集,包含了375个图标,针对retina显示优化!

6.  一套免费的笑脸图标 – Simple Smileys

如果你需要一套简洁的笑脸图标的话,Simple Smileys可能就是你需要的,提供了PNG格式图标,免费个人和商业使用!

7.  分享一款基于jQuery的自动提示插件——magicsuggest.js

一款基于jQuery的自动提示插件。

8.  Ribbon – 免费的网站设计PSD

今天分享一个超棒的PSD格式额网站设计,典型的retro复古风格,并且拥有一个漂亮的彩带,相信大家会喜欢的!

9.  一套免费的wordpress post format格式的图标(支持Retina)

Post formats是wordpress的一个主题特性(theme feature),最早在Version 3.1中被引入。post format是一段meta信息,可以被一个主题用来自定义一个发布的展现形式。这套透明的PNG格式图标可以非常协调的使用在任何背景中,来自于设计师:Natko Hasic。 个人和商用都免费!

10.  一款地图 Markers (PSD)

一款地图Mark图标,psd格式。希望大家喜欢!

Via 极客社区

莫名的死意

发布于2013-05-28 08:50:42
女人啊,真是这个世界上最奇怪的物种,你永远无法彻底弄懂她们,这个时候你唯一能做的就是不要试图再去做任何的努力去把自己装得像是了解她们一样。

A woman has to live her life, or live to repent not having lived it.

——D.H. Lawrence

Minecraft开发者Notch获得索尼赠送的金色PSone

大快人心:PSY在意大利杯决赛上被观众喝倒彩

 

Windows RT广告平板继续黑iPad

  • 1250万第一季度,三星成为中国智能手机市场销量最高的厂商
  • 80.6%数据显示,百度第一季度的国内搜索市场份额继续上升
  • 总体感觉已没有任何特色新意,其开发的众多花哨小卖点也很不实用,估计也只能靠砸钱搞品牌宣传营销来影响动员消费者了,毕竟多数消费者是很盲目的。余承东对三星继续表示不屑
  • 76.2%IGN的统计显示,绝大多数用户对Xbox One感到失望

1 感动常在诺基亚

各大手机厂商如何选择最适合自己的代言人?

三星,少女时代:

对,再往上一点,裙子越短,对大家的吸引力就越高,没人在乎你会不会唱歌。

苹果,Justin Biber

哼,这些凡人都是嫉妒你,又有成千上万的大JB粉,何在在意世俗对你的偏见呢?

整合了16镜头阵列技术的诺基亚终于成功从佳能抢到了成龙:

唉,冰冰姑娘,大哥感觉你今晚特别漂亮,想请你等会到他房间拍照。

2 太极旗飘扬

三星在美国开了自己的专利事务所

今日对我们三星来说只是一小步,但对整个大韩民国来说却是和美国对抗的一大步。

若干年后,印度和韩国成为美国在亚洲最重要的科技、法律人才殖民地。

3 莫名的死意

某韩国女在Twitter发消息。

哎呀,真是胖死了,我现在都已经80斤了,再这样贪恋我国的泡菜,都没有帅哥来找我了,我现在都要愁死了。

韩国某神秘自杀监察网络实验室。

——我们要反思呀,当初不是说这套系统有79%的准确率吗?怎么现在全是这种垃圾信息?

——报告,我们当初做实验的模型一时疏忽,没有将我国的整容情况和对女性表达方式的影响考虑进去。

4 不要和德国人开玩笑

Es war ein langer Krieg.

Es war ein harter Krieg.

德国Amazon员工正在组织罢工

前去平息事态的美国总部高管在说完第一句话后就被工人们赶下了台。

他说:

I wanna go to buger king after this,your sausage is not as good as that……why don’t you laugh,it’s a joke.

5 Yahoo:女人心,海底针

1,所有的女人都是天生的购物狂;

2,购物狂在买东西的时候是没有也不需要理由的;

3,即使买了东西以后心里很后悔,女人也绝对不会承认。

Yahoo有意收购Hulu

恭喜,你们找到了一个热衷购物的女Boss,她正燃烧着自己的全部激情和梦想将有限的资源和资金投入到深不见底的收购事业中去。

6 LOL:全民抗韩

LOL all star,中国队0:2完败于韩国队

继麻将大赛惨败之后,中国在另外一项国技上也输给了外国人。

喂,恒大都能治好中国足球的恐韩病,玩LOL的也赶快崛起吧。

7 Scanadu Scout:口袋里的三录仪

这款设备可以极其方便、快捷地侦测用户的身体数据,监测身体健康状况。

题图来韩国电影《下女》( 하녀,2010)。

http://tech2ipo.com/59911

WordPress 10周年:它是怎样改变世界的?

今天,博客和内容管理系统 WordPress 迎来了它的10周年纪念日;10年来,WordPress 从最简单的博客服务一步步前进,并逐渐成为改变人们交流和帮助品牌走向社交化的一大工具。

鉴于 WordPress 是一项开源服务,故而任何人都可以改写代码。通常来讲,博主们既可以为他们的网站申请主题以进行优化,同时还可以将第3方插件集成至博客中。目前,最新版的 WordPress 已拥有超过2100万次的下载量。

10年意味着什么?

对于 Matt Mullenweg 而言,10年还只是一个起步。在一篇博文中,Matt 这样写道

都已经10年了啊?老实说,我并不觉得 WordPress 都已经10岁了,因为恍如昨日的感觉记忆犹新。当年,在我们首次使用 WordPress 搭建出博客后,每个人的喜悦之情都溢于言表。如今,在这些朋友中,两位已经结婚了,一位已经离职了;两位仍在努力钻研这些东西,而剩下的一位却永远地离开了。

变美以前,人们通常都会用“可爱”等这样的词眼描述你。以前的 WordPress,总害怕尝试艳丽的色彩,因此常以黑白相间的颜色示人;它害怕被误解、害怕被对比。当 Blogger 出现后,我们希望能够取其精华、去其糟粕,并将一些优质的特点放在了 WordPress 上。

起初打造 WordPress 时,我们并不清楚未来会发生什么样的改变;而当它的徽标第一次出现时,人们竞相嘲笑。尽管如此,我们依然认为它配 WordPress 美极了!

Xanga、LiveJournal、Myspace 和 Blogger 出现后,WordPress 似乎遭遇了瓶颈期。相比后者,Xanga 们为 WordPress 用户提供了技术支持,并可以通过下载的方式简单地将原有的数据导入自己的服务器。

WordPress 依然在路上

WordPress 的成功造就了为数众多的“衍生品牌” 的诞生,其中便包括知名的“WordCamp 开发者会议”。每年,WordPress 社区都会在旧金山举行一场名为“代码的现状”(State of the Word)的会议,而 Matt 准会参加并发表相关演讲。而在他最近的演讲中,Matt 表示:

2006年,世界上还只有一个 WordCamp,但在5年后,这个活动的数量就已快速增长至52个;2012年,WordCamp 的举办数目达到75个,且共有逾10000人参加。

WordPress 的规模化

就像我们在前文中提及的一样,尽管 WordPress 起初只是一个博客平台,但经过这么多年的发展后,它已不单单是博客服务。据不完全统计,很多知名的企业网站都是基于 WordPress 开源系统进行搭建的,包括 CNN、TechCrunch、GigaOm、道琼斯、UPS、NBC 体育以及 TED 等都加入了这一阵营。

在吸引不同群体使用这项服务的进程中,WordPress 也逐渐走向“自给自足”的道路。目前,WordPress 已向部分企业用户提供贵宾服务,旨在帮助这些客户优化管理服务;同时,这也帮助他们加快了服务盈利化进程。

另外,少数基于 WordPress 构建的服务又会反过去向其他用户销售产品或服务,而 Page.ly 和 WP Engine 是这类创业团队的杰出者。独立于 WordPress 提供的贵宾服务外,Page.ly 和 WP Engine 均为用户提供第三方托管服务,且 WP Engine 计划于不久后进行首次公开募股(IPO)。

市场研究机构 Royal Pingdom 称,全球流量最高的100强博客中,有52%的博客基于 WordPress 进行搭建,进入此榜单的其他服务还包括:Drupal、Gawker、BlogSmith、Movable Type、TypePad、Blogger、Joomla 和 Tumblr。

WordPress 方面则表示,目前有超过6600万的站点由这项开源系统提供驱动支持,且涵盖的总语言量也已超过了120种。WordPress 母公司 Automattic 还称,每月有逾3.68亿人次会创造出41亿次页面浏览量。

WordPress 正改变我们交流的方式

通过对社交服务的整合,WordPress 鼓励企业或个人将他们的内容散播到其他网站上;当然,它也允许用户将其他站点的信息抓取过来。此外,通过对社交评论插件的集成,WordPress 还可以让博客创建者对读者的反馈一目了然。

事实上,“社交”并不意味着你只需要在 Facebook、Twitter、Google+ 或新浪微博上分享信息;更多的是,创建者需要将用户带向自己的主站点,并让他们阅读更多内容。

日前,WordPress 已不再是一个只限于桌面浏览器的平台,因为无论是通过智能手机还是平板电脑,用户现在都可便捷更新内容。

激烈的竞争

追溯至往日时光,WordPress 在不断满足用户需求的同时必须要对付来自 Xanga 和 LiveJournal 的挑战;但今时已不同往日,随着更多服务加入到对用户的抢夺战中,WordPress 面临的竞争态势已更加严重。尽管 Tumblr 和 Posterous 已分别被雅虎和 Twitter 收购,但诸如 Medium、Svbtle、Quora 甚至 Facebook 的挑战依然远不止于此。

有些人认为,Tumblr 在被雅虎收购后可能会为 WordPress 带来更加严峻的挑战,但 Matt 却并不这么认为。在自己的博客中,Matt 说“自雅虎确认这笔交易起,Tumblr 博主每小时都会平均将500到900篇文章迁至 WordPress 平台;而在同月19日,WordPress 就已多了逾72000篇博客。不过,Matt 也承认说,今后 Tumblr 的用户难以再向外流:

不管是作为对手还是朋友,对于这样的新闻总是难以真正满意的:我很好奇 Tumblr 的团队接下来会如何整合资源,但我更关心的是 Tumblr 如何才能在未来5到10年内继续保持独立公司的运营模式。我认为我们都站在如何将 Web 发行平台商业化的风头浪尖上。尽管雅虎为 Tumblr 开了一个比较理想的价格,但我认为11亿美元的价值只值实际价格的10%,因为在接下来的数年中,Tumblr 可能会为雅虎带来巨额的利润。

上周,Automattic 在二级市场获得老虎全球的5000万美元融资,这也使该公司的估值来到了10亿美元大关。另外,据 Matt 反应的信息来看,Automattic 现已达到无需直接进行融资,因为这家公司已能够获得“健康的现金流”。

可以确信的是,内容产品仍将在未来数年中主导人们的网络生活,故而,我们期盼 WordPress 能够再次改变人们交流的方式。

文章来源:TNW

http://tech2ipo.com/59924

Web开发者不容错过的20段CSS代码

摘要:共享已成为互联网的一种主流,尤其是分享一些非常实用的技术,本文收集了20段非常专业的CSS 2/CSS 3代码片段给大家,你可以把它们保存在IDE里、或者存储在CSS文档里,这些代码片段绝对会给你带来意外的惊喜。

Web开发技术每年都在革新,浏览器已逐渐支持CSS3特性,并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。

本文将分享20段非常专业的CSS2/CSS3代码供大家使用,你可以把它们保存在IDE里、或者存储在CSS文档里,这些代码片段绝对会给你带来意外的惊喜。

 

1. CSS Resets

网络上关于CSS重置的代码非常多。本段代码是根据Eric Meyer’s reset codes进行改编的,里面包含一点响应式图片和所有核心元素的边界框设置,这样就可以保持页边距和填充可以很好地对齐。

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin0;
  padding0;
  border0;
  font-size100%;
  font: inherit;
  vertical-alignbaseline;
  outlinenone;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html { height101%; }
body { font-size62.5%line-height1font-familyArialTahomasans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { displayblock; }
ol, ul { list-stylenone; }
blockquote, q { quotesnone; }
blockquote:before, blockquote:after, q:before, q:after { content''contentnone; }
strong { font-weightbold; }
table { border-collapsecollapseborder-spacing0; }
img { border0max-width100%; }
p { font-size1.2emline-height1.0emcolor#333; }

 

2.经典的CSS Clearfix

这个clearfix代码已在Web开发者之间广泛流传,这段类选择器要应用到持有浮动元素的容器中,确保后面的内容都不会浮动,但会被下推和清除。

 

1
2
3
4
5
.clearfix:after { content"."displayblockclearbothvisibilityhiddenline-height0height0; }
.clearfix { display: inline-block; }
 <font></font> 
html[xmlns] .clearfix { displayblock; }
* html .clearfix { height1%; }

 

 

3.升级版的Clearfix

在表现上,新版本和经典版本不存在什么差异,这些类可以有效地清除所有floats,但它们只兼容现代浏览器和传统的IE 6-8。

1
2
3
4
.clearfix:before, .container:after { content""display: table; }<font></font> 
.clearfix:after { clearboth; }
/* IE 6/7 */
.clearfix { zoom: 1; }

 

 

4. Cross-Browser Transparency

CSS3里的许多属性都与浏览器相兼容,但也有特例,比如opacity,需要对它进行一些更新才可以。附加过滤属性可以兼容任何老版的IE浏览器。

1
2
3
4
5
6
.transparent {
    filter: alpha(opacity=50);/* internet explorer */
    -khtml-opacity: 0.5;     /* khtml, old safari */
    -moz-opacity: 0.5;      /* mozilla, netscape */
    opacity: 0.5;          /* fx, safari, opera */
}

源码地址: http://perishablepress.com/cross-browser-transparency-via-css/ 

5. CSS Blockquote模板

这段代码主要用在页面上进行分离引用或复制内容,并且给页面文字提供了默认样式。

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
blockquote {
    background#f9f9f9;<
    border-left10px solid #ccc;
    margin1.5em 10px;
    padding: .5em 10px;
    quotes"\201C""\201D""\2018""\2019";
}
blockquote:before {
    color#ccc;
    contentopen-quote
    font-size4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em;
}
blockquote p {
    displayinline;
}

查看源码: http://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling/ 

6. 个性化的圆角代码

许多CSS开发者都非常熟悉圆角语法,但如何为每个角设置不同的值?不如看看下面这段代码吧!

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#container {
    -webkit-border-radius: 4px 3px 6px 10px;
    -moz-border-radius: 4px 3px 6px 10px;
    -o-border-radius: 4px 3px 6px 10px
    border-radius: 4px 3px 6px 10px;
}
/* alternative syntax broken into each line */
#container {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-rightright-radius: 3px;
    -webkit-border-bottom-rightright-radius: 6px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 10px;
}

 

7. 一般媒体查询

这是一段非常好的模板,用于各种零零碎碎的媒体查询,在移动设备上也可以使用,这段代码甚至可以通过使用min-device-pixel-ratio引用到视网膜设备上。

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px) and (max-device-width : 480px) { 
  /* Styles */
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
  /* Styles */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  /* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  /* Styles */
}
<font></font> 
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  /* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  /* Styles */
}  
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
  /* Styles */
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
  /* Styles */
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  /* Styles */
}

源码地址: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ 

8. 现代字体栈

在新网页上设计属于自己的字体栈还是件比较困难的事情,希望下面这段代码能给你带来启发和开发模板,关于更多字体栈源码,你可以访问CSS Font Stacks

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/* Times New Roman-based serif */
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif""Nimbus Roman No9 L Regular", Times, "Times New Roman"serif
  
/* A modern Georgia-based serif */
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif""Liberation Serif", Georgia, serif
  
/*A more traditional Garamond-based serif */
font-family"Palatino Linotype", Palatino, Palladio, "URW Palladio L""Book Antiqua", Baskerville, "Bookman Old Style""Bitstream Charter""Nimbus Roman No9 L", Garamond, "Apple Garamond""ITC Garamond Narrow""New Century Schoolbook""Century Schoolbook""Century Schoolbook L", Georgia, serif
  
/*The Helvetica/Arial-based sans serif */
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans""Gill Sans MT""Myriad Pro", Myriad, "DejaVu Sans Condensed""Liberation Sans""Nimbus Sans L"Tahoma, Geneva, "Helvetica Neue"HelveticaArialsans-serif
  
/*The Verdana-based sans serif */
font-family: Corbel, "Lucida Grande""Lucida Sans Unicode""Lucida Sans""DejaVu Sans""Bitstream Vera Sans""Liberation Sans"Verdana"Verdana Ref"sans-serif
  
/*The Trebuchet-based sans serif */
font-family"Segoe UI", Candara, "Bitstream Vera Sans""DejaVu Sans""Bitstream Vera Sans""Trebuchet MS"Verdana"Verdana Ref"sans-serif
  
/*The heavier “Impact” sans serif */
font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat""Bitstream Vera Sans Bold""Arial Black"sans-serif
  
/*The monospace */
font-family: Consolas, "Andale Mono WT""Andale Mono""Lucida Console""Lucida Sans Typewriter""DejaVu Sans Mono""Bitstream Vera Sans Mono""Liberation Mono""Nimbus Mono L", Monaco, "Courier New"Couriermonospace;

 

源码地址: http://www.sitepoint.com/eight-definitive-font-stacks/ 

9. 自定义文本选择

一些新的Web浏览器允许你在网页上自定义一些突出显示的颜色,下面代码的默认颜色是浅蓝色,当然,你可以依据个人爱好进行各种颜色设置。下面代码引用了典型的Webkit和Mozilla供应商前缀::selection 。

 

1
2
3
::selection { background#e2eae2; }
::-moz-selection { background#e2eae2; }
::-webkit-selection { background#e2eae2; }

 

 

10.隐藏Logo上的H1文本

 

1
2
3
4
5
6
7
h1 {
    text-indent-9999px
    margin0 auto;
    width320px;
    height85px;
    backgroundtransparent url("images/logo.png"no-repeat scroll;
}

 

11. 为图片创建拍立得效果边框

运用下面代码可以在图片上实现拍立得相片效果——一大片白色边框和细微的阴影。你需要修改图片的宽度/高度值来与你的网站布局相匹配。

 

1
2
3
4
5
6
7
8
9
10
img.polaroid {
    background:#000;/*Change this to a background image or remove*/
    border:solid #fff;
    border-width:6px 6px 20px 6px;
    box-shadow:1px 1px 5px #333;/* Standard blur at 5px. Increase for more depth *
    -webkit-box-shadow:1px 1px 5px #333;
    -moz-box-shadow:1px 1px 5px #333;
    height:200px; /*Set to height of your image or desired div*/
    width:200px;/*Set to width of your image or desired div*/
}

源码地址: http://www.smipple.net/snippet/kettultim/Polaroid%20Image%20Border%20-%20CSS3

 

12. 锚链接伪类选择器

1
2
3
4
a:link { colorblue; }
a:visited { colorpurple; }
a:hover { colorred; }
a:active { color: yellow; }

源码地址: http://www.ahrefmagazine.com/web-design/30-useful-css-snippets-for-developers

 

 

13. 花俏地CSS3 Pull-Quotes

Pull-quotes不同于页面里的blockquote,它们通常用在文章中来引用文本。

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
.has-pullquote:before {
    /* Reset metrics. */
    padding0;
    bordernone
    /* Content */
    contentattr(data-pullquote);
    /* Pull out to the right, modular scale based margins. */
    float: rightright;
    width320px;
    margin12px -140px 24px 36px;
    /* Baseline correction */
    positionrelative;
    top5px;
    /* Typography (30px line-height equals 25% incremental leading) */
    font-size23px;
    line-height30px;
}
.pullquote-adelle:before {
    font-family"adelle-1""adelle-2";
    font-weight100;
    top10px !important;
}
.pullquote-helvetica:before {
    font-family"Helvetica Neue"Arialsans-serif;
    font-weightbold;
    top7px !important;
}
.pullquote-facit:before {
    font-family"facitweb-1""facitweb-2"HelveticaArialsans-serif;
    font-weightbold;
    top7px !important;
}

源码地址: http://miekd.com/articles/pull-quotes-with-html5-and-css/

 

14. CSS3的全屏背景效果

如果你想使用大图片作为网站背景,并希望在页面滚动时保持固定,该代码片段非常适合,不过这段代码无法在旧的浏览器上工作。

1
2
3
4
5
6
7
html {
    backgroundurl('images/bg.jpg'no-repeat center center fixed
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

源码: http://css-tricks.com/perfect-full-page-background-image/

 

15. 内容垂直集中

相对于内容在水平位置,内容在垂直方向是不好把控的,尤其当考虑到滚动条这些因素时。这段纯CSS代码可以很好的工作。

 

1
2
3
4
5
.container {
    min-height6.5em;
    displaytable-cell;
    vertical-alignmiddle;
}

源码地址: http://www.w3.org/Style/Examples/007/center

 

16. 垂直滚动条

这段代码将确保你的HTML元素总是稍微高于浏览器滚动条所停留的位置。

 

1
html { height101% }

 

 

17. CSS3 Gradients模板

 

1
2
3
4
5
6
7
8
9
#colorbox {
    background#629721;
    background-image: -webkit-gradient(linear, left topleft bottombottom, from(#83b842), to(#629721));
    background-image: -webkit-linear-gradient(top#83b842#629721);
    background-image: -moz-linear-gradient(top#83b842#629721);
    background-image: -ms-linear-gradient(top#83b842#629721);
    background-image: -o-linear-gradient(top#83b842#629721);
    background-image: linear-gradient(top#83b842#629721);
}

18. @Font-Face模板

使用@font-face可以把TTF/OTF/SVG/WOFF文件嵌入到网站,并生成自定义font families。

 

1
2
3
4
5
6
7
8
9
10
11
@font-face {
    font-family'MyWebFont';
    srcurl('webfont.eot');/* IE9 Compat Modes */
    srcurl('webfont.eot?#iefix'format('embedded-opentype'),/* IE6-IE8 */
    url('webfont.woff'format('woff'),/* Modern Browsers */
    url('webfont.ttf')  format('truetype'),/* Safari, Android, iOS */
    url('webfont.svg#svgFontName'format('svg');/* Legacy iOS */
}
body {
    font-family'MyWebFont'Arialsans-serif;
}

源码地址: http://css-tricks.com/snippets/css/using-font-face/

 

19.创建缝合效果

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
p {
    position:relative;
    z-index:1
    padding10px;
    margin10px;
    font-size21px;
    line-height1.3em;
    color#fff;
    background#ff0030;
    -webkit-box-shadow: 0 0 0 4px #ff00302px 1px 4px 4px rgba(10,10,0,.5);
    -moz-box-shadow: 0 0 0 4px #ff00302px 1px 4px 4px rgba(10,10,0,.5);
    box-shadow: 0 0 0 4px #ff00302px 1px 6px 4px rgba(10,10,0,.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
p:before {
    content"";
    positionabsolute;
    z-index-1;
    top3px;
    bottombottom: 3px;
    left :3px;
    rightright: 3px;
    border2px dashed #fff;
}   
p a {
    color#fff;
    text-decoration:none;
}
p a:hover, p a:focus, p a:active {
    text-decoration:underline;
}

 

 

20. CSS3 斑马线效果

当用户在浏览许多行数据时,很难分清哪一个单元格是属于哪一行的。默认情况下,通过添加斑马线,用户可以给奇偶行更新不同的背景色。

1
2
3
tbody tr:nth-child(odd) {
    background-color#ccc;
}

源码地址: http://css-tricks.com/snippets/css/css3-zebra-striping-a-table/

来自: HONGKIAT.COM

 

http://www.csdn.net/article/2013-05-24/2815422-20-Useful-CSS-Snippets-Every-Designer-Should-Have

软件初创公司招投的九个必备技巧

摘要:许多软件初创公司不善于与投资者打交道,不知有些时候技巧比产品本身更为关键,业内成功的年轻企业家总结了九个技巧:展示早期的成功、精心设计KPI、打造销售渠道、证明团队可以执行你的方案和精心设计一个故事等。

国外科技媒体TheNextWeb围绕初创公司如何去做好招投的问题,采访了一组业内成功的年轻企业家。总结了如下九点技巧:

1. Spartz创始人Emerson Spartz:展示早期的成功


投资者在投资选择一个优秀创业方案的时候,假若你没有通过它取得一些成功,那投资者们不会进行投资。有很多的方案听起来不错,但是实施起来却是另外一回事。所以,你曾用你方案获得的早期成功,是在获得投资者兴趣方面至关重要的。

2. Playerize创始人Derek Shanahan精心设计KPI


一个初创公司要有一套自己的KPI(关键绩效指标法),它能反应你方案的好坏以及将来收入的一个标杆。在特殊情况下,精心设计一个KPI并考虑如何使其效用最大化——是投资者极其感兴趣的地方。

3. Duxter创始人Adam Lieb:回答“为什么是现在?”的问题


有个最大的问题是天使投资等各类风投公司的人会问你“为什么是现在?”你的商业计划有什么独特之处,如何保证启动项目的时间是正确的。通常,这涉及科技创新和市场格局的变化等。

4. Poshly Inc.创始人Doreen Bloch:打造销售渠道


好的销售渠道有益于你的方案获得成功。销售渠道不仅能更好的展示财务预测和销售的时机,而且也能引发关于如何提高产品每一个阶段转化率的思考,同时也有利于投资者思考如何在整个产业链中增加一些额外的服务或产品。

5. Modify Watches创始人Aaron Schwartz获取客户的成本


投资者想知道他将要花费多少钱获得一个客户。理想情况下,你最好提供市场营销渠道所需费用的细节。你要告诉投资者你通过打广告、分支网络支付等途径的具体费用。

6. Launch.it创始人Trace Cohen:证明团队可以执行你的方案


聪明的投资者会投资你和你的团队,因为这关系于执行。你必须向他们证明你有经验和能力——在你的领域内有能力做好一切事情。

7. Early Growth Financial Services创始人David Ehrenberg提供关键财务指标


让投资者看到你指定的财务预测方案,虽然这是假设的。这个预测包括:接下来五年内你的收入、毛利率、投资回报和未来的退出策略等。

8. Hyper Modern Consulting创始人Thursday Bram:提供最忠实的用户


一个初创公司想要成功,必须明确知道受众群。你要思考谁将使用你的软件?为什么必须用你的?如果你真正的了解他们所需,并为此做了努力,那他们会紧紧的跟随你,因此你也就可以灵活的定价。但如果你不能找到最忠实的用户,你注定失败。

9. Money crashers创始人Andrew Schrage精心设计一个故事


一个平淡无奇、基于现实的启动项目并不足以吸引投资者。你需要去观察了解投资者的喜好并精心设计一个有趣的故事,表达出你是如何创造性地想出这个理念的。(文/钱曙光 责编/张勇)

http://www.csdn.net/article/2013-05-27/2815437-9-key-things-to-mention-when-pitching-your-software-startup

响应式设计时代,我们该如何设计网站?

摘要:随着各种屏幕尺寸设备的兴起以及交互方式的多样性,之前采用的网站设计方法已不再适用。我们需要更新设计方法,更新设计观念,更新设计工具。该文从分析Web发生了哪些变化入手,引出我们该采用的新的设计理念。

不久以前,我们进行的Web设计均是针对默认的屏幕大小和输入类型。但随着各种屏幕尺寸设备的兴起,以及交互方式的多样性,这些默认值已不再适用。现在我们进行网站设计所用到的所有默认值均需要更新。

Web近年来所发生的变化

人们一直在谈论Web发生了改变,让我们首先看看Web究竟发生了哪些变化。

屏幕尺寸

90年代,Web页为640像素宽,21世纪初,其宽增长到800像素。几年以前,我们将它调整为1024像素。但就在5年前,“奇怪的事”突然发生了。小屏幕设备进入市场。一时间,我们对Web设定的宽就不再适合了。不久,平板电脑进入市场。现在屏幕视窗的高超过了宽。

屏幕尺寸已没有固定的值(图片来自:Aram Bartholl

现在我们无法了解用户所使用窗体的大小。我们只能假设其宽是一个令用户舒服的随机数。这些数字是任意的,总会有一些用户会看到不完整的Web页面。在这里,我们可以先忽略这些用户。

“每个人都有一个鼠标”

我们总是默认每个用户都有一个鼠标。虽然我们知道,这并不总是事实。大部分设计师会忽略为不使用鼠标的用户设计交互方式。不管什么原因,那些不得不使用键盘的用户往往很难与我们的网站进行交互。

但由于大部分用户确实使用鼠标,当时很多设计者认为设计只要满足大部分人就可以了,所以我们设计出的网站还是有很多人是无法使用的。事实证明,这个数据一直在增加。很多依靠鼠标进行的交互,在触摸设备上是完全不起作用的。因为用户喜欢这些设备,甚至管理者和设计师都在用它们,所以它们是很难被忽略掉。

“每个人都有宽带互联网”

我们另一个默认情况就是每个人都有速度超快的互联网,至少和我们的一样快。如果他们现在没有它,不久也会有的。这似乎又是实事。网速确实越来越快。但是,今天越来越多的人在使用差劲的、不可靠的3G网络。如果你曾在火车上使用3G网络,你就会明白我所说的。如果你曾在酒店使用其提供的免费Wi-Fi,你就会明白我们假设互联网越来越快是不成立的。这是我们思维中的一大变化,我们确实应该为这些用户考虑。这将对我们的设计外观产生较大影响。

“大家的电脑一年比一年快”

电脑越来越快,过去是这样的。如果在买电脑之前再等半年,同样的价格你就可以买一台快两倍的电脑。这主要针对新式台式机,但对于移动设备,其有比处理器速度更重要的事。例如,对于手机,最重要的是电池待机时间:你不想每次打完电话后都必须充电吧。

还有另一个趋势:现在的制造商开始销售价格更低廉的设备,而非速度更快的设备。相比处理器速度,很多用户更关注价格和电池待机时间。你的老式电脑怎么样了?你可能卖了,也可能扔了。但用户仍保留并使用着。并不是每个人都拥有与我们设计师同样的硬件设备。

“所有的显示器均校准过”

我们很清楚这一条是不对的。只有那些可视化专业人士的显示器才进行过校准。其他人的显示器大部分都无法正确显示色彩,很多显示器还是十分差劲的。我所测试过的大部分移动手机有着相当棒的显示屏。可当在阳光下使用时,如果你幸运,或许还可以看得见内容,但却无法看到低对比度设计下的微妙渐变。

人们总会使用那些低劣的显示器,而且访问你网站的人往往视力不好。越来越多的人正在看不合格的调色板。与其购买一款专业的艺术类显示器,不如购买一款廉价的显示器和几台低端设备来测试你的作品,这是更好的投资。

Web在最近5年里发生了变化,创建网站的老方式已不再适用。我们需要新的方法论。

This Is Responsive,该网站为响应式设计提供了很好的资源。

过去几年里,我们一直在积极地研究新方法,以解决Web在不同尺寸屏幕上的显示问题。除了响应式设计,在日益增长的设备上存在越来越多的挑战。我们必须寻找新的交互模式:我们需要可以工作于任何设备上的界面。设计过程中,一些新的约定俗成正在产生,即新的默认。下文将列出我所收集到的新的默认情况。

新的默认:激活方式

本想用“触控”一词,但考虑到大家对该词的理解不同,所以改为了“激活”。对于所有设备,无论他们需要怎样的输入方式,都需要用户以某种方法来激活某件事。

对于鼠标,就是点击;对于触控设备,就是滑动;对于键盘,就是敲击。还有声音、在空中挥动手臂等激活方法。很多设备往往提供多种交互方式。对于各种设备,其共同点就是必须通过激活动作来完成某件事。

最近,我们开始思考用户输入的其他方法。我们曾经假设人们都使用鼠标。当鼠标移至上面时显示内容,移开后则隐藏内容。在触控设备进入市场之前,该方法一直为大部分人所采用。当内容只有通过鼠标操作才能显示的话,那对于没有鼠标的触控设备该怎么办呢?不同设备要有不同的解决方案。下面看看这个下拉菜单。

当鼠标停在主菜单项上,子菜单便出现。此外,你还可以点击它打开该链接。现在,你在触摸设备上敲击该菜单项,会发生什么?子菜单出现了吗?链接激活了吗?两者都发生了?还是发生了其他事情呢?在iOS上,其他事情发生了。你第一次敲击该链接时,子菜单出现了,即引发了鼠标停在主菜单项上的事件。但你需要再敲击一下这个链接,才能打开它。

我们可以针对不同的输入设备定义不同的交互方式。但我认为更好的办法是确保默认的交互方式适用于所有用户。如果你确实要这么做,你可以针对特定的用户来增强这种默认体验。

例如,你确定有人正在使用鼠标,那你要保证靠鼠标进行的交互方式可用;如果你确定某人的手指较粗,那你要把小按钮做得再大些。只要大家对此无疑问,只要这种改善有利于交互,就可以这样做,但默认的交互方式除外。在这些假设中,有一些,比如鼠标的使用,是很难去除的——尤其在可以提供多种交互方式的设备上,如可安装鼠标、带有触摸键盘、相机、麦克风、键盘和触摸屏的笔记本。对此要认真思考一下。你确实需要针对鼠标进行优化吗?

新的默认:小屏幕

正如把一辆小汽车进行压缩,虽说更美观了,但却没有以前实用了。在网站上也同样,桌面上的网站进行压缩后用到小屏幕设备上,并不一定能带来同样的用户体验。

构建适用于所有屏幕上的响应式网站,首先针对小屏幕进行设计是最容易的。它会迫使你专注于真正重要的事情上:不适于小屏幕的,很可能就是不重要。它会迫使你更好地思考布局,思考页面中内容的展现顺序。

上文提到的交互设计方法同样适用于图形设计——首先设计激活事件,之后再改善它。我们首先设计每个人都能看见的东西,即内容。无论屏幕大小,无论浏览器功能多少,其均能显示字符。这是我们唯一确定的事情,所以从文本开始设计是原则(大部分Kindles不支持色彩,老版本的浏览器无法支持新版CSS中的很多特性,布局在小屏幕设备上处于次要位置。)

我们可以从设计不同大小字体间的布局着手。无论每个人有怎样的设备,他们都可以看到该布局。该布局设计好后,你就可以针对更大屏幕设计布局。你可以把它看成针对使用更大屏幕用户的一次改善。之后,当不同的布局完成之后,你就可以为该网站增加其他“修饰” 了,如颜色、渐变、边框等。

不能同时考虑其他方面。我也正尝试寻找所有不同设备(具有不同的屏幕大小,不同的特性)之间的共同点。首先针对这些共同点进行设计是合理的。而奇观的是,该一点往往被忽视:Web专业人员倾向于在高配置的设备(运行着最新版本的浏览器)上审视他们的作品。他们仅看到了改善部分,却忽略了提供基本体验的这些共同点。

新的默认:内容

直到最近,我们都是这样设计网站的:在顶部放上带有Logo的Banner图和导航,将子导航放在左边,右边放一些小部件,页脚放在底部。当所有这些完成后,我们再把内容塞在中部的小小空间中。这就好像我们对我们的内容很不自信,尝试提供一些用户可能会喜欢的其他东西。

我们应该专注于中间的部分,保证它正常工作,看起来美观、具有可读性。确保所有人理解它,发现它有用。

一旦你完成了内容部分,你可以自问一下,该内容确实需要一个Banner?Logo?子导航?它必须要有一个导航吗?它确实需要所有的这些小部件吗?显然最后一个问题的答案是“不”。我不理解这些小部件有什么用。在我看来,没有任何小部件比空白区域更美观。

从内容开始着手,可以帮助我们找出很多有趣的解决方案。例如,Logo确实需要放在每页的顶部吗?在很多网页中,放在页脚部分效果可能更好,如在数字类型的导航中,或在注册页面中。子导航中的很多链接放在主要内容区域的相关部分效果可能更好。

当观看页面布局时,主要导航比主要内容更重要吗?大部分情况下,并不是。我通常认为导航属于页脚内容。在页面顶部放一个“跳转”链接可以把访问者引导至导航处,也可获得导航,并将其显示在顶部。

在响应式Web设计时代,我们需要很多新的、聪明的解决方案。

过程改进

看完上面内容后,你可能明白这只是过程改进。从文本开始,对文本进行设计,根据不同的屏幕大小和设备对它进行优化,之后再针对特殊属性进一步优化,如鼠标的使用,针对胖手指的设计。很多Web开发人员基于该原则构建网站。他们把漂亮的Photoshop制图转化成上述不同的层。

如果开发者有很好的设计感且关注细节,这可以产生很好的效果。但如果他们并非如此(大部分情况是这样的),便很容易设计出可用性不好、简陋的产品。我并不是说不让设计者使用Photoshop。如果那是你的工具,继续使用它。但要记住,你正在设计Web的不同层,不是Photoshop中的层。一个Web要比单张漂亮图片包含更多内容。人们会以各种方式看我们的设计,我们在为所有这些人进行设计。请记住,我们不仅仅为使用笔记本的CEO设计,还为在火车上或使用免费Wi-Fi的人设计。

工具

上面也提到了,在设计Web过程中,Photoshop一直被滥用。好设计工具的缺失是造成过程改进难以进行的原因之一。我们所使用的工具大部分是帮助我们为网站增加“修饰”,而不是设计其核心。很幸运,针对特定功能的小型设计工具越来越多。如Gridset帮助我们针对不同的屏幕尺寸设计网格。好的设计工具可以帮助我们定义排版。把这些设计工具融入到我们的设计过程中,我们可以设计出更好的作品。

结论

现在的网站设计与以前已大不同。固定、单一的交互方式已不再适用。我们的设计过程需要新的起点。除了上文提到的,还有很多。就拿我们常用的表单来说吧,它足够用一系列文章来讲述。希望大家在设计过程中,可以创新出更多好方法。(编译/陈秋歌 责编/魏兵)

原文链接:How Much Has The Web Really Changed?

http://www.csdn.net/article/2013-05-25/2815431

个人开公司的流程

一、选择公司的形式:-

普通的有限责任公司,最低注册资金3万元,需要2个(或以上)股东,从06年1月起新的公司法规定,允许1个股东注册有限责任公司,这种特殊的有限责任公司又称“一人有限公司”(但公司名称中不会有“一人”字样,执照上会注明“自然人独资”),最低注册资金10万元。

如果你和朋友、家人合伙投资创业,可选择普通的有限公司,最低注册资金3万元;如果只有你一个人作为股东,则选择一人有限公司,最低注册资金10万元。

二、注册公司的步骤:-

1.核名:到工商局去领取一张“企业(字号)名称预先核准申请表”,填写你准备取的公司名称,由工商局上网(工商局内部网)检索是否有重名,如果没有重名,就可以使用这个名称,就会核发一张“企业(字号)名称预先核准通知书”。这一步的手续费是30元。 (30元可以帮你检索5个名字,很多名字重复,所以一般常见的名字就不用试了,免得花冤枉钱)

2.租房:去专门的写字楼租一间办公室,如果你自己有厂房或者办公室也可以,有的地方不允许在居民楼里办公。租房后要签订租房合同,并让房东提供房产证的复印件。-

签订好租房合同后,还要到税务局去买印花税,按年租金的千分之一的税率购买,例如你的每年房租是1万元,那就要买10元钱的印花税,贴在房租合同的首页,后面凡是需要用到房租合同的地方,都需要是贴了印花税的合同复印件。

3.编写“公司章程”:可以在工商局网站下载“公司章程”的样本,修改一下就可以了。章程的最后由所有股东签名。

4.刻私章:去街上刻章的地方刻一个私章,给他们讲刻法人私章(方形的)。费用大概20元左右。

5.到会计师事务所领取“银行询征函”:联系一家会计师事务所,领取一张“银行询征函”(必须是原件,会计师事务所盖鲜章)。如果你不清楚,可以看报纸上的分类广告,有很多会计师事务所的广告。

6.去银行开立公司验资户:所有股东带上自己入股的那一部分钱到银行,带上公司章程、工商局发的核名通知、法人代表的私章、身份证、用于验资的钱、空白询征函表格,到银行去开立公司帐户,你要告诉银行是开验资户。开立好公司帐户后,各个股东按自己出资额向公司帐户中存入相应的钱。银行会发给每个股东缴款单、并在询征函上盖银行的章。

注 意:公司法规定,注册公司时,投资人(股东)必须缴纳足额的资本,可以以贷币形式(也就是人民币)出资,也可以以实物(如汽车)、房产、知识产权等出资。 到银行办的只是货币出资这一部分,如果你有实物、房产等作为出资的,需要到会计师事务所鉴定其价值后再以其实际价值出资,比较麻烦,因此建议你直接拿钱来 出资,公司法不管你用什么手段拿的钱,自己的也好、借的也好,只要如数缴足出资款即可。

7.办理验资报告:拿着银行出具的股东缴款单、银行盖章后的询征函,以及公司章程、核名通知、房租合同、房产证复印件,到会计师事务所办理验资报告。一般费用500元左右(50万以下注册资金)。

8.注册公司:到工商局领取公司设立登记的各种表格,包括设立登记申请表、股东(发起人)名单、董事经理监理情况、法人代表登记表、指定代表或委托代理人登记表。填好后,连同核名通知、公司章程、房租合同、房产证复印件、验资报告一起交给工商局。大概3个工作日后可领取执照。此项费用约300元左右。

9.凭营业执照,到公安局指定的刻章社,去刻公章、财务章。后面步骤中,均需要用到公章或财务章。

10.办理企业组织机构代码证:凭营业执照到技术监督局办理组织机构代码证,费用是80元。办这个证需要半个月,技术监督局会首先发一个预先受理代码证明文件,凭这个文件就可以办理后面的税务登记证、银行基本户开户手续了。

11.去银行开基本户:凭营业执照、组织机构代码证,去银行开立基本帐号。最好是在原来办理验资时的那个银行的同一网点去办理,否则,会多收100元的验资帐户费用。-

开基本户需要填很多表,你最好把能带齐的东西全部带上,要不然要跑很多趟,包括营业执照正本原件、身份证、组织机构代码证、公财章、法人章。-

开基本户时,还需要购买一个密码器(从2005年下半年起,大多银行都有这个规定),密码器需要280元。今后你的公司开支票、划款时,都需要使用密码器来生成密码。

12.办理税务登记:领取执照后,30日内到当地税务局申请领取税务登记证。一般的公司都需要办理2种税务登记证,即国税和地税。费用是各40元,共80元。-

办理税务登记证时,必须有一个会计,因为税务局要求提交的资料其中有一项是会计资格证和身份证。你可先请一个兼职会计,小公司刚开始请的兼职会计一般200元工资就可以了。

13.申请领购发票:如果你的公司是销售商品的,应该到国税去申请发票,如果是服务性质的公司,则到地税申领发票。-

最后就开始营业了。 注意每个月按时向税务申报税哦,即使没有开展业务不需要缴税,也要进行零申报,否则会被罚款的。

有二点你可能比较关心:

1.公司必须建立健全的会计制度,你可能担心自己不会,怎么办?刚开始成立的公司,业务少,对会计的工作量也非常小,你可以请一个兼职会计,每个月到你的公司帮你建帐,二、三天时间就够了,给他200-500左右的工资即可。

2.公司的税额:-

营业税:销售商品的公司,按所开发票额的4%征收增殖税;提供服务的公司,按所开发票额的5%征收营业税。

所得税:对企业的纯利润征收18-33%的企业所得税。 小公司的利润不多,一般是18%。对企业所得税,做帐很关键,如果帐面上你的利润很多,那税率就高。所以,平常的购买设备都要开发票,你吃饭、坐车的票都留起来,可以做为你的企业运作成本。

二种税的区别:营业税是对营业额征税,不管你赚没有赚钱,只有发生了交易,开了发票,就要征税;所得税,是对利润征税,利润就是营业额扣减各种成本后剩余的钱,只有赚了钱,才会征所得税。

还有其它各种各样很多种的税,但没有多少钱,主要是上面二种,特别是所得税非常高 .

总有一个人,一直住在心里,却告别在生活里…

不管时光怎样变迁,都会有这样一个人
一直住在心底
熟悉的小路,熟悉的小店,熟悉的小物件
同样一条街。一个人再走一遍
一点点还会触及到那些过往…

已经过了很久了
潜意识里告诉自己很多次
我已经放下了 说了好几次
真的以为什么都已经放下了
忘不掉的是回忆 继续的是生活
来来往往身边出现了很多人
总有一个位置 一直没有变
看看温暖的阳光 偶尔还是会想一想

少年时代的爱情 真的可以很纯粹
喜欢的永远是在你面前的这样一个人
不会参杂一些些属于社会的情感
所以更值得珍惜 留恋

两个人,能够自然而然地在一起
就是一种珍贵的幸福
眼落到的爱情- 都不真实
结束一切 都像是幻觉

我还是会相信爱情
但是不会再相信爱情能永远

走过的那一段
已是一段蒙太奇的胶片
剪辑了一些些
落在心里 偶尔拾起  再翻阅

你对着我唱 突然好想你
为什么你 带我走过最难忘的旅行
然后留下 最痛的纪念品
跟我说 歌词写到你心里
保持沉默……

现在要一份纯粹的爱情
很难
放不下骄傲 放不下身段
参杂太多人太多事
彼此撑着
最后  以“爱不起”、“不适合”收场

陪我们走到最后的人
也许算不上是我们最爱的
但会是最合适的
这样也很好 不是吗
人生本不完美

也许懂得知足
我们现在的生活就不是
现在这个样子
年轻就是这样 有错过 有遗憾
最后才会学着珍惜

再祭奠一次
过去的那段情事 一直住在心底的那个人
推开门 回到自己的世界
心平气和舒一口气

谢谢你让我拥有那一段感觉
完整 真实 自然
这样一个过往 留于我会慢慢品
如花如世  盛开的时候确是娇艳
开过一季   足矣

http://www.360doc.com/content/10/1102/22/985405_66105064.shtml

GIT使用

VSS,SVN,Git,HG,TFS,后面2个待试用

一、安装

1、msysgit下载地址:

http://code.google.com/p/msysgit/downloads/list
本次下载版本——Git-1.8.1.2-preview20130201.exe

2、TortoiseGit下载地址:
http://code.google.com/p/tortoisegit/downloads/list
本次下载版本——TortoiseGit-1.8.3.0-64bit.msi

安装顺序:首先安装msysgit;然后安装TortoiseGit。

 

二、使用记录

在桌面空白处点击右键,右键菜单中会加入TortoiseGit->Settings->Network,设置SSH路径。如下图所示:

clip_image016[4]

选择“Git”选项卡,设置用户名、邮箱和key。如下图所示:

clip_image018[4]

注:如果暂时在本地使用就只需将用户名和邮箱添加,而“Signing key”会自动生成。

至此,TortoiseGit设置完成。

 

生成秘钥

在git工程右键选择Git bash

在命令行中执行命令:

ssh-keygen -t rsa -C “username@email”

出现提示,点击回车。

然后输入两次密码。
密钥生成成功,一般在目录C:\Users\Administrator\.ssh
其中id_rsa为私钥,id_rsa.pub为公钥
将id_rsa.pub中的内容复制到GITHUB的 SSH key,此时你就可以使用SSH与GITHUB通信了。

 

 

解决“Git Windows客户端保存用户名与密码”的问题

1. 在Windows中添加一个环境变量HOME=%USERPROFILE%

2. 在“开始》运行”中打开%Home%,新建一个名为“_netrc”的文件。

machine github.com
login user_name(你的用户名)
password pwd(你的密码)

IT旅途——程序员面试经验分享

http://www.csdn.net/article/2013-05-09/2815198-programmer-interview

摘要:本文从IT人员的角度,一起分享面试道路上的坎坷。文章汇集几个知名公司的面试题,从出题的角度到分析问题的方法到解决问题较为全面的讲解面试题目,以供读者参考。

面试是职场的永恒话题,如何在职场面试中脱颖而出,获得心仪职位?这里搜集了关于面试经验的热文,其中汇集了阿里巴巴、百度、微软几个知名公司的面试题以及部分答题方法、技巧、面试的心得体会,供读者参考。
[1] 教你如何迅速秒杀掉:99%的海量数据处理面试题

本文分成两部分。第一部分、从set/map谈到hashtable/hash_map/hash_set,简要介绍下set/map/multiset/multimap,及hash_set/hash_map/hash_multiset/hash_multimap之区别(万丈高楼平地起,基础最重要),而本文第二部分,则针对上述那6种方法模式结合对应的海量数据处理面试题分别具体阐述。

[2] 百度最新面试题集锦

最新的面试题集有时也代表公司近来的研发方向甚至科研趋势,这里,博主收集了一些百度最新的面试题集,其中有较为有趣的试题,

比如:
蚂蚁爬杆问题:
有一根27厘米长的细木杆,在第3厘米,7厘米,11厘米,17厘米,23厘米这五个位置上各有一只蚂蚁,木杆很细,不能同时通过两只蚂蚁,开始时,蚂蚁的头朝向左还是右是任意的,他们只会朝前走或掉头,但不会后退,当两只蚂蚁相遇后,蚂蚁会同时掉头朝反方向走,假设蚂蚁们每秒钟可以走1厘米的距离。求所有蚂蚁都离开木杆的最小时间和最大时间。
答案:
两只蚂蚁相遇后,各自掉头朝相反方向走。如果我们不考虑每个蚂蚁的具体身份,这和 两只蚂蚁相遇后,打个招呼继续向前走没有什么区别。
所有蚂蚁都离开木杆的最小时间为
max(min(3,27-3),min(7,27-7), min(11,27-11), min(17,27-17),min(23,27-23))=11
所有蚂蚁都离开木杆的最大时间为
max(max(3,27-3),max(7,27-7), max(11,27-11), max(17,27-17),max(23,27-23))=24

三个警察和三个囚徒的过河问题:
三个警察和三个囚徒共同旅行。一条河挡住了去路,河边有一条船,但是每次只能载2人。存在如下的危险:无论在河的哪边,当囚徒人数多于警察的人数时,将有警察被囚徒杀死。问题:请问如何确定渡河方案,才能保证6人安全无损的过河。
答案:
第一次:两囚徒同过,回一囚徒
第二次:两囚徒同过,回一囚徒
第三次:两警察同过,回一囚徒一警察(此时对岸还剩下一囚徒一警察,是安全状态)
第四次:两警察同过,回一囚徒(此时对岸有3个警察,是安全状态)
[3] 阿里巴巴的面试

博主在文中指出,进入技术面试之前,先要做一套相应的试题,这里面涉及到平常不怎么注意的问题:
一是没有定义访问范围的构造函数,前面未加public、protected或private限制等,默认protected,编译会报错;

二是页面中定义两个同名的JS函数,调用会是什么结果,后面尝试了一下不报错,会调用第二个方法;
[4]苹果面试8大难题及答案

苹果这样的公司通常会在面试过程中向求职者抛出一些逻辑的问题来考研面试者,所以,如果你对进入苹果感兴趣,或者只是对逻辑问题感兴趣,这些面试难题值得你仔细研究。

比如:
“逻辑学家们围成一圈坐着,他们的额头上面画有数字……”又来一个逻辑学家围成一圈的问题,这次是这样的,三个拥有完美逻辑推理能力的人围成一圈坐在一个房间里,每个人的额头上都画着一个大于0的数字,三个人的数字各不相同,每个人都看得见其他两个人的数字,看不见自己的。
这三个数字的情况是,其中一个数字是其他两个数字的和,已知的情况还有,其中一个逻辑学家的数字是20,一个是30。游戏组织者从这三个逻辑学家后面走过,并问三个人各自额头上的数字是什么。但第一轮每个逻辑学家都回答他们无法推测自己的数字是什么。游戏组织者只好进行第二轮的发问,这是为什么?你能据此猜出三个逻辑学家的数字吗?

[5]12个有趣的C语言面试题

12个C语言面试题,涉及指针、进程、运算、结构体、函数、内存等内容,比如:
内存泄露:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
1.  #include<stdio.h>
2.  
3.  void func(void)
4.  {
5.      printf("\n Cleanup function called \n");
6.      return;
7.  }
8.  
9.  int main(void)
10. {
11.     int i = 0;
12. 
13.     atexit(func);
14. 
15.     for(;i<0xffffff;i++);
16. 
17.     _exit(0);
18. }

这是因为_exit()函数的使用,该函数并没有调用atexit()等函数清理。如果使用atexit()就应当使用exit()或者“return”与之相配合。

[6]Java程序员面试中的多线程问题

这篇文章收集了 Java 线程方面一些典型的问题,

比如:
为什么需要 run ()和 start ()方法,我们可以只用 run ()方法来完成任务吗?
我们需要 run ()&start ()这两个方法是因为 JVM 创建一个单独的线程不同于普通方法的调用,所以这项工作由线程的 start 方法来完成,start 由本地方法实现,需要显示地被调用,使用这俩个方法的另外一个好处是任何一个对象都可以作为线程运行,只要实现了 Runnable 接口,这就避免因继承了 Thread 类而造成的 Java 的多继承问题。

[7]设计模式大集锦 程序员面试全攻略

无论你是参与Java面试还是C#面试,设计模式和软件设计问题在程序员面试中是必不可少的一部分。本文总结了在各种面试过程中经常被提及的一些设计问题。文中分为两部分,一类为初学者,另一类专为中高级技术人员准备。

[8]如何在面试时写出高质量的代码

如何在面试时能写出高质量的代码,是很多程序员关心的问题。作者总结自己多年面试他人以及被他人面试的经验,发现应聘者可以从代码的规范性、完整性和鲁棒性三个方面提高代码的质量。

[9]编程技术面试的五大要点

编程面试是程序员面试过程中最为重要的一个环节,其中主要关注应聘者五种素质:

(1)扎实的基础知识

(2)能写高质量的代码

(3)分析问题时思路清晰

(4)能优化时间效率和空间效率

(5)具备包括学习能力、沟通能力、发散思维能力等在内的综合能力。

[10] 谈谈对于技术面试的心得体验

博主在文中谈到,一个公司的技术面试需要有良好的经验传承,不光光只是留来一些题库;也不光光是一句要相互尊重,你代表公司的形象;更重要的如何去主导一场面试,全面、准确的了解对方的能力。一般情况下,软件公司招人总会对这三个方面的能力做一下考核,一是编程语言,二是数据结构与算法,三是系统设计。

延伸阅读: 编程技术面试的五大要点

华为的JAVA面试题及答案(部分)

IT求职经验总结——面试和准备策略