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

[RiESA]

脑洞日常,分享一下,可能存在不合理的地方,欢迎吐槽

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

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

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


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

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

有这个想法主要还是最近想修改我那小站里面的某个页面的外观,自己又不会,然后百度找不到合适的作业抄,身边有几个懂的朋友,但是感觉问多了烦着人家也挺不礼貌的,然后萌生了这个念头

[lhx2008]

如果是 bootstrap 那种栅格系统应该不难实现，但是普通 css 太多玄学了，情况太多。

[x86]

稍微复杂点都拿去做自助建站的了

[number]

你说的是这个项目吗
https://github.com/artf/grapesjs

[A3m0n]

你说的是不是 F12 ？只不过点拉操作变成了点然后调数值。

而且现在的页面为了自适应等要求用了很多黑科技，光靠点拉是无法达到之前的效果的。

[RiESA]

@number #3 有点类似

@lhx2008 #1 @A3m0n #4 所以说面向的对象不是那种需要大改的地方,而是针对某些既有的页面做一些小调整,可能是小白心态吧 我将来有时间一定要抽时间看看 CSS

[o0]

期待 lz 做一个，我们一起悄悄用。

[RiESA]

@o0 #6 可惜我是小白 发出来也就是唠唠嗑,交流一下想法

[o0]

@RiESA 如果不做响应式的话，目前市面上很多 saas 类建站产品都可以实现简单的拖拽排版，但也就是给你保证基本的布局勉强能看了，要追求细节甚至是看代码的话，反正个人感觉没法看。

[RiESA]

@o0 #8 不是作为建站系统使用,只是生成 CSS 呢

[o0]

@RiESA 顺便帮你把 html 和 js 都生成了，你说你仅要 css ？哈哈哈哈哈

[RiESA]

@o0 #10 对啊,就是希望只要 CSS 是不是需求太奇葩了

[lneoi]

现在自助建站，H5 海报不都是这样的

[E0]

百度关键词:bootstrap 在线拖拽

[porwyn]

https://www.layoutit.com/ 这个？

[gzf6]

sketch

[luoway]

sketch 有插件自动生成 css，sketch 完成“调整页面外观”
sketch 是 Mac 平台上最受欢迎的视觉产出应用

[RiESA]

@E0 #13
@porwyn #14
好像都没办法载入既有的网页?

[gaocc]

@number 有点意思，适合萌新玩。专业的开发还是要符合公司整体框架的，比如使用 vue 什么的。

[abc635073826]

CSS is always hard.

[WDD]

https://www.bubble.is

[codehz]

载入已有网站这种需求就非常高阶了，难度可以类比逆向工程。。。。
主要是，同样一个效果，对应的实现可能有无数种，适配起来基本上是不可能的。。
所以这种编辑器，只有 3 种可能性
1. 不支持载入现有网页
2. 自己搞一个特殊的模板源文件（类似 psd vs png ）
3. 只支持重新读取自己生成的定制的网页代码（就是 WinForm 那种风格，代码基本就是给机器改的，人一改动就很容易爆炸）

[NBOne]

DW 啊