div+css（技术限定这两个）的网页设计作品，简单的就好，我做模板用，在线等_百度知道
div+css（技术限定这两个）的网页设计作品，简单的就好，我做模板用，在线等
代码很规范！<file fsid="248" link="/share/link！，完全的div+css，希望能够真正的帮助到你哈，优化也做的很好我自己写的美食网?shareid=&uk=" name="美食网
来自团队：
其他类似问题
为您推荐：
其他2条回答
去网上下源码去
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁验证码是一个妥协的方案，技术无法识别人，只能让人干一些愚蠢的事情。
&br&&br& 我们应该跳出修正验证码方案的角度去看问题，能不能不要验证码或者大多数情况下不要验证码。
&br&&br& 比如GMAIL,当你密码连续错三次以后才要验证码，一般都不需要验证码；QQ异地登录时才需要你提供验证码；当然应该有更伟大的想法，总之最好不要让用户看到愚蠢的验证码~~~
验证码是一个妥协的方案，技术无法识别人，只能让人干一些愚蠢的事情。 我们应该跳出修正验证码方案的角度去看问题，能不能不要验证码或者大多数情况下不要验证码。 比如GMAIL,当你密码连续错三次以后才要验证码，一般都不需要验证码；QQ异地登录时才需要你…
补充：&br&&strong&1、视觉中国下吧&/strong&：&u&&a href=&///?target=http%3A///stuff/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/st&/span&&span class=&invisible&&uff/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&img src=&/b8e7d03de426f6e9f1782_b.jpg& data-rawheight=&522& data-rawwidth=&1343& class=&origin_image zh-lightbox-thumb& width=&1343& data-original=&/b8e7d03de426f6e9f1782_r.jpg&&&/u&&br&&br&&br&&strong&2、笔秀网&/strong&：&u&&a href=&///?target=http%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&img src=&/228801aedac6e79278cd29_b.jpg& data-rawheight=&747& data-rawwidth=&999& class=&origin_image zh-lightbox-thumb& width=&999& data-original=&/228801aedac6e79278cd29_r.jpg&&&/u&&br&&br&&br&&strong&3、站酷·素材&/strong&：&u&&a href=&///?target=http%3A//.cn/gfxs/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&.cn/gfxs/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/u&&br&&u&&img src=&/ea49ab357aac6dc9679f_b.jpg& data-rawheight=&692& data-rawwidth=&1003& class=&origin_image zh-lightbox-thumb& width=&1003& data-original=&/ea49ab357aac6dc9679f_r.jpg&&&/u&&br&&br&&br&&strong&4、中国设计网·网页&/strong&：&u&&a href=&///?target=http%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&img src=&/adffa2652381_b.jpg& data-rawheight=&761& data-rawwidth=&973& class=&origin_image zh-lightbox-thumb& width=&973& data-original=&/adffa2652381_r.jpg&&&/u&&br&&br&&br&&strong&5、中国站长网·模板&/strong&：&u&&a href=&///?target=http%3A///moban/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/moban/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&img src=&/e72003bebadc0704bcac1aa5960495ac_b.jpg& data-rawheight=&460& data-rawwidth=&993& class=&origin_image zh-lightbox-thumb& width=&993& data-original=&/e72003bebadc0704bcac1aa5960495ac_r.jpg&&&/u&&br&&br&&br&&strong&6、懒人图库&/strong&：&u&&a href=&///?target=http%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&img src=&/eceba10df1d55bfa731dbb9_b.jpg& data-rawheight=&995& data-rawwidth=&1171& class=&origin_image zh-lightbox-thumb& width=&1171& data-original=&/eceba10df1d55bfa731dbb9_r.jpg&&&/u&&br&&br&&br&&strong&7、UI设计网&/strong&：&u&&a href=&///?target=http%3A///wz& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/wz&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/u&&br&&br&&strong&8、PSPSD&/strong&：&u&&a href=&///?target=http%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/u&&br&&u&&/u& &br&&strong&9、A5素材·模板&/strong&：&u&&a href=&///?target=http%3A///moban/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/moban/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/u&&br&&br&&strong&10、三联素材·模板&/strong&：&u&&a href=&///?target=http%3A///moban/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/moban/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/u&&br&&br&&strong&11、ALADD&/strong&：&u&&a href=&///?target=http%3A//aladd.net/archives/category/cat_ico4& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&aladd.net/archives/cate&/span&&span class=&invisible&&gory/cat_ico4&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/u&&br&&br&&strong&12、盒子UI&/strong&：&u&&a href=&///?target=http%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/u&&br&&br&&strong&13、Idea1983&/strong&：&u&&a href=&///?target=http%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/u&&br&&br&&strong&14、太平洋素材下载中心&/strong&：&u&&a href=&///?target=http%3A//.cn/sort/4.html& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&.cn/sort&/span&&span class=&invisible&&/4.html&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/u&&br&&br&&strong&15、M4HTML·网页&/strong&： &u&&a href=&///?target=http%3A///tag/website& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/tag/website&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/u&&br&&br&大部分都是综合类的，包括网页设计展示、PSD、图标、字体等。
补充：1、视觉中国下吧：2、笔秀网：3、站酷·素材：4、中国设计网·网页：5、中国站长网·模板：6、懒人图库：7、UI设计网：…
注意工资够不够...
注意工资够不够...
TypeScript&br&&br&由于某些不相关的讨论，评论已关闭 :)
TypeScript由于某些不相关的讨论，评论已关闭 :)
来自子话题：
谢邀，&br&这是我博客（&a href=&///?target=https%3A///Huxpro/huxpro.github.io& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Huxpro/huxpro.github.io: My Blog / Jekyll T...&i class=&icon-external&&&/i&&/a&）的 font-family ，可以供你参考：&br&&br&&div class=&highlight&&&pre&&code class=&language-sass&&&span class=&c1&&// System Font
// https://www.webkit.org/blog/3709/using-the-system-font-in-web-content/&/span&
&span class=&nt&&-apple-system&/span&&span class=&o&&,&/span&
&span class=&o&&//&/span& &span class=&nt&&OSX&/span& &span class=&o&&^&/span&&span class=&nt&&10&/span&&span class=&nc&&.11&/span& &span class=&k&&&&/span& &span class=&nt&&iOS&/span& &span class=&o&&^&/span&&span class=&nt&&9&/span&
&span class=&nt&&San&/span& &span class=&nt&&Francisco&/span& &span class=&k&&&&/span& &span class=&err&&苹方&/span&
&span class=&c1&&// English First&/span&
&span class=&s2&&&Helvetica Neue&&/span&&span class=&o&&,&/span&
&span class=&o&&//&/span& &span class=&nt&&OSX&/span&
&span class=&s2&&&Arial&&/span&&span class=&o&&,&/span&
&span class=&o&&//&/span& &span class=&nt&&Win&/span& &span class=&s2&&&Helvetica&&/span&
&span class=&c1&&//& Segoe UI&,
// Win ^8&/span&
&span class=&c1&&// Chinese Fallback&/span&
&span class=&s2&&&PingFang SC&&/span&&span class=&o&&,&/span&
&span class=&o&&//&/span& &span class=&nt&&OSX&/span& &span class=&o&&^&/span&&span class=&nt&&10&/span&&span class=&nc&&.11&/span& &span class=&k&&&&/span& &span class=&nt&&iOS&/span& &span class=&o&&^&/span&&span class=&nt&&9&/span&
&span class=&err&&苹方（华康信凭黑）&/span&
&span class=&s2&&&Hiragino Sans GB&&/span&&span class=&o&&,&/span&
&span class=&o&&//&/span& &span class=&nt&&OSX&/span& &span class=&o&&^&/span&&span class=&nt&&10&/span&&span class=&nc&&.6&/span&
&span class=&err&&冬青黑体&/span&
&span class=&s2&&&STHeiti&&/span&&span class=&o&&,&/span&
&span class=&o&&//&/span& &span class=&nt&&OSX&/span& &span class=&o&&&&/span&&span class=&nt&&10&/span&&span class=&nc&&.6&/span&
&span class=&k&&&&/span& &span class=&nt&&iOS&/span& &span class=&o&&&&/span&&span class=&nt&&9&/span&
&span class=&err&&华文黑体&/span&
&span class=&s2&&&Microsoft YaHei&&/span&&span class=&o&&,&/span&
&span class=&o&&//&/span& &span class=&nt&&Win&/span&
&span class=&err&&微软雅黑&/span&
&span class=&s2&&&Microsoft JhengHei&&/span&&span class=&o&&,&/span&
&span class=&o&&//&/span& &span class=&nt&&Win&/span&
&span class=&err&&微软正黑&/span&
&span class=&s2&&&Source Han Sans SC&&/span&&span class=&o&&,&/span&
&span class=&o&&//&/span& &span class=&nt&&SourceHan&/span& &span class=&nt&&-&/span& &span class=&nt&&begin&/span&
&span class=&err&&思源黑体&/span&
&span class=&s2&&&Noto Sans CJK SC&&/span&&span class=&o&&,&/span&
&span class=&s2&&&Source Han Sans CN&&/span&&span class=&o&&,&/span&
&span class=&s2&&&Noto Sans SC&&/span&&span class=&o&&,&/span&
&span class=&s2&&&Source Han Sans TC&&/span&&span class=&o&&,&/span&
&span class=&s2&&&Noto Sans CJK TC&&/span&&span class=&o&&,&/span&
&span class=&o&&//&/span& &span class=&nt&&SourceHan&/span& &span class=&nt&&-&/span& &span class=&nt&&end&/span&
&span class=&s2&&&WenQuanYi Micro Hei&&/span&&span class=&o&&,&/span&
&span class=&o&&//&/span& &span class=&nt&&Linux&/span&
&span class=&err&&文泉驿微米黑&/span&
&span class=&nt&&SimSun&/span&&span class=&o&&,&/span&
&span class=&o&&//&/span& &span class=&nt&&Win&/span& &span class=&nt&&old&/span&
&span class=&err&&中易宋体&/span&
&span class=&nt&&sans-serif&/span&&span class=&o&&;&/span&
&span class=&o&&//&/span& &span class=&nt&&System&/span& &span class=&nt&&Fallback&/span&
&span class=&cm&&/* 知乎的代码高亮真是不忍吐槽*/&/span&
&/code&&/pre&&/div&
谢邀，这是我博客（）的 font-family ，可以供你参考：// System Font // https://www.webkit.org/blog/3709/using-the-system-font-in-web-content/
-apple-system, // OSX ^10.11 & iOS ^9 San Francisco …
来自子话题：
都不是，HTML的注释是&!--这是一段注释--&
都不是，HTML的注释是&!--这是一段注释--&
这个问题我想可以从宏观到微观来回答。首先是行业情况，另外是设计师的专业水准和其他素养。&br&&br&1.行业情况&br& 平面设计行业目前历史算是设计行业中比较长远的了，但跟其他行业或国外相比还是年轻。当然也存在大家所说的门槛低、设计师龙蛇混杂、客户不重视不懂设计、行业规范不健全等问题。但也是由于有这些问题，&b&年轻又相对成熟的平面设计也显得很有前景。&/b&&br&但由于目前许多平面设计师的知识储备大多是艺术设计方面（大多都是艺术生出身），还有老一辈设计大师也还是非常像艺术家的，把平面设计当作艺术创作的一部分。我个人认为并不是一个很好的现象。单纯从美感来评价平面设计作品，是比较片面的。因为&b&设计说到到底，还是为了解决问题&/b&。&br&&br&2.如何评价设计师&br&可以分下面几方面来讲述。&br&&br& 1）设计表现能力&br&这个不用再累述，本来便是设计师核心的评价标准之一。现在看来中国许多平面设计师还是跟国外的平面设计师有很大的差距的，包括在工具、设计思想、创意表现上。这个还可以再变成一个问题，为什么会这样，那么就是国内教育和大环境的原因了，不多说。&br&2）问题把握能力&br&如何在一个CASE中知道客户究竟想要什么，了解客户的客户、产品、行业等等相关的信息。这个能力，需要设计师有广阔的视野和知识储备。而且还需要设计师做到站在客户的角度去客观地思考。&br&3）沟通能力&br&我不太赞同&a class=&member_mention& data-hash=&b33e154fddbf9a8ac5806c& href=&///people/b33e154fddbf9a8ac5806c& data-tip=&p$b$b33e154fddbf9a8ac5806c&&@方适&/a&的“忽悠”方法。我认为好的设计并不适合用忽悠。设计师要做的是，&b&把自己的亮点和技巧解释给客户听，并且告诉客户，这些是可以解决问题的；而不是明明是自己的设计差，还去忽悠客户。&/b&从长远来看，忽悠可以成功一次，但多次的就不太现实了。这个可以比喻为，我们常常来理发店里理发完，理发师会用发蜡再打造一次（但剪得不好的理发师，是经常用这招来掩盖自发型的不足）。等到回家洗完头一看，上当了。所以我们经常看到一些国企、事业单位请人设计的LOGO非常不好看，其设计师肯定是非常具备忽悠的能力，却缺乏设计能力，这算不算是一个优秀的的设计师？&br&最后一个经验之谈——&b&设计师和客户谈设计是最愚蠢的&/b&。&br&4）人格魅力&br&包括职业化，信誉和其他关乎性格、自己的设计方法论和设计哲学。有人可能说设计也要看设计师的外表。但我觉得设计师和演员很像。可能的确漂亮或帅气可以加分的。但等年龄一大，较为成熟时，比的还是演技（设计水平）。&br&&br&总之设计师这个职业本来就是一个高复合的人才，可以解释为倒T型人才，需要较深的专业水准，还有较广的知识储备和视野，类似律师、医生、侦探。可惜的是，中国的平面设计师虽然很多都是有较深的专业水准，但在广度上还是很欠缺的。但目前中国大陆的平面设计行业做得像理发行业，洗剪吹一条龙。（除了很多像陈绍华、王粤飞的等大师外）&br&&br&&br&如果是在我过去中简单总结几句的话，我认为优秀的设计师有：&br&1）出众的设计能力（拥有此能力的在中国数量不会比国外少）&br&2）清晰洞察客户（不少中国平面设计师也做得很好）&br&3）营销和沟通能力&br&4）广阔的知识储备（很多中国平面设计师卡在了这里，所以只能跟客户聊关于自己的设计、审美，一聊不过来就说客户土鳖）&br&5）快速学习保持在潮流前沿（这就是大多数中国平面设计师成为不了大师的原因）&br&&br&&br&P.S. 所以当你听到一个平面设计师在说客户土、审美不行时，你认为他是如何定位他自己的职业的？
这个问题我想可以从宏观到微观来回答。首先是行业情况，另外是设计师的专业水准和其他素养。1.行业情况 平面设计行业目前历史算是设计行业中比较长远的了，但跟其他行业或国外相比还是年轻。当然也存在大家所说的门槛低、设计师龙蛇混杂、客户不重视不懂设…
动手去做，只考虑界面怎么做好就行。其他同学给的答案，估计要把题主吓坏了。&br&各种素材、资料只是用作参考，可以看看也可以不看。界面就是界面，不是原画，有自身不同的规律和思维方式。&br&我老婆是资深的网页设计师，她不会原画，要说画画没有我强。可是做网页她就是很出色。现在帮我做各种界面，也非常出色，能够找各种素材过来，加上自己的处理，融合成新的设计。&br&界面设计是很实用的东西，更多需要考虑的是要如何引导用户，让他注意什么，忽略什么，目光聚焦在哪里；不要太把它当成艺术，就容易一步一步做好了。真的画画很强就去做原画，别做界面设计了。&br&－－－－－－－－－－－－－－－－－－－－－－－－－－&br&怎么弄都很丑，得自己想想丑在哪里，怎么样能弄漂亮。&br&最初呢，掌握各种图层的属性，阴影、渐变啥的，自己尝试着组合起来；有很多细节上是必须一点一点的慢慢调整的，要有耐心。&br&然后，渐渐会发现...效果不要弄太多，有时候还不如只弄一种，不要太花哨。颜色不要弄太多，一种颜色为主，再搭配一种点缀点缀就行；阴影的方向，必须全局统一，否则怎么看都别扭；...&br&再以后就自己摸索吧，到了这个阶段应该已经能自己找到方向坚持下去了。我是做程序的，再多我就说不下去了...&br&------------------------------------------------------------------&br&但是最好要有具体的东西去实践，要有人找你帮忙做网站或者界面设计，这样进步会很快。否则如果只是看别人的作品自己模仿，会越来越没有信心、没有动力。&br&------------------------------&br&不要去学习光、阴影啥的理论知识。对于界面，知道保证光源方向一致就足够了。要学习的是交互设计的理论，和photoshop的基础使用技巧。然后在实践中掌握如何使用这些技巧来达到你的目标。&br&-------------------&br&需要看书，但是并不是看完哪本书就成为高手了。盯着一本书看，会越来越糊涂。得围绕自己的目标，反复通过实践练习
动手去做，只考虑界面怎么做好就行。其他同学给的答案，估计要把题主吓坏了。各种素材、资料只是用作参考，可以看看也可以不看。界面就是界面，不是原画，有自身不同的规律和思维方式。我老婆是资深的网页设计师，她不会原画，要说画画没有我强。可是做网页…
&a href=&///?target=https%3A//developer.mozilla.org/en-US/docs/Web& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Web technology for developers&i class=&icon-external&&&/i&&/a&&br&没有人发MDN吗。。Mozilla Developer Network，我觉得界面和内容都比w3school好。中文翻译的完成度也很高。&br&&br&书的话&a href=&///?target=http%3A///product/1.do& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Learning Web App Development - O'Reilly Media&i class=&icon-external&&&/i&&/a&比较赞。。它面向HTML/CSS/JavaScript零基础选手，而且内容足够全，前后端覆盖，怎么用Node.js/Express+MongoDB搭后端、设计restful api之类的都有讲。如果题主对后端无兴趣，只是想画网页、做好看的theme的话，把书前半部分看了，然后查MDN练级就好了。&br&&br&年轻真好啊(*???*)
没有人发MDN吗。。Mozilla Developer Network，我觉得界面和内容都比w3school好。中文翻译的完成度也很高。书的话比较赞。。它面向HTML/CSS/JavaScript零基础选手，而且内容足…
&a href=&///?target=http%3A///about_us/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/about_us/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& ，成立两年，湖北文化产业网，政府网站的关于我们从未如此炫酷。&br&&img src=&/2cdddb0bdbc_b.jpg& data-rawwidth=&1066& data-rawheight=&642& class=&origin_image zh-lightbox-thumb& width=&1066& data-original=&/2cdddb0bdbc_r.jpg&&
，成立两年，湖北文化产业网，政府网站的关于我们从未如此炫酷。
来自子话题：
HTML5 Boilerplate 是一个由 Paul Irish（Google Chrome 开发人员、jQuery 项目成员、Modernizr 作者、yayQuery 播客主持人）主导的“前端开发模版”。&br&&br&HTML5 Boilerplate 是一套具有非常多先进特性的框架，其特性简单介绍如下：&br&&br&&ul&&li&由 Paul Irish 首创的在 HTML 页面的 body 上使用 IE 条件注释判断浏览器版本，从而大大简化了针对 IE Hack 的成本（在后来的版本中升级为在 &html& 标签中加入条件注释）&/li&&li&HTML5 集成，默认使用了很多 HTML5 的特性，并且使其兼容旧版本浏览器&/li&&li&大量针对服务器的默认配置，无需修改即可配置一个安全、标准的 web 服务器&/li&&li&完整的 JS 调试机制 —— 即使在 IE 下&/li&&li&大量使用 CSS3 技术，并且集成了几乎所有来自框架中和技术大牛们口头相传的 CSS 技巧&/li&&li&为所有浏览环境做了优化，包括移动版本和打印版本&/li&&li&默认内置 Modernizr，可以检测浏览器对新特性的支持能力，方便针对旧版本浏览器优化&/li&&/ul&
HTML5 Boilerplate 是一个由 Paul Irish（Google Chrome 开发人员、jQuery 项目成员、Modernizr 作者、yayQuery 播客主持人）主导的“前端开发模版”。HTML5 Boilerplate 是一套具有非常多先进特性的框架，其特性简单介绍如下：由 Paul Irish 首创的在 HTML…
来自子话题：
我从幼儿园开始上网，有意思的是，网络对我来说几乎就是web，泡论坛社区、逛门户、泡聊天室...不玩网络游戏，就连QQ都是很迟才注册的...对使用无处不在的浏览器就能浏览的web感情实在太深。&br&&br&小学的时候学习使用frontpage创建网页，拖控件的那种，后来课余时间也有限，就没再折腾了，单纯地做web的消费者。高考结束后，我把创建一个个人网站（不使用wordpress一类的产品）作为我重大人生目标之一，觉得当了这么久的网民，应该也要学学怎么建网站了吧。当时觉得建网站这东西很专业，一定很难，预计要在大四才能完成这一目标。&br&&br&2014年的时候我在知乎上提问：&a class=&internal& href=&/question/&&从零开始学网站建设（just for fun），该学习哪些知识？ - 互联网&/a&&br&回答里有人提到了HTML、CSS和JavaScript，他把这三行放在“建站必学知识”的第一步，后面又跟了一些后端技术。当时我啥也不懂啊，更没有什么前端、后端、数据库的概念，一看这么多名词就懵了，就想“唔，还是从HTML CSS JavaScript开始了解吧”。&br&&br&后来我就了解到，这三样属于所谓的“前端”。几个月后在亚马逊上购买了《head first HTML and CSS》，打算了解一下。这本书现在已经送人了，回想起来，多亏了这本书，我没受到网络上野鸡入门视频和国内这种《30天学习网页开发》的垃圾书的荼毒，没有成为言必称“DIV+CSS技术”、“H5”的这种人。&br&&br&对HTML和CSS有了初步了解之后，就开始画一两个页面玩玩了，后来又看了几本讲CSS的书，当时还想着“页面够好看了，连弹窗和菜单这种东西都可以用纯CSS实现，JavaScript这种东西就没必要学了吧”，后来一个前辈跟我说“jQuery很简单的，可以学一下”，我一看demo，哟，用一个像CSS选择器一样的玩意儿（就是$函数啦）再加上几个单词，就可以画动画，喷了！然后就买了本《锋利的jQuery》开始看。看着看着越来越迷糊，比如$(this)是啥意思？到ajax那部分就完完全全搞不懂了，感觉超出了认知的范围，当时就觉得很不甘心。&br&&br&后来我得知jQuery只是JavaScript的一个库...由于不是学计算机的，当时我连“库”的概念都不太清楚，只能猜到这大概不是“正统”，还是试试看“正统”的JavaScript吧。于是买了《JavaScript DOM编程艺术》，从此开始学习JavaScript。&br&&br&开始学JavaScript之后，就把几乎所有的中文JS书都看了一遍（或几遍）并整理成了知识库...这期间听前辈的建议，只买外国作者的书。看着看着感觉自己对JavaScript有一定了解了，又听说有专门写HTML/CSS/JavaScript的职位，叫“前端开发”，从而萌生了当前端的想法。&br&&br&当时以为只有PHP、Java一类的东西才能写后台，正想着按这个学习速度，果然得等到大四才能开发一个个人网站啊。结果在学习JavaScript期间了解到了node.js这个玩意儿，原来JavaScript也能开发后台！于是买了书，按书里的知识，耗时两周用express和mongodb开发了一个博客并上线。虽然代码丑陋（前后端都很丑，也没啥优化可言，至今还未改写），但毕竟堪用。当时我就惊了。预计大四完成的计划在大一下就实现了，感觉达成了人生一大目标，这种成就感也让我觉得我可以成为一个靠写HTML/CSS/JavaScript吃饭的人（虽然可能比较蹩脚）。&br&&br&学习期间，在社区里我看到很多名词，什么sass、grunt、gulp、coffeeScript（太多了，能写成《报菜名》，不一一列举了），当时就惊了，完全搞不懂，以为前端的花样真是多，看着就可怕，估计成不了前端工程师了。后来我想通了，万变不离其宗，前端说来说去，最后还是HTML、CSS、JavaScript这三样，除此之外再无新事。技术名词固然眼花缭乱，但若掌握好那三样（再加上个HTTP协议），入门到可以使用这些玩意儿的地步，不过是一个下午的事，再加上技术的淘汰速度很快，这不，gulp甩开了grunt，又被webpack甩开了，所以现在我的学习心态也是比较平和，基本上，出了啥新玩意儿，会去体验一番，仅此而已。毕竟目前还没有进行过大项目的开发。&br&&br&至于现在，我在学习ES6还有Python（体验一下非前端的玩意儿）。&br&&br&这就是我一个希望成为前端工程师的人到目前（2015年9月）为止的经历
我从幼儿园开始上网，有意思的是，网络对我来说几乎就是web，泡论坛社区、逛门户、泡聊天室...不玩网络游戏，就连QQ都是很迟才注册的...对使用无处不在的浏览器就能浏览的web感情实在太深。小学的时候学习使用frontpage创建网页，拖控件的那种，后来课余时…
来自子话题：
关于本问题的答案，&a data-hash=&2a87fad28e43b886a4ca144b& href=&///people/2a87fad28e43b886a4ca144b& class=&member_mention& data-editable=&true& data-title=&@Vkki& data-tip=&p$b$2a87fad28e43b886a4ca144b&&@Vkki&/a& 答的很赞！！我歪个楼，引申一下这个问题。&br&&br&我之前在自己的博客发了篇文章：《&a href=&///?target=http%3A///posts/use-css-to-paint-triangle-and-parallelogram/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&用 CSS 实现三角形与平行四边形&i class=&icon-external&&&/i&&/a&》&br&这篇文章转发到 &a href=&///?target=http%3A//div.io& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&div.io&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& 上后， &a data-hash=&e9306aab1b61e74e7ae6& href=&///people/e9306aab1b61e74e7ae6& class=&member_mention& data-editable=&true& data-title=&@张云龙& data-tip=&p$b$e9306aab1b61e74e7ae6&&@张云龙&/a& 给了一个超赞的链接，在这也分享一下：&a href=&///?target=https%3A///examples/ShapesOfCSS/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&The Shapes of CSS&i class=&icon-external&&&/i&&/a&&br&&br&&ul&&li&想知道怎么用 CSS 画一个爱心？ 请看上面这个链接&br&&/li&&li&想知道怎么用 CSS 画一个五角星？ 请看上面这个链接&br&&/li&&li&想知道怎么用 CSS 画一个无穷符号？ 请看上面这个链接&br&&/li&&li&想知道怎么用 CSS 画一个吃豆人？ 请看上面这个链接&br&&/li&&li&想知道怎么用 CSS 画一个鸡蛋？ 请看上面这个链接&br&&/li&&li&请看上面这个链接&/li&&/ul&&br&========================================&br&&br&另外附上《&a href=&///?target=http%3A///posts/use-css-to-paint-triangle-and-parallelogram/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&用 CSS 实现三角形与平行四边形&i class=&icon-external&&&/i&&/a&》原文，补充说明一下 CSS 实现三角形的&b&一个应用场景&/b&：&br&&br&&p&最近在逛某个技术网站的时候，感觉文章关键词上的样式好酷炫啊。于是我将那种写法照搬到了我的博客中，也许最近逛过我博客的小伙伴已经发现了它出现在哪儿了——分页的样式。来张截图：&/p&&br&&img src=&/d960dbb20d_b.png& data-rawwidth=&334& data-rawheight=&51& class=&content_image& width=&334&&&br&&p&你在首页的底部也可以看到这样一个分页栏；是不是看上去还不错？下面就来看看这是如何实现的吧~&/p&&br&&b&第一种方法：利用border&/b&&br&&br&&p&第一种方法是借助border属性 hack 出三角形，然后通过一个矩形拼接两个三角形最终制造出一个平行四边形。为什么使用border可以产生三角形呢？先来看看一张图片：&/p&&br&&img src=&/18a23da97d93c3c339d340_b.png& data-rawwidth=&153& data-rawheight=&66& class=&content_image& width=&153&&&br&&p&看了图中的三个小图形的变化过程，你应该已经清楚了一半。其实 hack 出三角形只需要两个条件，第一，元素本身的长宽为0；其次，将不需要的部分通过 border-color 来设置隐藏。通过类似的方法，你还可以创造出梯形，上图中的三个图形的代码如下。（另附 &a href=&///?target=http%3A//codepen.io/jerryzou/pen/mJYJym& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CodePen 示例&i class=&icon-external&&&/i&&/a&）&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&#first {
height: 20
border-width: 10
border-style:
border-color:
height: 0;
border-width: 10
border-style:
border-color:
height: 0;
border-width: 10
border-style:
border-color: red transparent tra
&/code&&/pre&&/div&&br&&p&接下来就要考虑如何拼接出一个平行四边形了。在border法中，它由三部分组成，分别是左三角形、矩形、右三角形。如果每次绘制平行四边形都要创建三个元素显然过于麻烦了，所以在这里:before和:after伪元素是个不错的选择。下面我们实现一下这样的效果：&/p&&br&&img src=&/6cb99f39bede61fa74f12757_b.png& data-rawwidth=&166& data-rawheight=&54& class=&content_image& width=&166&&&br&&p&为了将三角形与矩形无缝拼接到一起，多处属性要保持一致，所以使用类似 Less, Sass, Stylus 等 CSS 预处理器来写这段代码会更容易维护，下面给出 Scss 版本的代码。（另附 &a href=&///?target=http%3A//codepen.io/jerryzou/pen/ZGNGWZ%3Feditors%3D110& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CodePen 链接&i class=&icon-external&&&/i&&/a&）&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&//三角形的宽高
$height: 24
$width: 12
//对平行四边形三部分的颜色进行赋值
@mixin parallelogram-color($color) {
background: $
&:before { border-color: transparent $color $ }
&:after { border-color: $color transparent transparent $ }
//单个三角形的样式
@mixin triangle() {
content: '';
height: 0;
border-style:
border-width: $height/2 $width/2;
//平行四边形的样式
display: inline-
padding: 0 10
line-height: $
margin-left: $
@include triangle();
&:before {
@include triangle();
@include parallelogram-color(red);
&/code&&/pre&&/div&&br&&p&需要注意的是，如果通过 $height、$width 设置的三角形斜率太小或太大都有可能造成渲染出锯齿，所以使用起来要多多测试一下不同的宽高所得到的视觉效果如何。&/p&&br&&b&第二种方法：利用transform&/b&&br&&br&&p&使用transform来实现平行四边形的方法是我在逛&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&去啊&i class=&icon-external&&&/i&&/a&的时候看到的，效果大概是这个样子：&/p&&br&&img src=&/6832afba57f40b531eafc_b.png& data-rawwidth=&352& data-rawheight=&44& class=&content_image& width=&352&&&br&&p&看到之后觉得好神奇啊，原来还可以只有平行四边形的外轮廓。（因为方法一只能创造填充效果的平行四边形）实现起来非常简单，主要是借助了transform: skew(...)，下面就来看看源码吧。&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&&style&
display: inline-
padding: 5px 20
border: 1px solid #44a5
color: #333;
transform: skew(-20deg);
&div class=&city&&上海&/div&
&/code&&/pre&&/div&&br&&p&于是我们得到了这样的效果：&/p&&br&&img src=&/2a650c53fa8e772b8c004cd_b.png& data-rawwidth=&101& data-rawheight=&49& class=&content_image& width=&101&&&br&&p&看到图片的你一定是这样想的：&/p&&br&&img src=&/f3a9a9f118ccf1c61dc8e_b.png& data-rawwidth=&306& data-rawheight=&313& class=&content_image& width=&306&&&br&&p&别着急嘛，我们的确是把整个 div 进行了歪曲，导致中间的文字也是倾斜的，而这显然不是我们所要的效果。所以我们需要加一个内层元素，并对内层元素做一次逆向的歪曲，从而得到我们想要的效果：&/p&&br&&img src=&/72fe29ea0413fadb9d8986_b.png& data-rawwidth=&101& data-rawheight=&52& class=&content_image& width=&101&&&br&&p&实现代码如下，另附 &a href=&///?target=http%3A//codepen.io/jerryzou/pen/BNeNwV%3Feditors%3D110& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CodePen 示例&i class=&icon-external&&&/i&&/a&&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&&style&
display: inline-
padding: 5px 20
border: 1px solid #44a5
color: #333;
transform: skew(-20deg);
.city div {
transform: skew(20deg);
&div class=&city&&
&div&上海&/div&
&/code&&/pre&&/div&&br&&b&总结&/b&&br&&br&&p&第一种方法使用 border 属性 hack 出三角形，并通过对三个元素进行拼接最终实现了平行四边形；而第二种方法则通过 transform: skew 来得到平行四边形。总体来说，第二种方法相对于第一种代码量小得多，而且也很好理解。唯一的不足是无法构造像本站的分页中所使用的梯形。&/p&
关于本问题的答案， 答的很赞！！我歪个楼，引申一下这个问题。我之前在自己的博客发了篇文章：《》这篇文章转发到
给了一个超赞的链接，在这也分享一下：想知道…
来自子话题：
谢邀。列举几个大家都知道的吧&br&&br&&b&1）第一当属《&a href=&///?target=http%3A//u.ali213.net/games/shenjingcat/index.html%3Fgame_code%3D196%26bs%3Dwx& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&感觉萌萌哒~围住神经猫&i class=&icon-external&&&/i&&/a&》的H5游戏。&/b&&br&突然刷爆朋友圈，短短几天创下了上亿访问量的同时，可谓带动了整个H5游戏的再度火热。&br&&br&&b&2）万达的微信书《&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&万达微信书&i class=&icon-external&&&/i&&/a&》。&/b&&br&只用了一天时间，《万达工作法》的阅读量已破百万&br&&br&&br&&b&3）告诉全世界，《&a href=&///?target=http%3A///auto/index/20825%3Fsf%3D777D3554-BA81-510B-90B9-E51AB582A06C%26channel%3D1%%3D%26from%3Dtimeline%26isappinstalled%3D0%23wecha& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&我的深圳下雪了&i class=&icon-external&&&/i&&/a&》&/b&&br&邓祖云及其团队制作，1小时实现28万的浏览量，一夜之间火遍全球160多个国家和地区。&br&&br&&b&4）《愚公移山》h5游戏&/b&&br&这是一个挣到钱的H5案例，月流水突破100万大关。&br&&br&此外还有：&br&&p&&strong&2048:&/strong&在4x4的棋盘上,用方向键选择数字移动的方向,遇到相同的数字就会合并,每次移动会增加一个数字,合并出2048就算通关.简单粗暴,被誉为&根本停不下来的游戏&.&/p&&p&&strong&全民找祖名:&/strong&去年8月份,柯震东、房祖名相继跳入毒坑,html5的技术男们也不甘落后,推出了&全民寻找房祖名&.&br&&/p&&p&&strong&看你有多色:&/strong&&看你有多色&是一款基于html5技术的小游戏,上线仅仅一天单日注册用户就突破千万.&/p&&p&&strong&支付宝&十年账单&:&/strong&日,支付宝发布十年对账单,网购族可以查询十年来个人通过支付宝支付的金额.一时之间,微信朋友圈就立马被各种&触目惊心&、&不忍直视&的截图占据了.&/p&&br&&br&&br&分享一个收集优秀H5的3G站： &a href=&///?target=http%3A///lightapp/mobilefun/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&社交移动风云榜 07.11&i class=&icon-external&&&/i&&/a&&br&分享一些好玩的H5游戏：&a href=&///?target=http%3A//games./index.php%3Fmod%3DGame%26do%3DshowList& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&白鹭微游戏&i class=&icon-external&&&/i&&/a&
谢邀。列举几个大家都知道的吧1）第一当属《》的H5游戏。突然刷爆朋友圈，短短几天创下了上亿访问量的同时，可谓带动了整个H5游戏的再度火热。2）万达的微信书《》。只用了一天时间，《万达工作法》的阅读量已破百万3）告诉…》
新浪微博的9月改版对新浪来说具有重要意义，这意味着新浪不再是微博客，而是全面向SNS社区发展。按照我的理解是，新浪微博正全面facebook化，以求名正言顺把自己定位于中文SNS。&br& 新浪走这步棋是可以预想到的，毕竟微博强大的影响力和高覆盖的关系网络，新浪不可能放弃这关系网络的社区构建。此前的私信推出，移动版的改版，都是新浪一步一步往SNS探索的尝试，此次网页版的全面升级只不过是来个正名而已。&br&&br&改版主要分两大个方面来看：&br&&b&&u&一、产品架构&/u&&/b&&br&[1]用户基础属性版块 &b&profile&/b&&br&用户属性是回答“我是谁”的问题，是SNS社区最基本的元素，也是整个SNS的基础。&br&&br&改版变化：1、增加“性取向” （这个可以肯定是新浪的推点，因为这些选项的变化可以在平时添加，但新浪由在此次改版推出，可见是为公众寻找“亮点”。但个人觉得纯粹喧哗取宠。）&img src=&/bfa4e42a8293_b.jpg& data-rawwidth=&559& data-rawheight=&179& class=&origin_image zh-lightbox-thumb& width=&559& data-original=&/bfa4e42a8293_r.jpg&&&br&2、标签由右侧移到属性板块，无差别展现。&br&（旧版的标签有字体大小的变化，右栏显示醒目）&br&&br&&br&3、有个细节，在学校前面的文案为“毕业于”，而且资料编辑无时间起止，也就是说，即使我是2012年JNU的新生，我的页面也会显示为
“毕业于”暨南大学，这置千万在校生于何地，更置百千无法毕业的比尔盖茨于何处。。&br&&br&&b&[2] 社区属性&/b&&br&即你在社区中是何地位。&br&新浪的举措，不知道他们的PM是不是腾讯跳过来的，完全搬用腾讯的升级模式，文案都一样！&br&A、达人。&br&B、微博会员。 形同鸡肋，无法为会员创造有价值的服务，还不如第三方的服务商，例如XX分析，如果你是会员，他们会据你的微博帮你分析你的微博点击，粉丝统计，关系网统计等等服务。&br&改版变化：右侧增加”会员专区“”会员动态“&br&【这个和网游的诏令一样，你今天拉泡屎了，草莓味的，你可以公告天下：老子拉草莓味的屎了！！圆舟子大傻13！！..但以会员专区的屌丝位置--右侧下，注定没有网游的聊天栏世界频道刷屏那么带感....所以也是鸡肋，角落拉屎，谁管你是香还是臭...】&br&【后改，那个专区目前还是新浪自己的发浪活动以及”高端玩家陈列室”而已...】&img src=&/aecc7d6134cedb26b92fa4ead71e1822_b.jpg& data-rawwidth=&238& data-rawheight=&169& class=&content_image& width=&238&&&br&&br&C、活跃等级。 艾玛，看到这个状态条瞬间以为自己是在玩QQ空间。&br&&br&新浪打算啥时候推出红黄绿钻呢？&br&&br&&b&[3] 社交互动&/b&&br&这是SNS最关键的链条之一，也是新浪改动最大的地方。&br&改版：&br&a、圈子信息发布。&br&更加注重隐私性和圈子社交。不才认为是google+新开创的圈子模式在前，也终于被新浪采用。&br&这是此次改版的亮点之一。&br&&br&b、加入”动态“【SNS标配】&br&这就是大家熟知的”新鲜事“（人人网文案）&br&这也是SNS的标志之一——你做了什么，你的好友做了些什么。&br&新浪的这个”动态“ 表明了，weibo不再是单纯的微博客，而是社区。&img src=&/c6e497d9a30d87ecdd9a7_b.jpg& data-rawwidth=&602& data-rawheight=&492& class=&origin_image zh-lightbox-thumb& width=&602& data-original=&/c6e497d9a30d87ecdd9a7_r.jpg&&&br&b01 关注动态&br&所以，你以后关注了谁，会马上出现在粉丝的页面上！！&br&（小心别关注你的ex！！否则你会哭的很有节奏！）&br&&br&&br&b02 应用动态&br&
应用栏可以调节顺序&br&添加的应用将会出现在动态栏&br&（所以以后谁开发什么”美女脱衣大混战“之类的游戏我是绝对不会好奇点进去玩的！！）&br&【同样是照搬facebook】&br&&br&目前新浪仅仅是在”关注“”添加应用“”照片“等普通服务，以后应该会陆续开放其他动态通知。&br&&br&至于以后是否整合微吧，微刊，新浪博客，新浪电影等等动态进来，拭目以待。&br&&br&（新浪此次改版没能全面整合这些服务，也是我对此次改版最失望的点，也是我未来对微博最期待的点。）&br&&br&（把这点做得最好的翘楚+鼻祖当属豆瓣，因此我也把豆瓣看做最成功的SNS产品的原因。强大的UGC，数据库，推荐算法..此地不细述。）&br&&br&&br&c、 ...&br&罢了罢了！越看微博的新版觉得越失败。&br&新浪的产品真的永远不把用户体验放在第一位！&br&（还是得借地吐槽一下新浪博客！！！&br&好端端想看个博客，例如李承鹏的文章，看得都快酝酿好情绪了......&br&艾玛！左侧的“低胸MM自拍”突然就走马灯转出来了！低胸啊！情不自禁视线往右一闪，神马酝酿都瞬间没了....&br&尼玛的新浪！好端端一个博客就被你那些垃圾推荐给毁掉了！还有右下角的恶心弹窗！弹你妹！！左侧的静态闪瞎眼的图片不说了，还变成5秒的走马灯变换！！次奥！你还让人看文章不！）&br&&br&腾讯不少的客户端产品都是非常出色的，但QQ空间，朋友网之类的社区却是一塌糊涂。究其原因，就是QZONE的PM永远给QZONE做加法，不断添加东西，添到你眼花缭乱为止。“签到”“弹窗‘...所以QZONE很难从低龄用户群跑出来，很难抓住18+，白领用户群的心。&br&&br&同样的，（也不知道新浪的PM是不是腾讯跳过来的），新浪也是不断在做加法。&br&【吐槽完毕。】&br&&br&&br&撇开过于刻意的运营（恶心的话题推送）不说，光是从一些产品细节上说说:&br&&u&&b&二、产品UI&/b&&/u&&br&&br&&b&1、like &/b&&br&这是facebook的神奇按钮之一。你对一个新动态是什么态度，一键搞掂。&img src=&/faceababfd68_b.jpg& data-rawwidth=&116& data-rawheight=&62& class=&content_image& width=&116&&&br&新浪是以facebook为伟大目标的，这个神器按钮怎能不拿过来！&br&于是我们看到了”表态“。。。。&img src=&/a5ecb15be2b801fc9fbb2dbc0c382f9e_b.jpg& data-rawwidth=&290& data-rawheight=&184& class=&content_image& width=&290&&&br&一个微博，你看到是喜欢呢，微笑呢，吃惊呢，悲伤呢，愤怒呢，咦，选哪个好呢。。。好烦啊，还让我选，算了，不表态。&br&&br&简简单单的like变成了新浪的”喜怒哀乐“，这简直是画蛇添足的经典。&br&&br&他们难道不知道这个like的按钮只需要触发用户的一瞬间想法，喜欢就点，不喜欢就啥也不做，但竟然让用户像做选择题那样，用户就不干了——即使是像数学第一题那么简单他也不选。&br&&br&（这个我只是凭个人体验猜测而已，无数据支撑，望大家自个体验反馈）&br&&br&而学fb这点学得最好的是，没错，又是豆瓣。他们就是简单的一个 “赞”。&br&&br&不二话。说得好就赞一下，说得不好，当没看见，而不需要我想我对这句话还需要表达一个什么样的心情...&br&&br&【另外之前旧版的“今日心情”这些败笔想必他们也知道够混蛋了，新版完全看不到踪迹..】&br&&br&&br&&b&2、分组集体靠左侧。&/b&&br&&b&&img src=&/c513d36c076e926ad69101d6_b.jpg& data-rawwidth=&1124& data-rawheight=&493& class=&origin_image zh-lightbox-thumb& width=&1124& data-original=&/c513d36c076e926ad69101d6_r.jpg&&&/b&&br&不知道其他人如何，我个人感觉是非常不便。因为鼠标一般停留在屏幕中央（浏览微博的必然），如果我经常性分组查看，那么我就不得不往左侧点击查看——这是非常不符合用户习惯的。&br&为什么要用户舍弃此前的操作来适应新的呢？而这个新的改动有其必要意义吗？我看不出。&br&（还有深得屌丝精髓的“悄悄关注”分组堂而皇之的挂在首位，还去不掉！！我一个悄悄都没！这个按钮对我来说就是形同虚设了。）&br&&br&&b&3、封面。&/b&&br&这个也是学的必然。【至今没想通为何人人网不跟上，还有时光轴。。QZONE倒是弄了】&br&也是普通用户的一大改变之一。&br&新版的个人页面是非常赞的~ 当初facebook的cover推出的时候，实在是眼前一亮。&img src=&/afb8a9c52194dd8bac7f3891_b.jpg& data-rawwidth=&1145& data-rawheight=&524& class=&origin_image zh-lightbox-thumb& width=&1145& data-original=&/afb8a9c52194dd8bac7f3891_r.jpg&&【头部的闪瞎眼的渐变红线实在是搞不通为何挂在那里..】&br&还有一丁点疑虑的是，新浪微博有强大的背景图——这个如果和封面图搭配不伦不类，那简直是对美感的璀璨。当然搭配好就无与伦比了。&br&&br&背景图经常能看见各种奇怪的平铺出现（因为大家倾向于自己上传自定义，而非用模板。）&br&还有各种浏览器和显示器的各种奇葩效果，14寸和21存的显示的背景是很奇怪的。）&br&&br&而封面的存在对个人页面起到“定调”的作用，这个在移动端的存在是非常必要，例如path，例如微信。&br&至于网页端，可以有，但要像fb那样，只有清爽的页面配封面。&br&说清爽可能不通，但至少封面起到原配的作用，而不会像新浪新版那样背后还有一个小三。。。。&br&古典型的原配怎么和一个狂野型的小三和谐共处呢？&br&&br&&br&（虽然这个在博客已经早就有所应用..但不代表这是好的....）&br&还有照片墙等等就不说了.&br&&br&&br&到此为止..总结一句就是，新浪改版大方向个人非常赞同，就是走的不好看而已。&br&&br&其失误归根到底，&br&一是画蛇添足，不懂简约之美；&br&二是不懂好产品背后真正的逻辑，只会照葫芦画瓢，结果画虎不成反类犬。&br&&br&&br&----&br&扎克伯格在《社交网络》说过，“产品要好用，要看起来很酷，而不是想着怎么赚钱。”
&br&&br&但现在国内有多少人做到了呢？&br&&br&中国从来不缺好的产品，不缺好的创新，缺的是一种精神，叫“专注”。
新浪微博的9月改版对新浪来说具有重要意义，这意味着新浪不再是微博客，而是全面向SNS社区发展。按照我的理解是，新浪微博正全面facebook化，以求名正言顺把自己定位于中文SNS。 新浪走这步棋是可以预想到的，毕竟微博强大的影响力和高覆盖的关系网络，新浪…
来自子话题：
情况差不多. 我也是二本大四狗.&br&上年12月份幸运的找了一份前端实习生,在一家创业公司工作.在公司目前只是负责把boss弄的设计图还原成网页.然后整合到wordpress.写写jquery 做做效果.&br&&br&好吧 说说我找到工作之前的学习吧.&br&一年前 我也只是个什么都不懂得计算机系的学生.对.各种挂科逃课.导致什么都没学到.然后发现这样下去 我实习也就只能去找服务生这类的工作了.这完全不是我想要的人生啊.!!&br&然后开始学习各种前端知识.学html 和css 我没有题主那么认真把它全部撸了两 三遍.我觉得更多的是实践.把常用的标签记熟点,不懂就去查W3shool. &head first Javascript&也就看完了1遍.Jquery是通过各种效果Demo去学的.&br&我觉得无论学习什么类型的编程语言.实践是最重要的.&br&所以我就跑去V2EX那里发帖,求了各种项目去做.说是打杂免费劳工.V2上的人都很热心的.有V友给了一个小项目给我做.也就只是静态页面.给了我一张PSD 让我自己切图,把页面给实现了.&br&第一次我做完给他,被批了一脸.这个margin不对.img尺寸不对.字体大小不一致等等各种细节上的问题. 在做之前,我一直以为静态页面没什么难度.的确做一个大致的静态页面很简单.但是细节上很多问题就体现出非常多的问题.他说一句话:&这页面就是一个没用的烂码.&这是我记得最清楚的.因为别人还要花比你更多的时间去更改完善维护你的代码&br&我自以为是的成熟技术,其实在别人眼里一文不值.&br&这之后我觉得自己对前端技术根本不了解.就连最简单html和css都写的那么烂.&br&之后我就不去学习一些很高深的技术.一步步把自己的基础打好.不过多简单的页面.我都会把代码书写规范.html标签语义化.css类名直接明了等等.&br&连静态页面都写不好.如何与别人一起开发一些大型项目.&br&&br&说说题主的情况吧.&br&编程类的书很多时候都只是需要过一遍. 然后它就会变成一本工具书.不懂就查.&br&最最重要还是实践.没有实践,无论看多少遍你都记不住的.&br&建议题主可以先去小公司或创业公司应聘.这类的公司小项目会比较多.很利于像我们这种前端小白去学习,获取经验.&br&还有一些小小的建议.学好点英语,多看看墙外的前端世界.(不要像我现在要恶补英语T_T).&br&第一次答那么长啊.多多包含.&br&加油吧.路还很长.我也需要慢慢走.题主你也一样,别急,很多成功都是积累而成的
情况差不多. 我也是二本大四狗.上年12月份幸运的找了一份前端实习生,在一家创业公司工作.在公司目前只是负责把boss弄的设计图还原成网页.然后整合到wordpress.写写jquery 做做效果.好吧 说说我找到工作之前的学习吧.一年前 我也只是个什么都不懂得计算机系…
虽然炫技但炫的主要不是 CSS，美术功力更重要一些。同样的东西用别的技术实现可能高效得多。&br&而且受 CSS 的技术限制，效果还可能比别的技术差。&br&&br&就像你一个健全人，非要用脚弹钢琴，我觉得你是挺屌的，但是你用手肯定弹得更好啊……
虽然炫技但炫的主要不是 CSS，美术功力更重要一些。同样的东西用别的技术实现可能高效得多。而且受 CSS 的技术限制，效果还可能比别的技术差。就像你一个健全人，非要用脚弹钢琴，我觉得你是挺屌的，但是你用手肯定弹得更好啊……
搞后端的来瞎扯一下…… 因为你才大一，所以还有大把的时光够你折腾的。&br&&br&1、自己买域名租服务器做一个Blog（可以用现成的开源代码，毕竟一开始自己写的Blog丑得惨不忍睹）；&br&2、把学到的知识遇到的问题都写进Blog；&br&3、把自己写的代码统统用github维护起来；&br&4、去你们学校的内部论坛寻找工作机会（学校论坛的网站一般都是由学生团队自发维护的）；&br&5、积攒两年学习&开发经验，可以开始去外面寻找实习机会了（这时候你应该已经有一个好看又丰富的Blog和github）；&br&6、向你认识的前端前辈请教，他会告诉你一些前端该知道的比较冷门又比较重要的知识，比如各大浏览器的特性（或者叫毛病）。&br&&br&PS. 你说你是要找实习，怎么可能要求你有2~3年工作经验？只能说明你找错地方了，适时关注一下你们学校今年的春季校招，会有很多实习机会。&br&&br&PSS. 前端工程师不用懂Photoshop，那是美工和设计的干活。有多余时间的话可以考虑了解一下后端开发，比如php和python，你会对你的前端开发有更好的认识。&br&&br&==================================================================&br&&br&我也是有点醉，这么多人盯着前端到底要不要学PS的问题上不放，你们爱学就学呀学了又没坏处。公司招前端人才也不会说把精通PS放在JD上，切图这种三下五除二的活几分钟就学会了你跟我说这叫会PS？&br&&br&我大学时做过社团PS精品课程讲师，做了4年某校十佳社团副社兼宣传总监（主要就是做海报&教别人设计海报），有5年摄影后期经验，论公司美工水平可能都还没我高，但是我从来不跟同事说我会PS，最多就修几张照。会PS就意味着PM看你闲着的时候就让你做些杂活，抠个图啊做个logo啊什么的，&b&浪费了原本可以给自己充电的好时光&/b&。
搞后端的来瞎扯一下…… 因为你才大一，所以还有大把的时光够你折腾的。1、自己买域名租服务器做一个Blog（可以用现成的开源代码，毕竟一开始自己写的Blog丑得惨不忍睹）；2、把学到的知识遇到的问题都写进Blog；3、把自己写的代码统统用github维护起来；4…
来自子话题：
&b&想想吧……&/b&&br&&br&一套代码（至少看起来是一套）要能跑在所有的主流移动操作系统上，性能不能太低（原生的50%以上？），入门要简单（智商正常的小白能快速上手），开发者要多（因为入门简单），小白写的代码性能也过得去（想想 Flash 吧……），基于开放技术（再想想 Flash 吧……）……&br&&br&&img src=&/62e7d6eebbeeb5011e06_b.jpg& data-rawwidth=&550& data-rawheight=&425& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&/62e7d6eebbeeb5011e06_r.jpg&&
想想吧……一套代码（至少看起来是一套）要能跑在所有的主流移动操作系统上，性能不能太低（原生的50%以上？），入门要简单（智商正常的小白能快速上手），开发者要多（因为入门简单），小白写的代码性能也过得去（想想 Flash 吧……），基于开放技术（再想…
来自子话题：
背景不重要，虽然我自己是科班硕士毕业。&br&据我所知，业内很多大牛都不是学设计出身，白鸦油画专业，唐沐会计专业，吴卓浩物理专业，Rocky广告专业，我甚至郁闷学设计的优势为何都没有得到体现。&br&原因：1.交互设计需要复杂的背景，知识面要广。2.靠兴趣，肯钻进去研究，不要眼高手低。3.学设计的人更容易被书本知识迷惑，陷入理想主义。4.国内压根没有完备的交互设计课程。&br&所以不要太介意专业背景。
背景不重要，虽然我自己是科班硕士毕业。据我所知，业内很多大牛都不是学设计出身，白鸦油画专业，唐沐会计专业，吴卓浩物理专业，Rocky广告专业，我甚至郁闷学设计的优势为何都没有得到体现。原因：1.交互设计需要复杂的背景，知识面要广。2.靠兴趣，肯钻…