V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
这是一个专门讨论 idea 的地方。

每个人的时间,资源是有限的,有的时候你或许能够想到很多 idea,但是由于现实的限制,却并不是所有的 idea 都能够成为现实。

那这个时候,不妨可以把那些 idea 分享出来,启发别人。
RiESA
V2EX  ›  奇思妙想

有关一个 CSS,网站或者是工具的脑洞

  •  
  •   RiESA · 2018-10-10 08:46:26 +08:00 · 3037 次点击
    这是一个创建于 2223 天前的主题,其中的信息可能已经有所发展或是发生改变。
    脑洞日常,分享一下,可能存在不合理的地方,欢迎吐槽

    大概的构想是有希望有一个工具,本地或者在线的都行,可以载入一个网页,然后从可视层面解析整个网页

    利用拖 点 拉等操作快速的调整页面外观(或许还可以在右键里或者工具条什么的加些高级操作)

    然后生成出对应的 CSS 代码或者是显示原本的 CSS 和修改后的对比,标出修改了哪一部分


    嘛,可能会有大佬吐槽这种简单的需求自己学一下 CSS 什么的就能实现

    但是我主要感觉是这个可以面向那种萌新站长,比如我这种什么都不会的,但是网页上一些小修自己想动又有心无力

    有这个想法主要还是最近想修改我那小站里面的某个页面的外观,自己又不会,然后百度找不到合适的作业抄,身边有几个懂的朋友,但是感觉问多了烦着人家也挺不礼貌的,然后萌生了这个念头
    22 条回复    2018-12-13 12:09:19 +08:00
    lhx2008
        1
    lhx2008  
       2018-10-10 08:56:19 +08:00 via Android
    如果是 bootstrap 那种栅格系统应该不难实现,但是普通 css 太多玄学了,情况太多。
    x86
        2
    x86  
       2018-10-10 08:56:20 +08:00
    稍微复杂点都拿去做自助建站的了
    number
        3
    number  
       2018-10-10 08:57:04 +08:00
    你说的是这个项目吗
    https://github.com/artf/grapesjs
    A3m0n
        4
    A3m0n  
       2018-10-10 08:58:46 +08:00
    你说的是不是 F12 ?只不过点拉操作变成了点然后调数值。

    而且现在的页面为了自适应等要求用了很多黑科技,光靠点拉是无法达到之前的效果的。
    RiESA
        5
    RiESA  
    OP
       2018-10-10 09:01:28 +08:00
    @number #3 有点类似

    @lhx2008 #1 @A3m0n #4 所以说面向的对象不是那种需要大改的地方,而是针对某些既有的页面做一些小调整,可能是小白心态吧 我将来有时间一定要抽时间看看 CSS
    o0
        6
    o0  
       2018-10-10 09:16:23 +08:00
    期待 lz 做一个,我们一起悄悄用。
    RiESA
        7
    RiESA  
    OP
       2018-10-10 09:17:37 +08:00
    @o0 #6 可惜我是小白 发出来也就是唠唠嗑,交流一下想法
    o0
        8
    o0  
       2018-10-10 09:23:02 +08:00
    @RiESA 如果不做响应式的话,目前市面上很多 saas 类建站产品都可以实现简单的拖拽排版,但也就是给你保证基本的布局勉强能看了,要追求细节甚至是看代码的话,反正个人感觉没法看。
    RiESA
        9
    RiESA  
    OP
       2018-10-10 09:24:48 +08:00
    @o0 #8 不是作为建站系统使用,只是生成 CSS 呢
    o0
        10
    o0  
       2018-10-10 09:27:02 +08:00
    @RiESA 顺便帮你把 html 和 js 都生成了,你说你仅要 css ?哈哈哈哈哈
    RiESA
        11
    RiESA  
    OP
       2018-10-10 09:27:34 +08:00
    @o0 #10 对啊,就是希望只要 CSS 是不是需求太奇葩了
    lneoi
        12
    lneoi  
       2018-10-10 09:30:38 +08:00
    现在自助建站,H5 海报不都是这样的
    E0
        13
    E0  
       2018-10-10 09:49:10 +08:00 via Android
    百度关键词:bootstrap 在线拖拽
    porwyn
        14
    porwyn  
       2018-10-10 09:54:25 +08:00
    gzf6
        15
    gzf6  
       2018-10-10 10:20:34 +08:00
    sketch
    luoway
        16
    luoway  
       2018-10-10 10:36:40 +08:00
    sketch 有插件自动生成 css,sketch 完成“调整页面外观”
    sketch 是 Mac 平台上最受欢迎的视觉产出应用
    RiESA
        17
    RiESA  
    OP
       2018-10-10 10:37:57 +08:00
    @E0 #13
    @porwyn #14
    好像都没办法载入既有的网页?
    gaocc
        18
    gaocc  
       2018-10-10 11:28:22 +08:00
    @number 有点意思,适合萌新玩。专业的开发还是要符合公司整体框架的,比如使用 vue 什么的。
    abc635073826
        19
    abc635073826  
       2018-10-10 17:10:02 +08:00
    CSS is always hard.
    WDD
        20
    WDD  
       2018-10-10 21:35:43 +08:00 via Android
    codehz
        21
    codehz  
       2018-10-10 23:07:49 +08:00
    载入已有网站这种需求就非常高阶了,难度可以类比逆向工程。。。。
    主要是,同样一个效果,对应的实现可能有无数种,适配起来基本上是不可能的。。
    所以这种编辑器,只有 3 种可能性
    1. 不支持载入现有网页
    2. 自己搞一个特殊的模板源文件(类似 psd vs png )
    3. 只支持重新读取自己生成的定制的网页代码(就是 WinForm 那种风格,代码基本就是给机器改的,人一改动就很容易爆炸)
    NBOne
        22
    NBOne  
       2018-12-13 12:09:19 +08:00 via Android
    DW 啊
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2701 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 08:37 · PVG 16:37 · LAX 00:37 · JFK 03:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.