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.pswp.cn/news/395674.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/395674.shtml
英文地址,請注明出處:http://en.pswp.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 …