×

Falcon

  • CSS 属性 width: fit-content; 教程。

    在网页设计中,灵活的布局是至关重要的。CSS 提供了多种方式来控制元素的宽度,其中 `width: fit-content;` 是一个非常实用的属性,它允许元素的宽度根据其内容自动调整。本文将详细介绍 `width: fit-content;` 的使用场景、示例代码以及浏览器兼容性。 ## 什么是 `width: fit-content;`? `...

    2024-09-01 18:17 Falcon 阅读
  • Falcon
    2024-09-01 17:00
    #Cursor# cursor可以定制prompt,甚至网上有share自己的prompt,也就是.cursorfile,可以全局配置或者某个项目单独设置。
  • Falcon
    2024-09-01 16:16
    发现一个很好玩的网站,是浏览器插件Stylus的一个社群样式分享平台,可以自由安装其他人订制的各个网站的样式,也就是俗称的换皮。

    比如这是v2ex的一个样式:
    https://userstyles.org/styles/165971/v2ex

    可以在这里寻找各种网站的自定义样式。大家的创意还是不少,有空可以上去寻找灵感。
    我觉得,如果截图扔 websim 是不是可以直接可以根据新样式生成一个网站了?
    创意也被AI化了。
  • Falcon
    2024-09-01 15:41
    #Cursor# 补全只是Cursor其中一个早就有了的功能,它主打的是聊天功能,描述后自动生成的代码,可以由你决定是否一键修改或部分修改,或拒绝,但它最强的功能其实Composer, 不过现在是Beta版本,需要自己在设置里启用,默认是不打开的。特别有用的一个使用方式是,开启后,如果是新项目,输入需求,回击回车,它会自己咣咣地把项目需要的文件都给你创建好了,不需要你新建复制粘贴。
  • Falcon
    2024-09-01 15:39
    白嫖 大模型API 的平台
    https://groq.com/
  • Falcon
    2024-09-01 10:26
    #ChatGPT# ai 帮助开发的工具越来越多,也越来越强了,但我发现关键的因素还是人,你越强,它可以发挥的能力就越强。正确地提问需要背景知识的,因为你不知道自己不知道什么,所以它提出的一些方案或者并不是最好的但你无法判断,也不知道是否还有什么更好的方案。

    学会提问是一项最重要的能力!
  • Falcon
    2024-09-01 07:53
    如何用websim设计使用相同的风格设计多个页面。
    就是使用书签功能,不同的页面分别保存成一个标签,相当于github fork了一个仓库,或者新分支,然后特别注意,当它内置的浏览器右边书签icon出现黄色小点时,不要直接点击,要从左侧你的书签列表里对齐的书签点更新,这样就不会错误更新。
  • Falcon
    2024-09-01 07:47
    #ChatGPT# 在使用各种聊天类的ai辅助工具时,如websim,cursor,ChatGPT交流,我越来越觉得,如何让ai理解你的想法,如何正确地提问,如何精确地描述一件事情,这确实是一项能力。
  • Falcon
    2024-09-01 05:42
    #daily tips#
    以前用的猫猫图片占位图(俗称的Placeholder)网站 placekitten.com 已经挂了,现在改成使用这个:

    指定宽高:
    https://picsum.photos/200/300

    如果只要正方形图片:
    https://picsum.photos/200

    如果不想使用随机图片,可以指定图片的ID:
    https://picsum.photos/id/237/200/300

    这是全部图片的ID列表:
    https://picsum.photos/images