win7无损扩大c盘空间_无损网络导航的空间模型

win7无损扩大c盘空间

by Patryk Adaś

通过PatrykAdaś

无损网络导航的空间模型 (A Spacial Model for Lossless Web Navigation)

In my last post I described the concept of navigation trails as an evolution of the standard tabbed browsing model.

在我的上一篇文章中,我将导航轨迹的概念描述为标准选项卡式浏览模型的演变。

As a part of the Browser.html project, I’m working on a spatial model through various user interactions and animations. This should help users better understand what’s going on and how to navigate the web most effectively.

作为Browser.html项目的一部分,我正在通过各种用户交互和动画来开发空间模型。 这应该可以帮助用户更好地了解正在发生的事情以及如何最有效地浏览网络。

Users have developed certain behaviors and expectations we want to build upon. Instead of replacing existing workflows, we want to enhance them.

用户已经开发出某些我们希望建立的行为和期望。 我们希望替代现有工作流程,而不是对其进行改进。

水平运动—后退/前进 (Horizontal movement — going back / forward)

When you rewinding a cassette or use a video editing tool, one common interaction model is horizontal movement along a timeline. Browsers use this approach to allow users to go back in their navigation history. But this only allows going backward a single history entry at a time. Shortcuts exist, but they don’t allow previewing past pages.

当倒带或使用视频编辑工具时,一种常见的交互模型是沿时间轴的水平移动。 浏览器使用此方法允许用户返回其导航历史记录。 但这仅允许一次回退单个历史记录条目。 存在捷径,但是它们不允许预览过去的页面。

Even with conventionally lossy navigation history, it’s common to have multiple entries to go backward or forward. Introducing trails will only increase the number of entries.

即使具有传统上有损的导航历史记录,通常也要有多个条目来进行前进或后退。 引入跟踪只会增加条目的数量。

We want users to select an arbitrary point in the timeline using familiar interactions.

我们希望用户使用熟悉的交互方式在时间轴中选择任意点。

In our design, a light pull (swipe) from the left allows the user to take a peek at the last history entry. Pulling further unfolds the full trail and reveals the entire history, allowing the user to return to an arbitrary point by releasing on a site.

在我们的设计中,向左轻拉(滑动)使用户可以浏览最后一个历史记录条目。 拉动进一步展开完整的线索并显示整个历史记录,从而允许用户通过在站点上释放来返回任意点。

Pulling past all of the entries switches to a trails overview, as we assume the user wanted to switch to a different website.

跳过所有条目将切换到路径概述,因为我们假设用户希望切换到其他网站。

We want to provide visual clues at the earliest stage of building a trail. A new website will push the current page to the left, becoming the first in line.

我们希望在建立步道的最早阶段提供视觉线索。 一个新的网站会将当前页面推到左侧,成为第一行。

垂直运动-切换轨迹 (Vertical movement — switching trail)

Mainstream desktop browsers end up overloading the horizontal axis as a way of switching tabs. In contrast, mobile browsers use vertical space for this purpose.

主流台式机浏览器最终会导致水平轴过载,从而切换选项卡。 相反,移动浏览器为此使用垂直空间。

This aligns with long-standing use of vertical ordering in catalogues and as a natural way of arranging todo items.

这与长期在目录中使用垂直排序相一致,并且是安排待办事项的自然方法。

The average person tends to have either less than eight tabs open, or to add tabs without organization until declaring “tab bankruptcy” and starting fresh.

一般人倾向于打开少于八个标签,或者在没有组织之前添加标签,直到宣布“标签破产”并重新开始。

Opening link in the background creates a trail that slides below the currently featured page, once again providing a clue of where new trails end up spatially.

在后台打开链接会创建一条在当前功能页面下方滑动的路径,再次提供新路径在空间上结束的线索。

The bottom of a page is a natural place to provide easy access to the next trail, which is conveniently accessed by scrolling past the end of the page.

页面底部很自然,可以轻松访问下一条路径,只需滚动到页面末尾即可方便地进行访问。

In order for the mental model to work it needs to be applied to all views. The trails overview allows navigation within trails using the same horizontal gestures shown earlier and switching trails using vertical gestures. It provides a navigational map with access to all trails taken while pursuing a specific topic.

为了使心理模型起作用,需要将其应用于所有视图。 轨迹概述允许使用之前显示的相同水平手势在轨迹内导航,并使用垂直手势切换轨迹。 它提供了一个导航地图,可以访问追求特定主题时采取的所有路径。

加入我们! (Join us!)

We’re currently working on building our first working prototype. If this sounds like fun to you, please check out the Browser.html project! You can find our list of open issues on GitHub, or come chat with us on our Slack.

我们目前正在构建第一个可运行的原型。 如果您觉得这很有趣,请签出Browser.html项目! 您可以在GitHub上找到我们的未解决问题列表,或者在Slack上与我们聊天。

翻译自: https://www.freecodecamp.org/news/lossless-web-navigation-spatial-model-37f83438201d/

win7无损扩大c盘空间

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/395674.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

php访问者信息,如何通过PHP检索访问者的ISP?

我试图纠正拉姆库马尔的答案,但每当我编辑他们的帖子,我将被暂时禁止,我的修改被忽略。(至于为什么,我不知道,这是我第一次也是唯一一次在这个网站上编辑。)由于网站更改和管理员执行基本的bot检查(检查标题),他的代码不再工作:$IP $_SERVER[REMOTE_ADDR];$User_Agent Mozill…

从《在小吃店遇见凯恩斯》初识经济

最近在看《在小吃店遇见凯恩斯》这本书,算是对经济和经济学的初步认识。 那些概念 1. 经济与经济学 经济:经世济民,经营国家、救赎百姓,发展国家经济进步、促成人人致富。 经济学:研究发展国家经济进步、促成人人致富的…

2pc 3pc_在1990年代如何宣传PC

2pc 3pcby Ilya Pestov通过伊利亚佩斯托夫(Ilya Pestov) 在1990年代如何宣传PC (How PCs were advertised in the 1990s) Today, hard drives are boring. You can buy a terabyte hard drive for $50. But back in the day, people would get excited when they saw ads anno…

WPF自定义空心文字

WPF自定义空心文字 原文:WPF自定义空心文字首先创建一个自定义控件,继承自FrameworkElement,“Generic.xaml”中可以不添加样式。 要自定义空心文字,要用到绘制格式化文本FormattedText类。FormattedText对象提供的文本格式设置功能比WPF提供…

php默认日志位置,Laravel 修改默认日志文件名称和位置的例子

修改默认日志位置我们平常的开发中可能一直把laravel的日志文件放在默认位置不会有什么影响,但如果我们的项目上线时是全量部署,每次部署都是git中最新的代码,那这个时候每次都会清空我们的日志,显示这不是我们所期望的&#xff0…

【转】UITableView详解(UITableViewCell

原文网址:http://www.kancloud.cn/digest/ios-1/107420 上一节中,我们定义的cell比较单一,只是单调的输入文本和插入图片,但是在实际开发中,有的cell上面有按钮,有的cell上面有滑动控件,有的cell上面有开关选项等等,具体参加下面2个图的对比: 我们可以通过…

Android 最简单的MVP案例;

随手撸个发出来: V:界面层 //界面层需要实现P.View方法,然后重写P.View中的方法;M层给的数据就在这些个方法的参数中; // 还要获取到P.Provide的实例,使用P.Provide去调用M层的方法; public cla…

c++编码风格指南_100%正确编码样式指南

c编码风格指南Tabs or spaces? Curly brace on the same line or a new line? 80 character width or 120?制表符或空格? 在同一行或新行上大括号? 80个字符的宽度还是120个字符? Coders love to argue about this kind of stuff. The ta…

Netty源码注释翻译-Channel类

定义为一个通往网络socket或者一个由I/O读写能力的组件。 通道提供: 1,通道的当前状态,打开?已连接? 2,跟通道关联的配置信息ChannelConfig,包括buffer大小等。 3,通道支持的I/O操作…

Today is weekend不是应该一定会输出吗

判断语句 If…else块&#xff0c;请看下面这个例子&#xff1a; <%! int day 3; %>                       //声明变量感叹号 <html> <head><title>IF...ELSE Example</title></head> <body> <% if (day …

时间模块和时间工具

一、time模块 三种格式 时间戳时间&#xff1a;浮点数 单位为秒 时间戳起始时间&#xff1a; 1970.1.1 0:0:0 英国伦敦时间 1970.1.1 8:0:0 我国(东8区) 结构化时间&#xff1a;元组(struct_time) 格式化时间&#xff1a;str数据类型的 1、常用方法 import timetime.sleep(secs…

redux扩展工具_用鸭子扩展您的Redux App

redux扩展工具How does your front-end application scale? How do you make sure that the code you’re writing is maintainable 6 months from now?您的前端应用程序如何扩展&#xff1f; 您如何确定您正在编写的代码从现在起6个月内可维护&#xff1f; Redux took the …

mac下源码安装redis

转载&#xff1a;http://www.jianshu.com/p/6b5eca8d908b 下载安装包 redis-3.0.7.tar.gz 官网地址&#xff1a;http://redis.io/download 解压&#xff1a;tar -zvxf redis-3.0.7.tar.gz 将解压后的文件夹放到 /usr/local目录下 编译测试:接下来在终端中切换到/usr/local/red…

代码扫描工具测试覆盖率工具

测试覆盖率工具转载于:https://www.cnblogs.com/vivian-test/p/5398289.html

php splqueue 5.5安装,解析PHP标准库SPL数据结构

SPL提供了双向链表、堆栈、队列、堆、降序堆、升序堆、优先级队列、定长数组、对象容器SplQueue 队列类进出异端&#xff0c;先进先出<?php $obj new SplQueue();//插入一个节点到top位置$obj->enqueue(1);$obj->enqueue(2);$obj->enqueue(3);/**SplQueue Object…

Beta阶段敏捷冲刺总结

设想和目标 1. 我们的软件要解决什么问题&#xff1f;是否定义得很清楚&#xff1f;是否对典型用户和典型场景有清晰的描述&#xff1f; 在最开始的时候我们就是为了解决集美大学计算机工程学院网页没有搜索引擎的问题。因为没有搜索引擎&#xff0c;在搜索内容时需要根据查找信…

c语言 二进制压缩算法_使用C ++解释的二进制搜索算法

c语言 二进制压缩算法by Pablo E. Cortez由Pablo E.Cortez 使用C 解释的二进制搜索算法 (Binary Search Algorithms Explained using C) Binary search is one of those algorithms that you’ll come across on every (good) introductory computer science class. It’s an …

【LATEX】个人版latex论文模板

以下是我的个人论文模板&#xff0c;运行环境为Xelatex(在线ide&#xff1a;Sharelatex.com) 鉴于本人常有插入程序的需求&#xff0c;故引用了lstlisting \RequirePackage{ifxetex} \ifxetex\documentclass[hyperref, UTF8, c5size, no-math, winfonts&#xff0c;a4paper]{ct…

初识virtual memory

一、先谈几个重要的东西 virtual memory是一个抽象概念&#xff0c;书上的原文是"an abstraction of main memory known as virtual memory"&#xff08;参考资料p776&#xff09;。那么什么是抽象概念。下面说说我个人对这个东西的理解。 所谓抽象概念是指抽象出来的…

java创建mysql驱动,JDBC之Java连接mysql实现增删改查

使用软件&#xff1a;mysql、eclipse链接步骤&#xff1a;1.注册驱动2.创建一个连接对象3.写sql语句4.执行sql语句并返回一个结果或者结果集5.关闭链接(一般就是connection、statement、setresult)这三个连接对象&#xff0c;关闭顺序一般是(setresult ---> statement …