随笔分类 -  网站设计

1 2 下一页
WEB前端与用户体验
创业 你选择静态还是动态语言？
摘要：每个人都在想为什么在这个世界大家都在选择静态语言，当你准备选择一门动态语言的时候，却又冒出了如此多的兄弟。我们通常考虑的是哪种语言是我熟练 的那就拿它来做这项工作。总之这做不失为一种着手开干得好方法。现在还有别的什么影响你的选择吗？测试？开发速度？还是程序的健壮性？动态型 VS 静态型动态语言是一种变量使用前不需要声明的语言，如 Python、Ruby 和PHP，在动态语言中像下面这样做是允许的。num = 10某种意义上来说，这却是一把双刃剑，因为动态语言的类型检查是在程序运行期间，代码运行前没有任何办法找出 bug。我知道你可以写测试，但是你并不能测试任何事情。这里有一个虽然不重要的例子。 阅读全文
posted @ 2012-06-18 09:59 永哥 阅读(214) 评论(0) 推荐(0)
详解知名网站的技术发展历程
摘要：文 / 林昊互联网已经发展多年，其中不乏脱颖而出者，这些网站多数都已存在了接近10年或10年以上，在如此长时间的发展过程中，除了业务上面临的挑战，在技 术上也面临了很多的挑战。我挑选了一些Alexa排名较前的网站（排名截止到2012年4月21日），看看它们在技术上是如何应对业务发展过程中的挑战 的。Google目前Alexa 排名第1。它诞生于1997年，当时是一个研究性项目，每个月build一次索引，build出来的索引通过sharding（shard by doc）的方式分散到多台服务器（Index Server）上，具体的网页数据同样通过sharding的方式分散到多台服务器（Doc S 阅读全文
posted @ 2012-05-25 12:16 永哥 阅读(215) 评论(0) 推荐(0)
如何使用jquery的Highcharts
摘要：1，在首页导入其js2，在需要显示的页面添加一个div：<div id="chart-container-1" style="margin:5px 10px;width: 888px; height: 500px"></div>3，在需要显示的页面添加js代码：<script type="text/javascript"> var chart1; // globally available $(document).ready(function() { chart1 = new Highcharts. 阅读全文
posted @ 2012-04-06 22:33 永哥 阅读(363) 评论(0) 推荐(0)
时间轴网站大集合与网页制作组件
摘要：新闻 标签: 时间轴网站（图为 Timekiwi 网站的使用者个人页面，可以将 Facebook、Twitter、Instagram 等服务上的讯息整合在同一个时间轴上）如果有在使用 facebook 的朋友，最近应该已经渐渐开始有机会使用到新版的时间轴接口了，尽管网友对于时间轴的接口褒贬不一，但实际来看，时间轴的浏览接口有几个好处： 迅速看到你与朋友的美好回忆 迅速认识一位新的朋友 看起来比较厉害，尤其使用者可以选择性的放大某些讯息 时间轴浏览接口可以方便的让你新增过去发生过的人生大事其实时间轴接口不是创举，以国人爱用的服务 Plurk 噗浪来说，很早就有横向滚动条的时间轴页面了。（ 阅读全文
posted @ 2012-04-03 23:05 永哥 阅读(1008) 评论(0) 推荐(0)
从钥匙网看“时间轴”形式社交网站
摘要：自Facebook在F8大会上，发布了以时间线格式组织内容的功能后，时间轴这一概念便在国外社交网站中大面积开始流行，像Timetoast、 Lifehaps、Capzles等等。而国内第一家基于时间轴的社交网站钥匙网也于近期上线,并首创了公共轴概念，其中的标签筛选功能也深受用户好评。 钥匙网 钥匙网（www.yaoshi.com）是国内首家时间轴型社交网 站，以横版时间轴为界面。清新简单，容易操作。并首创了公共轴概念，所有钥匙网的用户在私人时间轴上发布的公开信息，都会汇总到公共轴上，形成一条庞大的 时间轴信息流。并且时间轴和信息流两种浏览模式并存，使用户浏览更简单和精准。转播到腾讯微博　... 阅读全文
posted @ 2012-04-03 20:56 永哥 阅读(787) 评论(0) 推荐(0)
Pinterest.com与一堆山寨网站
摘要：如果要我挑出今年最热门的网站，我会说非Pinterest莫属。几个数据提供给你参考、感觉一下：1、Pinterest上线约一年多，目前已经募得3750 万美金左右的资金。2、2010年10月，Pinterest 的不重复访客约每月50，000人，如今是450万人（数据参考：compete.com）3、过去一年来，Pinterest 的全球排名从10万，冲到目前已经是全球200名以内，相较于去年最热门的 Groupon 来说，Pinterest 更在最近三个月超越了 Groupon（当然，Groupon 本身是一个可能正在衰退的网站）。4、今年 10 月份，Pinterest 的 PV 更超越了 阅读全文
posted @ 2011-12-23 18:09 永哥 阅读(674) 评论(0) 推荐(0)
九个原则设计网站着陆页
摘要：我儿子三四岁的时候，有天下午外面下雨，于是我把他带到一个巨大的室内海边游乐场玩。我以为那些闪烁的灯光，令人眼花缭乱的机器摆动和大堆青蛙过河、小蜜蜂、大金刚之类的模型会让他很兴奋，让我们在那里度过几小时的快乐亲子时间。可实际上，他却踌躇地呆立在游乐场正中，眼花缭乱，不知所措。随便朝一个斜坡扔了几个小球后，他转过头问我：“妈妈，够了吗?我们可以回家了吗?”网站的着陆页面时常看起来感觉就像游乐场，对访问网站的用户不仅没有吸引力和引导效果，反而令他们丈二和尚摸不着头脑——这也就意味着你的访问者会像我儿子一样迫不及待地想要点“后退”逃离这个乱七八糟的地方。着陆页是指访问者在其他地方看到你发出的某个具有明 阅读全文
posted @ 2011-12-16 22:44 永哥 阅读(195) 评论(0) 推荐(0)
2012年网络世界5大预测：IE10将取得绝对性胜利
摘要：CNET科技资讯网 12月16日 国际报道：因网络瞬息万变。过去10年中，网络经过数年的不断演变，已经成为一种“人人都为之狂”的活动。开发人员挖掘机会，人们将更多时间泡在网络上，浏览器厂商处于激烈竞争状态。从广义上说，网络技术日益重要、日益复杂。从狭义上讲，明年有可能发生下面5件事情：1、网络游戏振翅高飞网络游戏已不再是新鲜事物，但2012年，网络游戏将以全新面目示人：不再是原始的图形或Flash Player依赖者，而是更像我们在游戏机上看到的图像。网络将演变为文档媒介，随着浏览器JavaScrip性能提高，JavaScrip编程工具改进，SVG、CSS功能推出及Canvas改进2D图 形， 阅读全文
posted @ 2011-12-16 22:37 永哥 阅读(178) 评论(0) 推荐(0)
编写出色CSS代码的13个建议
摘要：CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：1*{ margin:0; padding:0; }这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。我跟Eric Meyer的观点相同，Reset并不是一 阅读全文
posted @ 2011-12-06 03:13 永哥 阅读(162) 评论(0) 推荐(0)
盘点国外不知名的15家人气网站 访问量惊人
摘要：站长之家（CHINAZ.com）12月5日编译：Quantcast是一所媒体评测和网络分析公司，通过其公 布的数据可以很容易得知美国各网站每月访问量的排名情况。有国外网站注意到，一些并大不知名的网站访问量甚至超过了一些众所周知的网站，以下便是其盘点出 的15家人气网站，这些网站的知名度普遍不高，但从每月访问量来看却似乎更受用户青睐。15. City-Data.comCity-Data.com拥有全美许多城市和人口的统计数据，每月约有1150万独立访问者，超过Netflix。14. Inbox.comInbox.com为用户提供了30GB免费的电子邮件存储空间，这比Gmail提供的要多得多。每月 阅读全文
posted @ 2011-12-05 22:25 永哥 阅读(1531) 评论(0) 推荐(0)
给Android应用开发者的十个建议
摘要：随着移动平台的发展和其应用的不断改善，质量成为决定成败的关键。用户要求他们选择安装的应用响应快、性能好，如果某个应用不能提供卓越的功能和稳定的用户体验，那这样的应用注定会被很快卸载。尽管现在Android智能手机和平板电脑的运行速率越来越快，但开发者仍需牢记，应用的运行环境仍受到电池和处理器等诸多资源的限制。以下是如何为应用“瘦身”的十条建议，以便能在当前和以后的所有Android设备都能运行出最佳效果。1）首先要有良好的编码习惯一个优秀的开发者应该善于运用常识、完善的算法和标准设计模式。要有资源意识，打开了就要记得关闭，尽量做到晚获取，早释放。这些由来已久的编码准则同样适用Android应用 阅读全文
posted @ 2011-12-05 22:24 永哥 阅读(164) 评论(0) 推荐(0)
国外社交网站个人首页的眼动研究情况
摘要：编者按：本文翻译自Mashable，来自Nick Zhuo的投稿，你可以点击这里查看Nick的个人博客。以下是正文：EyeTrackShop近日发布了一份分析报告，显示了在各大社交网站中，个人信息页面（Profile Page）被浏览时候的热点分部情况。这项研究使用网络摄像头记录下了30个参与者在浏览各个社交网站个人信息页面时候的眼动情况（进入页面后10秒内的数据）。记录下的数据包括：页面 上的哪些内容被重点“关照”到，以及用户浏览页面各主要区域的先后顺序。被调查的社交网站包 括：Facebook，Google+，LinkedIn，Flickr，Youtube，Klout，Reddit，Dig 阅读全文
posted @ 2011-12-05 22:15 永哥 阅读(268) 评论(0) 推荐(0)
11个有用的移动网页开发App和HTML5框架
摘要：在过去的两年里，触屏设备飞速增长。iOS和Android设备让开发者和设计师开始重新思考他们的网页应用，以提供更好的触屏体验。移动Web应用相对于本地的App有很多优势，虽然也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于HTML的webapp开发。他们支持大部分流行的智能手机和平板。1.Lungo.js：HTML5移动开发框架Lungo.js是第一个应用HTML5和CSS3特性的移动开发框架。它可以帮助开发者创建iOS，Android，Blackberry和WebOS平台的应用。Lungo.js不需要任何web服务器的支持就能帮助用户实现HTML5的功能，例如WebSQL, 阅读全文
posted @ 2011-12-03 19:55 永哥 阅读(249) 评论(0) 推荐(0)
HTML5远征军
摘要：10月11日，对于全球拥护HTML5技术的开发者来说，是一个振奋人心的日子。就在这天，Facebook发布了支持HTML5的移动版本，这个 被称为 “Spartan”的项目，堪称Facebook在移动战略上的华丽转身：尽管过去Facebook在PC端的社交应用上获利丰厚，但如何将PC端的成功 迁移到移动端，寻求在手机上的利润增长点？由于移动网页的制约性，Facebook不得不与苹果合作，将 Facebook 嵌入到 iPhone 的各种应用程序之中，但这意味着Facebook必须付给苹果30%的利润提成。但新版本的发布给Facebook带来了转机：用户可以在 Facebook上用智能手机打开游 阅读全文
posted @ 2011-12-02 18:04 永哥 阅读(149) 评论(0) 推荐(0)
开源网页服务器Lighttpd再爆漏洞 影响所有版本
摘要：lighttpd（发音为lighty）是一套开放源代码的网页服务器，以BSD许可证发布。相较于其他的网页服务器，lighttpd仅需少量的存储器及CPU资源即可达到同样的性能。今天lighttpd 团队对外发布公告，包括最新版本1.4.29在内的所有版本存在通过mod_auth 模块在base64加密字符的时候会出现符号错误导致的越界漏洞。具体信息参见：http://download.lighttpd.net/lighttpd/security/lighttpd_sa_2011_01.txt该漏洞影响了当前lighttpd的所有发布版本以及SVN r2806 之前的版本。目前官方已经发布了补丁 阅读全文
posted @ 2011-12-01 19:21 永哥 阅读(535) 评论(0) 推荐(0)
陈皓：如何设计“找回用户帐号”功能
摘要：因为《腾讯帐号申诉的用户体验》一文中好多人觉得腾讯申诉是世界级先进的，并让我拿出一个找回用户的帐号的功能来。本来不想写的，因为大家看看其它系统的就行的，但是，很明显有些人就是很懒，也不会思考，而且不会观察，所以，我就只好写下这篇科普性常识性的文章。在行文之前，我得先感谢腾讯公司的至少30名员工在《腾讯帐号申诉的用户体验》一文后的回帖（我STFG（Search The Fucking Google）看到了你们使用的那个固定IP在各个大学论坛上的腾讯的招聘广告），我感谢你们主要有两点：1、你们有半数以上的人留下的是gmail而不是QQMail/Foxmail的电子邮件，这点让我感到很欣慰。2、你们 阅读全文
posted @ 2011-12-01 19:20 永哥 阅读(207) 评论(0) 推荐(0)
浅谈网页设计中的色彩理论
摘要：无可争议的是，色彩是任何设计领域中最重要的一方面。设计师在决定了一个网站风格的同时，也决定了网站的情感，而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具，所有设计师在设计网页时就应该明白这一点。一、颜色术语你们当中很多人可能已经在学校学过一些色彩基础知识，让我们快速回顾一些术语，来更好的把握色彩和运用色彩。色轮的主要组成所有的色彩能在一个色轮中呈现。在这个色轮中，我们能把颜色分成3大块：原色，辅助色和第三颜色。三原色分别是红色，蓝色和黄色。这些色彩是基础色，他们组成了色轮上的所有其他颜色。把原色混合在一起，你就能得到辅助色，它们是橙色、绿色和紫色。二、颜色的关系描述颜色有大量的术语， 阅读全文
posted @ 2011-11-30 18:04 永哥 阅读(680) 评论(0) 推荐(0)
网站缓存数据实时更新的实现
摘要：一个网站的实现不可避免的需要处理大量的内存数据，这大多都出于网站性能的考虑和解决I/O瓶颈问题，如JavaEye网站的首页排名数据和博客频 道的排名等数据，都进行了缓存处理，而且并非是实时的，特别是首页的排名数据几乎是一天才会更新一次的，同样，QQ等门户网站也存在大量静态化内存数据， 所以一个网站缓存的处理是至关重要的，并且好的架构需要做到代码无侵入性，也就是说内存的更新，日志的记录等操作都应该是“切面”处理，在我后来的网站开 发中，我一般都会定义一个缓存类，如下：Java代码public　static　LinkedList<Login>　regRecentUser=new　Lin 阅读全文
posted @ 2011-11-28 07:47 永哥 阅读(1702) 评论(0) 推荐(0)
25个顶级PHP模板引擎
摘要：为了找到一个好的模板引擎，我在互联网上进行搜索，目前已经整理出了以下名单：SmartySmarty的特点是将模板编译成PHP脚本，然后执行这些脚本。很快，非常灵活。Heyes Template Class一个非常容易使用，但功能强大并且快速的模板引擎，它帮助你把页面布局和设计从代码中分离。FastTemplate一个简单的变量插值模板类，它分析你的模板，把变量的值从HTML代码中分离处理。ShellPage一个简单易用的类，可以让你的整个网站布局基于模板文件，修改模板就能改变整个站点。STP Simple Template Parser一个简单、轻量级并且易于使用的模板分析类。它可以从多个模板 阅读全文
posted @ 2011-11-27 22:54 永哥 阅读(210) 评论(0) 推荐(0)
让人期待的2011年度最佳 jQuery插件发布
摘要：近日，国外著名博客WDL发布了2011年度最佳 jQuery 插件。jQuery 自2006年发布以来，经过五年的迅速发展，目前已是最流行和使用最广泛的 JavaScript 框架。jQuery 的易扩展性吸引了来自全球的开发者来共同编写 jQuery 插件，jQuery 插件不仅能够增强网站的可用性，有效的改善用户体验，还可以大大减少开发时间。IsotopeIsotype 是一款非常优秀的 jQuery 插件，用于创建动态的，智能的布局。使用这款插件能够对一组页面项目进行过滤、排序等很多操作，而且带有非常酷的动画效果。FitTextFitText 是一款文本大小自动调整插件 ，使用这款插件能 阅读全文
posted @ 2011-11-26 03:05 永哥 阅读(154) 评论(0) 推荐(0)

1 2 下一页