首页
学习
活动
专区
圈层
工具
发布

「译」谁动了我的按钮?

今天是周末,给各位分享一篇设计相关的文章。对用户来说,产品的“重设计”意味着自己需要付出一定的成本进行“重学习”,因此大部分的用户更愿意安于现状。...我大胆推测有两个原因:其一,环境由熟悉转向陌生,意味着在危急时刻将很难做到因地制宜;其二,要想适应新的环境,必须克服惯性并付出一定的努力。Jared Spool 在他的文章中也提到了这一点。...今天的生活已不像过去那般危机四伏,但当人们经常使用的产品突然在外观和使用感受上不同于以往的时候,依然会产生类似的情感体验。 人们需要一定的时间才能完全理解并接受变化本身的意义。...最近,我参与了 Outlook 在移动端浏览器体验上的重设计工作,在本文中,我会整理出我们微软产品团队在此次重设计中采取的措施,同时也进行回顾性的学习。 由于工作需要,用户会使用我们的产品。...image.png 第 2 阶段: 变化之后 与建立正确的引导过程一样重要的,是在后续过程中对引导效果的观察。从总体上来说,低数量的负面反馈是一个不错的迹象。 继续往下深挖对我们也是有帮助的。

50710

我的电脑系统换成了linux之解决火狐浏览器首页按钮强制访问sogou主页的问题

我的火狐浏览器默认主页是123.sogou.com 但是,我希望把我的首页变成百度。...然后我按照以前的习惯,在设置里面将主页的链接设置成了baidu.com 结果发现,后来还是会偷偷的给改成搜狗主页。 居然这么流氓!!! 这个时候我就发挥我的程序员能力了。...所以使用nginx的rewrite功能来重写URL,发现重写之后会带着get参数,这个时候,百度会自动跳转到错误页面,还是不行。...于是我就想到编写一个php文件,当请求的时候,就使用header进行重定向。 尝试了之后,发现非常ok。...最后我们测试一下,在浏览器里面点击主页图标。我这里就直接跳转到baidu 首页了。 完美!

99520
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    我是如何破解亚马逊一键购物按钮的?

    这看起来是个简单的问题,但并不好解决,于是我开始选择一些婴儿跟踪应用程序,但是功能貌似太单一,不理想。随着孩子的成长,功能需要不断加强。...通常情况下,需要打开按钮然后进行逆向工作。但是作者表示自己作为一个父亲,没有那么多时间来解决燃眉之急。 于是采取比较懒惰的路线,我需要编写一个程序,然后嗅探无线网络同时记录按钮的数据信息。...在这里我发现了一个问题,可能处于节能的目的考虑,再你不用按钮的时候,按钮是处于关闭的状态。 仅仅当你打开它,它才会工作,这就意味着每一次都需要重新连接你的无线网络,那么这就相对简单一些了。...这样就可以通过按下按钮向无线网络发出信息:“嗨!我的名字是[MAC地址]”。好吧,现在我们已经了解问题了。...修改后的程序程序运行时的终端输出。 3.将数据记录到谷歌电子表格 现在需要做的就是每次按下一个按钮就记录一次数据,我用到了一个工具来完成这一步。

    1.5K60

    这100个按钮,我就不信没有适合你的!

    大家好,我是前端实验室的大师兄!...我们推荐过很多好用的组件库,比如阿里的antdev,京东的NutUI,国外的daisy-UI等等等等,这些组件库不仅实用而且内容也很丰富,不仅有“按钮”,还有“弹窗”,“面包屑”,“图标”,“步骤条”等等...就拿 按钮 来说吧,都是一些常用的样式和功能 如果你想添加一些动效,或者修改一些样式,想要变得更加炫酷,更加有趣,这些组件库的 按钮 就无法满足了 所以今天大师兄就给大家推荐一个炫酷有趣的按钮组件库,...这个组件库就只有按钮这一个组件,而且多达100个,每个按钮的样式和动效都不一样,用这个组件库来学习动画,也很不错呦~ UI Buttons 100个现代CSS按钮。...100个样式 这个组件库里有100按钮,每一个的样式和动效都不一样,点击链接就能查看详细的代码 使用 每个都有提供独立的html结构和css样式代码,直接复制粘贴就能使用 接下来我们就用这个来改造一下

    94340

    打造动效按钮平台 ButtonCraft:我和 CodeBuddy 的协作旅程

    :要不做一个专门展示各种高级按钮动效的平台吧?...这个念头一冒出来,我就立刻在 CodeBuddy 里输入了这样的 Prompt: 我要用 Vue3 制作一个按钮动效展示平台 ButtonCraft,支持展示多种 hover/click 动效、自定义颜色大小阴影等属性...比如在实现“按钮动效展示”的核心功能时,它没有把所有逻辑都堆在一起,而是设计了以下核心组件: ButtonPreview.vue:展示带动画的按钮; ButtonEditor.vue:调整颜色、大小、阴影...通过组合式 API 和响应式设计,我可以轻松记录每次用户自定义的按钮样式,并实现一键恢复。 而且它还预设了一个简单的 localStorage 封装方法,保证收藏的按钮样式即使刷新页面也不会丢失。...接下来我会继续将 ButtonCraft 开发完成,把它做成一个真正可以收藏、分享、生成各种动效按钮的小工具平台。感谢 CodeBuddy 的出色协作,我愿称它为“代码界的超级工匠”。

    12300

    我做了一个炫酷的 GitHub 主页,竟一夜涨粉...

    每一个精心设计的仓库、每一次代码的提交,都在无声地诉说着开发者的故事与追求。而 GitHub 主页,作为这张舞台的幕布,其重要性不言而喻。...起初,我的 GitHub 主页和其他初学者一样,简单、朴素,甚至可以说是有些简陋。几行基础的自我介绍,几个零散的项目链接,就像是茫茫代码海洋中的一叶扁舟,难以引起他人的注意。...最近看到那些设计精美、内容丰富的个人主页时,心中总会涌起一股不甘与向往。于是,我暗下决心,要给自己的 GitHub 主页来一次全面改造。...我相信,只要保持这份热爱和坚持,我们都能在各自的领域里绽放出最耀眼的光芒。 在文章的尾声,我想对每一位耐心阅读至此的你,说一声真挚的感谢。你的每一分关注,都是对我莫大的鼓励和支持。...所以,别犹豫,点击那个小小的 “Follow” 按钮,让我们一起开启这段奇妙的旅程吧!未来的日子里,期待与你并肩作战,共同成长。都看到这里了,我的下一个粉丝,就是你!

    14320

    为什么我的数据库应用程序这么慢?

    当然这两者是相互联系的。 如果您的应用程序(或同一网络上的其他应用程序)生成的网络流量压倒可用带宽,则这可能会增加延迟。 延迟 延迟是在应用程序和SQL Server之间发送TCP数据包所需的时间。...这是一个普遍的问题吗?还是比别人慢一些? 最好小开始。如果您可以专注于特别缓慢的应用程序的某个特定区域,那么可以让生活更轻松,例如,当您点击发票页面上的“全选”按钮时,加载结果需要10秒钟。...请记住选择相关的网络界面,并注意您需要在与Wireshark的数据库不同的计算机上运行应用程序以查看流量​​。确保您没有运行任何其他本地SQL应用程序,而不是您尝试捕获的其他本地SQL应用程序。...显示当前和上一个数据包之间的时差,只需添加时间增量列,如下所示: 选择编辑|偏好|外观|列 点击+按钮,将类型下拉菜单更改为“达美时间”,将标题更改为“Delta” 过滤流量只需要: (tds.type...或者,当您知道您没有带宽瓶颈时,您需要查看应用程序使用多少带宽。为此,您还需要运行靠近数据库的应用程序,捕获Wireshark中的数据包,并检查应用程序使用的带宽。

    3.2K30

    分享我用Qt开发的应用程序【二】在Qt应用程序中使用字体图标fontawesome

    为了使用简单,需要先写一个单件类,头文件的代码如下: 其中静态方法Instance保证IconHelper的实例全局唯一 (注意构造函数已经私有化了) #ifndefICONHELPER_H #defineICONHELPER_H...应用程序所在目录下创建res目录,并放置字体文件/res/fontawesome-webfont.ttf 然后加载到全局字体中 #include"IconHelper.h" IconHelper*IconHelper...SetIcon(ui->RightBtn,QChar(0xf178),12); 详见:http://fontawesome.io/cheatsheet/ ----------------------- 我又开发了一个桌面日历的小程序分享给大家...1、黑色背景是我的桌面颜色,大家可以忽略 2、虽然右键菜单里写了“开机自启动”,但我并没有开发这个功能,请见谅 3、我会在下一篇文章里公布这个小程序的源码,敬请期待 4、这个小程序会始终在你的桌面上,...你点显示桌面,它还是在你的桌面上 ?

    2.7K70

    谷歌「我不是机器人」按钮隐藏了,但你的隐私暴露了

    新版的 reCaptcha 通常不会弹出「我不是机器人」复选框让用户打钩,似乎提升了用户体验。...现在,当你在一个使用 recaptcha v3 的网站上输入一个表单时,你不会看到「我不是机器人」复选框,也不需要证明你知道猫的样子。相反,你什么都看不见。 「这对用户来说是更好的体验。...「你必须了解正常用户在网站上的行为,并模仿得足够好,才能骗过我们,」他说。「这不仅仅是『假装我是人』那么简单。」...在这篇文章发表后,谷歌表示,Recaptcha 的 API 将硬件和软件信息(包括设备和应用程序数据)发送回谷歌进行分析,并且该服务仅用于抵制垃圾邮件和滥用。...例如,谷歌的 reCaptcha cookie 与 Facebook「like」按钮的逻辑相同,当它嵌入其他网站时,它会给该网站一些社交媒体功能,但也会让 Facebook 知道你在看什么。

    3.2K50

    四、HarmonyOS Next案例展示页面:MainPage深度解析

    主要是三级页面在我的设计中应该是案例的分层, 因此这里采用的用静态模块来开发, 从而避免多项目的影响不利于单独案例的掌握 三、UI结构实现 1....router.back()返回上一页 两个按钮共享相同的样式: 字体大小:16像素 文字颜色:浅灰色(#f5f5f5) 内边距:水平16像素,垂直8像素 边框圆角:8像素 按钮容器的设计特点: 右侧外边距...('← 返回') // 样式属性... .onClick(() => { router.back(); }) 返回导航使用router.back()方法,将用户带回上一页...这与二级页面中的返回按钮实现方式相同,保持了导航体验的一致性。 2....五、与项目其他页面的关系 MainPage作为三级页面,在整个应用的导航结构中处于以下位置: Index (主页) ├── BasicCaseList (萌新小白) │ └── MainPage (

    13610

    四、HarmonyOS Next案例展示页面:MainPage深度解析

    主要是三级页面在我的设计中应该是案例的分层, 因此这里采用的用静态模块来开发, 从而避免多项目的影响不利于单独案例的掌握三、UI结构实现1....()返回上一页两个按钮共享相同的样式:字体大小:16像素文字颜色:浅灰色(#f5f5f5)内边距:水平16像素,垂直8像素边框圆角:8像素按钮容器的设计特点:右侧外边距:32像素底部对齐(VerticalAlign.Bottom...Button('← 返回') // 样式属性... .onClick(() => { router.back(); })返回导航使用router.back()方法,将用户带回上一页...这与二级页面中的返回按钮实现方式相同,保持了导航体验的一致性。2....五、与项目其他页面的关系MainPage作为三级页面,在整个应用的导航结构中处于以下位置:Index (主页)├── BasicCaseList (萌新小白)│ └── MainPage (案例详情

    16010

    AI 编码圈新卷王 Magic Path 来了,Claude Engineer 团队出品,号称UI设计的 Cursor 时刻。

    MagicPath 想把这种乐趣带回来。 想试试?直接去https://magicpath.ai创造魔法吧。 上手体验 左边是侧边栏,显示你创建的项目。每个项目都有自己的画布和组件,方便管理。...顶部有个分享按钮,可以把画布分享给别人。 怎么生成 UI? 点底部那个"添加"按钮,画布上会出现一个 800x600 的框,右边弹出 AI 助手面板。..."流程 (Flows)" 功能:页面串联 这个功能也挺酷,能帮你生成跟当前页面相关联的新页面。比如,你做好了主页面,想加个登录页。点"流程"选项,主页面上会出现四个点。...想在主页面前加页面,点左边的点;想在后面加,点右边的点。点了之后,它会问你想要啥样的页面。比如,让它搞个简单的登录页。 一会儿,登录页就生成好了,还会自动连条线,表示它俩关联上了。...比如下面这个提示词,Magic Path中没生成出来: 好吧,我想你也看到了本文的排版有些不一样了,其实我正在写这样的排版工具。

    27400

    Firefox OS 被复活了

    究其原因,不少人认为其“失败”更多是出于市场份额的原因,而非技术问题。事实上,引导到浏览器并直接将应用程序与内核交互的想法是相当直观的。 后来,在 Firefox OS 的基础上,KaiOS 诞生。...但令人失望的是 KaiOS 是封闭系统,并且会跟踪用户,也有广告。KaiOS 的分叉 GerdaOS 则承诺将 Firefox OS 的一些开放性带回 KaiOS 设备。...不过,该项目还处于早期阶段,项目主页也不够清晰。...尽管有明确的目标,Capyloon 的项目页面有一些令人困惑的营销方式:将其定义为“实验性用户代理”,同时提供更好的 Internet 隐私和 GUI,但该网站并没有说明主要目的是做成完整的面向用户的操作系统...今日好文推荐 专访“MySQL 之父”:我曾创造 MySQL,也将颠覆 MySQL 另一种“推翻” VS Code 的尝试:JetBrains Fleet 现开放公测 社区分裂、应用争议,5年都没火起来的

    47320

    Ionic 2 :如何实现列表滑动删除按钮1.创建Ionic2应用2.准备列表数据3.修改主页(HOME)的模版4.创建方法删除数据5.添加一个编辑按钮总结

    这篇教程将展示如何使用Ionic2添加一个简单的删除按钮到列表,当用户滑动列表项到左边的时候。这是一个处理删除列表数据时候常用的模式。本教程将涵盖创建这个滑动删除按钮所需要的一切。 ?...删除例子 1.创建Ionic2应用 通过以下命令行语句创建新的Ionic2应用: ionic start ionic2-delete blank --v2 这里我使用了–v2标志位,为了告诉Ionic命令行我们创建的是...3.修改主页(HOME)的模版 接下来我们编辑home.html来建立模版。...另外,我们不止是一个单项,我们要为我们创建的数组的每一个数据创建滑动项,这里我使用ng-for。...添加编辑按钮 然后你可以编写Edit按钮的点击事件了,具体取决于你的需求。 总结 Ionic2 这个特性真是太棒了,不仅能删除,还能轻易的添加其它按钮。

    4.8K100

    我编写了一个应用程序来告诉你区块链是如何运作的

    我编写了一个应用程序来告诉你区块链是如何运作的 blockchain.gif 根据维基百科的描述, 区块链是: 一个分布式数据库, 用于维护不断增长的记录列表, 这个列表称作块 听起来挺棒的, 但它是如何运作的...为了演示一个区块链, 我们将使用一个名为Blockchain CLI的开源命令行界面. 我在这里也构建了一个基于浏览器的版本....正如你稍后会看到的, 区块链上的每个区块都依赖于前一个区块. 所以, 我们需要起始块来挖掘我们的第一个区块. 当一个新的区块被挖掘时会发生什么? mining.gif 让我们来挖掘我们的第一个区块....在我们的例子中, 一个有效的散列值至少有四个前导0. 寻找与有效散列值相对应的随机数的过程就是挖矿. 随着难度的增加, 可能的有效散列值数量会减少....区块A失效, 因为它的哈希值不再具有四个前导0. 区块B的哈希值将发生变化,因为区块A的哈希值用来参与计算区块B的哈希值. 区块B失效, 因为它的哈希值不再具有四个前导0.

    3.2K81

    flutter 路由知识

    popAndPushNamed:假设您正在有一个 Shopping 应用程序,该应用程序在 ProductsListScreen 中显示产品列表,用户可以在 FiltersScreen 中应用过滤商品。...当用户单击“应用筛选”按钮时,应弹出 FiltersScreen 并使用新的过滤器值推回到 ProductsListScreen。...5.想象一下,我们在应用程序中要填写一系列信息,表单分布在多个页面中。假设需要填写三个页面的表单一步接着一步。 然而,在表单的第 3 部分,用户取消了填写表单。...用户单击取消并且应弹出所有之前与表单相关的页面,并且应该将用户带回 HomeScreen 或者 DashboardScreen,这种情况下数据属于数据无效!...Navigator.popUntil(context, ModalRoute.withName('/screen2')); 借鉴于他人的文章,如有异议请联系我,谢谢!

    63320

    如何使用Prometheus监控CentOS 7服务器

    没有服务器的同学可以在这里购买,不过我个人更推荐您使用免费的腾讯云开发者实验室进行试验,学会安装后再购买服务器。...在打开的页面上,在表示Expression的文本字段中键入度量标准的名称(例如, nodeprocsrunning)。然后,按蓝色的执行按钮。...在显示的表单中,为您的目录命名,例如My Dashboards,然后单击Create Directory。 提交表单后,您将被带回主页。立即单击“ 新建仪表板”按钮以创建新仪表板。...现在单击图表标题中的Refresh图标(最左边的一个)来更新图形。您的仪表板现在包含一个完全配置的图表。您可以通过单击底部的“ 添加图表”按钮添加更多图表。...完成所有更改后,请确保单击右侧的“ 保存更改”按钮以使更改成为永久更改。

    7.8K00

    【译】为什么要了解HTTP

    请求的部分组成 下边就是访问RadDevon.com的主页时原始(raw:未加工的)请求的样子: GET / HTTP/2 Host: raddevon.com User-Agent: curl/7.54.0...MDN有一个很好的请求方法参照表。 / —— 我们请求的资源地址。由于我们请求的主页就在服务器的根目录下,所以“/”就是我们请求资源的地址。 HTTP/2 —— 协议。...注册Rad Devon网站会得到一个免费辅导课程,让我来帮你想下一步该怎么做。 下图中展示了如何去查看浏览器为应用程序发起的请求。...下图是返回Red Devon主页HTML文件的主要请求的response响应信息选项卡。 请求是如何影响性能的?(How do requests impact performance?)...他们开始要求你把面粉拿过来,你走向橱柜,拿到面粉,然后把它带回来(给烘培者someone)。 接下来,他们要求你把可可粉拿过来,你略微生气的走向橱柜,拿到可可粉,把它们带回来。

    54620
    领券