热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

51CTO家园上线,8.1最新体验

8.1家园上线,修改的部分很多,基本带交互功能的栏目都受到了此次改版影响。在任意需要登录的栏目下点击登录,会发现交互界面变了。同时顶部的B
8.1家园上线,修改的部分很多,基本带交互功能 栏目都受到了此次改版影响。
在任意需要登录的栏目下点击登录,会发现交互界面变了。
同时顶部的Banner更宽了,顶部的banner按钮都定义了csshover,不过很明显,第一个错误出现了,图片标示不应该用这个黑框,鼠标移动过去出现黑框,感觉不太好。不仅仅是这一个图,所有涉及到使用了这个css的,图片下套黑色hover的动作都不好看。
点击登录跳转页面,我比较喜欢这个UI,现在很多网站都用这种展示风格了,同屏热点信息多,而且用户体验好。
美工设计的细节美在这里,右侧登录条下有一个小小的阴影,整体看起来就有立体感了。小细节,不过效果看起来非常好。
InBlock.gif家园用的关键字是SNS和think,不知道是什么意思,也许以后的活动会涵盖这两个词吧。。。。。。
假如在博客点击登录,那登录之后还会跳转到原页面,这个就不说了,说下直接登录家园的效果。
SNS标准界面,方便认识更多的,你之前不认识的人。注意右侧的51CTO推荐,这个功能可以很方便的推荐一些好友给大家。
 
4个功能属于外链,和家园没有任何关系,属于家园和其他栏目的整合。

 
改进功能

不看新增功能,相对观看博客的朋友来说,家园整合带来了几个优点。
1、  增加微博。
2、  直接点击进入论坛。查看过往回复的帖子、发布的帖子。同时带数据统计
3、  直接点击进入博客。查看过往回复的博客、发布的博客。同时带数据统计。
4、  用户信息丰富,易增进其他用户的了解。
在用户体验上上,可以更好的带动论坛用户访问博客,博客用户访问论坛
关于第四点用图片来说明:可以看到鼠标移动到用户(好友)头上时,会出现很多资讯,而这些资讯,很多是方便找同行的。
小问题

从昨天晚上上线,现在用了大概也有34个小时了,整体看来优点是很明显的,不过在用户体验上也带来了一个最大的问题,那就是比改版前慢了太多。像下面这种界面也出了个问题,Windows7IE8是正常的,但是xp2003ie6下一律都加不上人。我怀疑是自己机器问题,试验了多台电脑,均是如此。
Windows7下的地址栏的碎纸图案也代表代码的兼容性有些问题。我遇到这种情况一般是加一句
<meta http-equiv&#61;"x-ua-compatible" content&#61;"ie&#61;7" />
强制让IE8使用IE7的方式解析 &#xff0c;不过实际测试&#xff0c;用不用兼容性视图&#xff0c;最终展示的页面没有任何问题。
其他的暂时我也没使用&#xff0c;不操作就没有发言权&#xff0c;所以就不多说了。这篇文章在此就当抛砖引玉了&#xff0c;希望能引来对家园更多更好的建议。



推荐阅读
  • 在处理遗留数据库的映射时,反向工程是一个重要的初始步骤。由于实体模式已经在数据库系统中存在,Hibernate 提供了自动化工具来简化这一过程,帮助开发人员快速生成持久化类和映射文件。通过反向工程,可以显著提高开发效率并减少手动配置的错误。此外,该工具还支持对现有数据库结构进行分析,自动生成符合 Hibernate 规范的配置文件,从而加速项目的启动和开发周期。 ... [详细]
  • 本文介绍如何在 Android 中自定义加载对话框 CustomProgressDialog,包括自定义 View 类和 XML 布局文件的详细步骤。 ... [详细]
  • 网站访问全流程解析
    本文详细介绍了从用户在浏览器中输入一个域名(如www.yy.com)到页面完全展示的整个过程,包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 本文详细介绍了如何利用Duilib界面库开发窗体动画效果,包括基本思路和技术细节。这些方法不仅适用于Duilib,还可以扩展到其他类似的界面开发工具。 ... [详细]
  • 掌握Android UI设计:利用ZoomControls实现图片缩放功能
    本文介绍了如何在Android应用中通过使用ZoomControls组件来实现图片的缩放功能。ZoomControls提供了一种简单且直观的方式,让用户可以通过点击放大和缩小按钮来调整图片的显示大小。文章详细讲解了ZoomControls的基本用法、布局设置以及与ImageView的结合使用方法,适合初学者快速掌握Android UI设计中的这一重要功能。 ... [详细]
  • 技术分享:深入解析GestureDetector手势识别机制
    技术分享:深入解析GestureDetector手势识别机制 ... [详细]
  • Android 图像色彩处理技术详解
    本文详细探讨了 Android 平台上的图像色彩处理技术,重点介绍了如何通过模仿美图秀秀的交互方式,利用 SeekBar 实现对图片颜色的精细调整。文章展示了具体的布局设计和代码实现,帮助开发者更好地理解和应用图像处理技术。 ... [详细]
  • 本文介绍了在PHP环境中优化表格列表和表单Label样式的技巧,通过CSS代码提升表单的视觉效果。具体包括为每个标签添加箭头背景,并在标签获得焦点时实现背景高亮的效果。示例代码展示了如何为“姓名”和“邮件”字段应用这些样式,适用于phpStudy开发环境。 ... [详细]
  • C#编程指南:实现列表与WPF数据网格的高效绑定方法 ... [详细]
  • DVWA学习笔记系列:深入理解CSRF攻击机制
    DVWA学习笔记系列:深入理解CSRF攻击机制 ... [详细]
  • Parallels Desktop 10 是一款功能强大的虚拟化软件,专为 Mac 用户设计,使其能够无缝运行 Windows 应用程序。该软件不仅显著提升了图形应用的性能,还优化了演示效果。对于需要在 Mac 上高效运行 Windows 程序的用户来说,Parallels Desktop 10 是一个理想的选择。本文将介绍如何获取其激活码及免费下载渠道,帮助用户轻松激活并使用这一强大工具。 ... [详细]
  • 本文探讨了利用Java实现WebSocket实时消息推送技术的方法。与传统的轮询、长连接或短连接等方案相比,WebSocket提供了一种更为高效和低延迟的双向通信机制。通过建立持久连接,服务器能够主动向客户端推送数据,从而实现真正的实时消息传递。此外,本文还介绍了WebSocket在实际应用中的优势和应用场景,并提供了详细的实现步骤和技术细节。 ... [详细]
  • 在尝试对从复杂 XSD 生成的类进行序列化时,遇到了 `NullReferenceException` 错误。尽管已经花费了数小时进行调试和搜索相关资料,但仍然无法找到问题的根源。希望社区能够提供一些指导和建议,帮助解决这一难题。 ... [详细]
  • 深入解析 Android 选择器与形状绘制技术
    本文深入探讨了 Android 中选择器(Selector)与形状绘制(Shape Drawing)技术的应用与实现。重点分析了 `Selector` 的 `item` 元素,其中包括 `android:drawable` 属性的使用方法及其在不同状态下的表现。此外,还详细介绍了如何通过 XML 定义复杂的形状和渐变效果,以提升 UI 设计的灵活性和美观性。 ... [详细]
author-avatar
生命的无言
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有