recentpopularlog in

mojacc : ui   21

Alien | Typeset In The Future
f me – for really quite some time. I'm delighted to say that it is now ready to burst forth from my allegorical chest, and to spatter allegorical typographic blood all over your allegorical faces. Welcom
typeface  typography  film  design  ui 
december 2014 by mojacc
Best of 2012: UI Animations — Beautiful Pixels
「@ansonau: Beautiful Pixels 評選出 2012 年最佳 iOS UI 動畫效果,每一個都值得一看,除了美感外,當中的那些人性操作的元素,更加值得大家注意。 http://t.co/ytk3byGi
design  UI 
june 2013 by mojacc
Affordance(可供性)和设计
iOS 键盘
为什么 iOS 的键盘如此出色,其他系统的虚拟键盘虽然在尺寸上基本超过 iOS 键盘,而它们的视觉体验还是操作体验相比之下显得像一团渣,为什么?

在比较分析之前,先说明一下,分析虽然是一个逆向过程,但在这里我认为诠释性的分析比揣测设计者的意图更有价值,当问“为什么这样设计”的时候,应该将眼界超越设计者本人的意图,即使有一些给出的理解完全脱离设计者的意图甚至与其相背。

iOS 键盘是(新一代)虚拟屏幕键盘的开山始祖,它有很多创新的设计和技术应用,在第一代 iPhone 上市的时候,Apple 做过详细全面的视频介绍,其中有一段就是 iOS 键盘介绍,土豆视频见这(Youtube 地址见这)。Steve Jobs 在 WWDC 2007 上介绍 iPhone 是从革命性的用户界面开始的,从列出 Moto Q、BlackBerry、Palm Treo 和 Nokia E62 这四台带全键盘的手机——当时被称为智能手机——开始,它们的按键和操作是不能改变的,无论你是否需要它总是在那里,而不同的应用需要不同的用户界面。iOS 虚拟键盘只在需要的时候出现,在不同的应用中使用不同的键盘,在输入网址的时候就将空格键替换成了“.”、“.com”和“/”等配合网址输入的按键。同时虚拟键盘需要解决精度以及效率问题,让人轻松快速的输入,使用放大镜进行轻松的光标再定位,比如“臭名昭著”的热词自动修正(英文),除了使用字典以及联系人等词组匹配进行修正外,还可以对输入区域进行匹配比如介绍视频中的将“ouzza”转为“pizza”,还有一项创新的设计是,根据字典来预测下一个字母,以此实时改变键盘的各字母对应的触摸区域的大小,让这些字母更容易被触发,比如输入“tim”,那么接下了“e”就比相邻的“w”和“r”的触摸区域大,因为“time”是一个常用词,而没有“timw”和“timr”这两个英文单词。

在 Apple 的获得专利中,与 iOS 键盘相关的有很多项,重要的就有根据下一个字母来动态改变触摸区域这一项,专利号 7,900,156 名称为“Activating virtual keys of a touch-screen virtual keyboard”,相应在中国的专利申请号为 200680033988 名称为“致动触摸 — 屏幕虚拟键盘的虚拟键”,专利内容就是上述实现的一个一般化,将触摸区域的改变一般化为按键如何根据触摸位置来触发,触摸位置与触发按键通过距离来确定(比如与哪个按键的距离小就触发哪一个按键),同时引入一个权重,那么上述实现中,出现下一个“e”比“w”和“r”有更大的权重,也就是“e”的触摸范围更大,这项专利例举的另一个实现,就是“删除”按键的权重设置成小的,它更不容易被触发。另外在设计专利中,有两项比较显著,一个是 D644,238 整个键盘的设计,另一个 D621,848 是关于按键被按下时挤出的那个放大的键盘指示牌。

我们先从尺寸来看 iOS 键盘的设计,上图是 iPhone 4 之后的视网膜屏幕的界面,所标注数字的单位为 px,其实就是 320*480 屏幕的两倍,前后键盘设计并没有变化,如果换算成 mm 为单位的实际尺寸,那么就类似 32 px/326*25.4=2.49 mm。这些尺寸是如何决定的,如果从设计者的角度来看,这个决定的过程既有逻辑的部分也有感性的成分,所以我们分析不能像数学一样去反推。iOS 的键盘高度为 430 px(320*480 的分辨率时为 215 px,其实 430 px 上方还有 2 px 的黑线),正好位于屏幕正中间向下偏 50 px,或许可以提出一个问题就是键盘为什么不是屏幕的一半呢?这个尺寸由其内部支撑起的,但是如果把它设成刚好一半,那么在比例上很容易体会到压抑(均分是较容易被识别)。76 px 的按键高度是 5.92 mm,52 px 按键宽度是 4.05 mm,12 px 按键间距是 0.93 mm,32 px 的按键间距以及字高是 2.49 mm,iOS 的 HIG 建议的最小可触摸操作元素是 44*44 point,转换到 mm 单位为 6.90,Windows Phone 7 的 HIG 中也说到最小触摸目标的高度是 7 mm(紧接着也说到键盘和链接可以例外,因为有额外的动态补偿)。肯定有很多人机尺寸可供参考,比如横向的尺寸,而从设计的角度除了依赖这些统计学上的数据,更重要的是结合经验和体验,毕竟在这么一个小范围内,依赖后者更迅速。我们从 iOS 键盘的尺寸上可以看出它们都是经过细致安排的,就是“尺度”。



将 Android 的键盘和 iOS 键盘以实体的尺寸为准进行比较,为什么不选用其他中文输入法的键盘,因为这些键盘多数是模仿 iOS 键盘的,而且有几个在尺寸上没有考究,比如上下两排按键或间隙都不是统一的,有 1 px 的差距,这样它们就没有什么参考价值。 Android 键盘也有尺寸诡异的地方,比如按键的圆角是 2px,2 px 的圆角在通常情况下是没有表现力的(只有3个像素参与),尤其像键盘这种密集排布的,反而让人感觉难受。

比较上面两个键盘,iOS 键盘虽然在整体的尺寸上小于 Android 键盘,但是按键之间的间距都要大于 Android 键盘,横向的 0.93 mm 对比 0.87 mm,纵向的 2.49 mm 对比 1.96 mm,尤其是纵向的差距,使得 iOS 键盘的按键可以更清晰和安心的识别、瞄准和按下,此时 iOS 上 8px 的圆角也发挥了很重要的作用。iOS 键盘的文字使用的是黑色的 32 px 高的大写 Helvetica (Bold),而 Android 键盘采用的是白色的 x-height 为 20 px 的小写 Droid Sans (Bold),人对物体的识别通常被轮廓左右,简单饱满的轮廓所需的识别精力小,尤其是在重复连续的键盘操作中,Android 键盘上的小写的小字体需要花费更多的精力,字体小需要聚焦,而复杂的小写字体轮廓让人付出更多的精力来拾取轮廓而且高度上会有跳动(更容易中途中断),而大写的大字体,在整体上是饱满完整的,在识别上所费精力更少。iOS 键盘的字体带来另外一个良好体验,就是与识别结合的后继动作——瞄准,它让人感觉到更容易被瞄准和敲击,因为按键上有字体,所以瞄准时首要注意的是字体的中心,而按键的轮廓是辅助,那么 Android 的小写字体更不容易找到中心,像 j l i 等就显得更难了。Android 键盘还有一个颜色的设计,从完全黑色的背景到灰色的按键再到白色的字体,引导视力集中到小字体上,而 iOS 富有层次感的设计,从有柔和渐变的背景到清晰突出的按键,再到黑色的大字体,让人的视力不过分集中,这样字体和按键感觉上是一体的,这也符合操作的识别范式。细致的层次感设计,比如阴影、渐变和高光让界面更加具形化,丰富人的体验。

什么是“丰富人的体验”?从 iOS 键盘的一个创新设计说起,那就是当按键被触发时挤出的放大显示牌,就是 D621,848 这个设计专利。iPhone 之后的其它虚拟键盘也有类似的放大显示,不过基本都是在上方跳出一个独立的方块,不像 iOS 有挤出效果,让人在感觉上能平滑的过度。放大显示从另外一个角度是设计的必然,即没有 Apple 其他的后来者都会想到,它位于逻辑的主干道上,但是像 iOS 这样的交互方式,是一种创新。这个放大显示牌它是在按键被触发后才显示的,也就是它是不参与识别、瞄准和敲击这个过程的,也就是它对当前这个按键出发行为和结果并没有带来帮助,只有当按错了之后,它才可能发挥它的显示功用,而通常情况下它是被忽略的,或者说只被散落的注意力关注着,它的作用只是有限的辅助修正输入。但是它却“丰富了人的体验”,它就像那些细致刻画了键盘层次感的阴影高光,或者键盘声音一样,如果没有它,功能上并没有什么缺失,但是就像没有了润滑油。它只能显示用于比较刚才敲击的按键是否正确,它不能保证当前的操作更精确,但是它可以让下一个操作更精确。当我们说体验这个词时,它必然与过程相关。

iOS 键盘无论是从操作前的视觉体验,还是操作过程之中以及之后,它都让人感觉其隐含的优秀性能,虽然实际上人的操作只是在敲击玻璃。

我们先要下个岔道溜达一下,因为我认为有一些值得讨论的东西。

Built from scratch,始自粗砺

iOS 键盘的挤出放大显示牌似乎 Apple 很早就做了,在 2005 提交的一份专利申请中可以看到类似的,如上图左所示,这份专利的申请号为 20060053387,题目为“Operation of a computer with touch screen interface”,发明者署名只有 Bas Ording 一人。这份专利申请主要是关于一些诸如按键的操作,比如不同时长的接触时间配置不同的反应,而上图这个键盘指示牌是放在最后的一项应用实现。在这份专利描述中的显示牌是“preview”用的,它是在一个虚拟界面元素被激发在为期指派功能前显示这个元素被激发,比如当手指停留在触摸屏或者移动而不举起,那么界面元素对应的功能就未激发。

上图右来自 Apple 在 2004 年提交的一份专利申请,这是 Apple 最早的几份与多点触摸以及平板电脑有关的专利之一,这份专利的申请号码为 20060026535,专利的署名有 Bas Ording,Greg Christie 和 Imran Chaudhri 三位用户界面设计师,Steve Hotelling,Brian Huppi 和 Joshua Strickon 的三位硬件设计人员,Jonathan Ive 和 Duncan kerr 两位工业设计师。这份名为“Mode-based graphical user … [more]
Essays  affordance  apple  Naoto_Fukasawa  UI  用户体验  认知心理学 
november 2011 by mojacc
一些有意思的文章和资源
又到了向大家介绍一些最近我在网上发现的有价值的东西的时候了。(下面的链接中很多都被墙)

以前向大家介绍过《一些重要的算法》和《算法和数据结构词典》,不过,你知道有些什么样比较奇怪的数据结构吗?wikipedia上的这个词条可以让你看看各种不同的数据结构。比如:Skip lists, Bloom filters,或是什么Dancing links。你也许会像一个以“如何学好C++”中的朋友们所说的,不削于这种所谓的“奇技淫巧”,甚至觉得这太根本不实用。其实,这些东西还是有用的,至少对你开阔思路,活动编程思维能力很有意义。

本站的关于排序的文章有很多,对于排序算法来说,其受到要排序的个数和数据的杂乱程度的影响,我们知道比较稳定的排序算法是快速排序和归并排序,归并排序对于大量的数据排序效果是非常好的,尤其是我们可以进行并行的排序。这里有一个并行归并排序的算法的源代码,你可以参考一下 – “Parallel Merge Sort”。

说到“奇技淫巧”和算法,这里有一个文章向你展示了C语言中使用位操作可能完成的各种算法,很有意思。请参看 – “The Aggregate Magic Algorithms”

这里有篇文章教你如何取得一个在线的哈佛大学的硕士学位,文章中说了一些相关的事宜,包括一些收费情况,并且展示了一张文凭。这里有一个网页说明了哈佛软件工程学位(Software Engineering)的所需要学习的科目,比如:Java和分布式计算,分布式/企业级计算,设计模式和Java,通讯协议,高级数据网络,Web开发,计算理论,Perl实践,Unix系统编程……我不知道我们的国家各个大学的硕士在学什么,因为我没有读过硕士,但好像现在的计算机研究生只是导师用来挣钱的免费资源,而且,实在不知道研究生在校研究什么。不管怎么样,从这看来,我们的大学好像并没有教给学生计算机的技术。比如在“如何学好C语言”和“如何学好C++语言”中我提到的那些书,那些才是大学里应该学的。我国的教育还真不是一般的落后,不过你不妨试试哈佛的在线学位。

关于网上的电子书,以前本站介绍过一 个免费电子书列表,这里再推荐一个网站,上面有很多很多很不错的计算机科学方面的电子书,当然,都是英文的。ªªhttp://www.sciencebooksonline.info/computer-science.html。我知道你对英文发憷,但是,朋友,你一定要学好英文啊,这不仅仅只是为了学好计算机啊。ºº

还记得本站的“64位平台开发的注意事项”吗?Intel Software Network上有这样一篇文章其收集了一些在64位平台上经常出现的错的,图文并茂的,相当的不错,强力推荐给大家 – “A Collection of Examples of 64-bit Errors in Real Programs”

你爱好汇编语言吗?如果你是汇编的痴迷者,那么mac.com上的这个列表对你很有意义了。里面的相关文章非常不错哦。而这里有一个Step by Step的x86汇编编程教程。

还记得那篇“UI和UX的差别”吗?呵呵。这里有一个网站,给了你30+条UX用户体验的建议,我觉得非常不错,转给大家http://uxmyths.com/

想在Visual Studio 2010下编写Python吗?那么,向你介绍这个微软官方的插件Python  Tools for Visual Studio。你还可以在VS中调试你的Python代码。挺不错的。

在VS里开发Python,那么就可以使用Eclipse编写Android程序,这里有一篇教程教你 - Get Started Developing For Android With Eclipse, Reloaded

说到了Android,必然要提一提iOS。想学iOS编程吗?这里有一篇教程很不错,如果你是一个什么也不懂的初学者,你不妨看看这篇文章“Build iOS App from Scrach”

查JDK是不是有点不好查?这里有一个网站可以方便地查找JDK和Android的API - http://www.kiwidoc.com,我觉得很不错哦。

不知道你是不是一个怀旧的人,你是否还记得以前用C语言开发Web的时光呢?我记得我97-98年的时候学过用C开发web应用,觉得挺难学的,我还没有完全搞懂,就出现了ASP,PHP……。这两天看到一篇 C++ Web Programming,讲得真是很系统啊,从处理HTTP Header,到处理表单和上传文件。看完后,感觉有点坐着时光机器回到大学时的感觉。呵呵。

说到Web编程,现在的Web编程和以前很不一样了。你觉得未来的Web编程的技术会是什么样的?NoSQL? 服务器端的Javascript? 各种像Amazon的EC2或S3的云计算平台?更新更强大的开发框架?HTML 5/CSS 3?这里有一篇文章你可以去看看 – “7 Exciting Web Development Trends for 2011”.

无论Web编程到了什么时候,安全问题永远都是你需要注意的。这里有一篇文章“What Every Web Programmer Needs To Know About Security” –  每一个Web程序员都应该知道的安全问题。

再推荐两个关于WebGL的游戏演示,一个是3D的比较好玩的有点像贪吃蛇一样的游戏,另一个是RPG式的游戏,第三人称视角,看上去很不错。

这里有20款图标,ªªhttp://www.tutorialcadet.com/20-user-interface-icon-sets-for-developers/,也许会对你的UI开发有帮助。wikipedia上也有一些免费的图标。ºº

在以前的“一些资源介绍”的文章中介绍过一篇教程教你用x86的汇编做一个操作系统, 这里又有一篇文章向你展示了一个最最简单的操作系统内核,这个操作系统叫做Itsy-OS Kernel,你可以看看。

你还记得Google在四月一日愚人节那天搞的那个Google Gmail Motion吗?用你的body Language写邮件?呵呵,不过,某人使用微软的Kinect做到了,视频在这里:http://www.youtube.com/watch?v=Lfso7_i9Ko8。项目主页在这里:http://projects.ict.usc.edu/mxr/faast/。
不知道你看过电影《创战纪》了吗?我个人觉得电影很一般。不过你想知道里面的一些特效是用什么样的技术怎么做的吗?呵呵,其中的一个程序员写了一篇博文 – “Tron Legacy”,我看到了Unix, C++等。这篇文章很不错。

好的,就这么多,也欢迎你分享你所看到的和听到的东西。

(全文完)

相关文章2011年03月29日 -- 如何学好C语言2011年03月18日 -- 可视化的排序过程2011年03月04日 -- 一些有意思的贴子和工具2011年03月03日 -- 另类UX让你输入强口令2011年02月28日 -- 打印质数的各种算法2011年01月24日 -- Android将允许纯C/C++开发应用2011年01月21日 -- 64位平台C/C++开发注意事项
Web开发  技术读物  杂项资源  64bits  Algorithm  Android  C++  ebook  Java  Python  UI  UX  算法 
april 2011 by mojacc
超强的免费UI工具包,PDF文件和PSD资源
为了设计一个网站,软件以及任何其他产品的用户界面,你都需要一些基本的UI元素。这里就有网页设计工具箱和用户界面设计工具包派上用场。当你想为你的项目创建一个低精度的原型时,你可以用到这些工具包,它会在确定的外形上给你灵感,保证你不在细节里迷失。注:Wireframe,或者说「web ware frame」、「web wireframing」,是一种用于网页设计的简易可视化指引工具,可对于网站结构与页面之间的关联提供具体的参考。网站蓝图是用以呈现使用网页中网页排版组件的类似图画。一般来说,在任何网页设计之前,都会先完成构图,就像Fireworks,Photoshop等。via:Wiki

这里有一些非常有用的网页和手机界面工具包,一些PDF文件以及一些PSD资源,你可以用在你的项目中。我精心挑选出一些最有用的工具包和资源,让你迅速进入状态。

免费的手机GUI PSD 文件
Android GUI PSD文件

这款Android GUI PSD文件是基于Android 1.5 GUI,用其Android应用程序设计模型帮助开源社区。大部分元素和手机图标都已经完成,并且是矢量图,便于更改尺寸。Android Sans是用于文本显示。

黑莓PSD文件

这是有图层的完整PSD文件,它有135个Photoshop图层.

iPad GUI 的PSD文件包

这个文件包里包含全套尺寸图形,即256,128和64像素大小的图标文件。它还包括了4种iPad 图形尺寸,分别以PSD,PNG和Mac ICNS 格式存在。

ipad和 iphone GUI设计

使用这些应有尽有的模板来为iPhone, iPod Touch 和 iPad设计应用程序。所有的模板由原生的OmniGraffle 图形手绘,已经分好组,可以缩放,调整大小,可在Graffle中以其他矢量格式输出。

免费的社区网络PSD文件包
免费全图层Facebook GUI PSD文件包

此套件初衷是加快Facebook 应用UI和Facebook 粉丝页面的设计样版,节省你绘制所有作品时间,让你按需要自定义所有的文本,按钮和数据。本套件在所有项目中免费使用,没有任何限制。

太多了,就挑几个自己比较喜欢的MARK下,还有N多资源我都没有在这里列出,感兴趣的话猛击这里(英文版的)去看吧!

对了,得说下,这里还有个中文版的,不过也只有部分资源,要看全的话还是去英文版比较好!

30个漂亮的免费图标(ICON)集 (2)30个使用超大图片做背景的Web设计实例 (0)50+绿色调的网站欣赏 (2)免费下载30+美观的英文字体 (0)15个高品质的房地产网站免费模板 (0)20套免费的清新图标集 (7)来自Flop Design的21个免费字体 (7)20个轻快简约的网站设计示例 (0)25个优秀的纯flash网站 (0)轻设计,让网站灵敏轻便的6个技巧 (2)
免费资源  PSD  工具资源  界面设计  设计资源  UI  PDF  网站设计 
november 2010 by mojacc
30+ Web下拉菜单
以前给大家介绍过13个不错的Javascript和CSS的菜单、20个优秀的Javascript导航技术、30种时尚的CSS网站导航条,今天在网上看到一篇文章其收集了30多个下拉菜单(分为两类,jQuery和CSS+Javascript的),转过来。

原文:http://smashinghub.com/3-useful-drop-down-menu-scripts-to-enhance-header-navigation.htm

jQuery
Smooth Navigation Menu



Simple Drop Down Menu Plugin

Dropdown, iPod Drilldown, and Flyout styles

jQuery and CSS Example

Create the Fanciest Drop Down Menu You Ever Saw

A Different Top Navigation

Simple jQuery Dropdowns

Sexy Drop Down Menu with jQuery and CSS

How to Create a Drop Down Nav Menu with HTML5, CSS3, and jQuery

Reinventing a Drop Down with CSS and jQuery

Superfish


Animated Drop Down Menu with jQuery

jQuery Menu: Dropdown, Drilldown, and iPod Flyout Styles

McDropdown jQuery Plugin


Mega Drop Down Menus with CSS & jQuery

Sliding jQuery Menu

jdMenu Hierarchical Menu Plugin

Dim Gray Drop Down Menu

Create a MultiLevel Dropdown Menu with CSS and Improve it with jQuery

jQuery Drop Down Menu for RSS Subscription


Easy to Style jQuery Drop Down Menu

CSS and Java Scripts

Lwis Dropdown Menu Framework

MenuMatic

Sexy Sliding Menu

Circular Menu

Vimeo-like Top Navigation

FG jQuery Menu

Ext JS Tree Panel

Apple Style Menu

Hover Box
Styled Menus

(全文完)

相关文章2009年11月04日 -- 13个不错的Javascript和CSS的菜单2010年09月28日 -- 一些非常有意思的杂项资源2009年12月15日 -- Web中的省略号2010年11月25日 -- 几篇技术文章2010年11月01日 -- 一个人脸识别的Javascript2010年10月25日 -- 在线作图编辑服务2010年10月18日 -- 一些非常不错的资料
Web开发  杂项资源  CSS  Javascript  jQuery  Menu  UI 
october 2010 by mojacc
一些非常有意思的杂项资源
下面是一些最近在互联网上看到的一些各式各样的资源和文章,当然,都是英文社区的,本来想每一个写一篇文章,但是觉得一篇文章一句话真没劲,所以,把这些东西合并写成一篇文章,这样有利于减轻本站的负载,也有利于节省网络带宽,同样,也就节省了能力和电力,因此也就很环保,很低碳。呵呵。

先是一个《Windows Internal》第五版的第五章的电子版(英文的),你可以在这里下载。关于其它一些电子书,你可以看看本站的这篇文章《免费电子书列表》、《非常不错的编程技术教程》、《超过100本的linux免费书籍》和《20本最好的Linux免费书籍》



ªªhttp://www.3dtin.com/是一个用纯Javascript搞的一个3D作图的网站,Javascript是越来越强大了。这个演示可以让你看到以后Web应用的潜力。关于Javascript的一些东西,你可以参看本站的这些文章《JS1Kºº 演示》、《又一个Javascript试验田》、《一个Windows 3.1的Web网站》、《哥是玩程序的》。



说到这些很酷很炫的东西,大家一定会想到使用Flash,不过,目前的Flash正在受到HTML5的强力挑战,目前,对于HTML5的展示网站很多,让我们看到了HTML5完全可以做出Flash的样子,比如前些天本站说到的这个演示,还有给大家展示的纯HTML5的小游戏,不过,那些都是一些演示和展示罢了。今天在网上看到一个更强大的HTML5游戏,相当有可玩性,大家不妨一去试玩:http://www.phoboslab.org/biolab/



HTML5 可以应用的还不只是游戏,这不,有文章指出,用VexFlow还可以很轻松地在网页上发布乐谱。而这个网页还可以让你制作Hi-PoP音乐。



说到Web开发,就得要提CSS了,这里有一个在线编辑CSS的网站,很不错,ªªhttp://css3.mikeplate.com/。关于CSS和Web开发的一些文章,你可以查看本站的CSS的Tag。现在,这种在线的东西是越来越多了,比如:《Emacs配色在线生成器》、《Coderun.comºº 在线开发IDE》、《正则表达式生成器》、《Ajax开发利器UIzard》、《一个在线的画UML图的网站》。



说起在线服务,就不得不说说在线代码编译的服务,我觉得这种服务相当好,不需要你在本机安装编译器或IDE,想试试某个语言的语法,真接上网就OK,很方便。以前本站向大家介绍过《在线代码编译服务Codepad.org》其支持:C,C++,D,Haskell,Lua,OCaml,PHP,Perl,Plain Text,Python,Ruby,Scheme,Tcl。当然,在这里,向你介绍一个可以运行Go语言的:http://golang.org/doc/play/



说起Web开发,很自然的就能想到UI。下面是一个UI的设计Patterns,这篇文章告诉了我们12个比较常用或是经典的图形UI Patterns。关于UI方面的话题,你可以参看酷壳的《35个强大的UI设计教程》、《UI的恶梦》和《史上最糟糕的网站》。



说起Web的界面,最让各位WEB开发者痛苦的就是网页兼容性问题,IE是一个恶梦,因为其自己和自己都不兼容,在MSDN上,有这样的一个网页说明了从IE5一直到IE9的CSS的兼容性问题,很多很多的表格,头都看大了。当然,以前本站的《检查网页浏览器的兼容性》的文章向你介绍过如何查看网站在不同浏览器中和操作系统下的效果(其也是一个在线服务)。



当然,Web上的开发,问题最大的还是安全问题,我们的Ruby on Rails给出了一个Web安全的开发教程,相当不错哦。谈到了几乎所有最有威胁和最常用的网上攻击,这个文档应该是所有Web开发者都需要注意的。



下面是一个给新手学习linux用的一个桌面(点击图片看大图),其列出了很多常用的命令,以及VI的常用命令。关于VI的一些东西,你可以查看本站的这些文章,如:VIM有趣的命令、如何在vim中得到你最喜爱的IDE特性



最后,给大家介绍一个关于文件格式方面东西,我们知道,很多文件的开头表明着这个文件的类型,所以,有这样的一个网站了维护了这么一个信息列表,其把几乎所有常见的文件头的那段和文件类型相关的Magic Number列了出来,而且还保持更新,非常不错哦,这个网站是:http://www.garykessler.net/library/file_sigs.html,希望能对你有用哦。



最最后,给大家介绍一个开源项目,叫Structure Synth,这个东西可以用来画出一些很酷的图,相当不错,使用起来非常简单,我试用了一下,的确很强大。用一些简单的脚本就可以作出很不错的3D图,下面是他的一个示例,只需要写那么不到10行的代码,很简单。

想看看,大家用这个东西做什么酷图了吗?上 http://www.flickr.com/groups/structuresynth/ 看看吧。




(全文完)

相关文章2010年09月09日 -- 你准备使用 HTML 5 吗?2010年07月27日 -- HTML5 和 Flash 之争2009年12月15日 -- Web中的省略号2009年07月16日 -- (免费在线)新书推荐:搜索的用户界面2010年10月12日 -- 主流文本编辑器学习曲线2010年10月09日 -- 三个教程2010年10月08日 -- 40个很不错的CSS技术
Ajax开发  Ruby  Unix/Linux  Web开发  技术读物  杂项资源  轶事趣闻  AJAX  CSS  ebook  Flash  Go  GUI  HTML  IE  Linux  Structure_Synth  UI  vi  vim  Web 
september 2010 by mojacc

Copy this bookmark:





to read