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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个专门讨论 idea 的地方。

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

那这个时候，不妨可以把那些 idea 分享出来，启发别人。

这是一个创建于 2225 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

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

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

CSS

脑洞

修改

网页

22 条回复 • 2018-12-13 12:09:19 +08:00

lhx2008

2018-10-10 08:56:19 +08:00 via Android

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

x86

2018-10-10 08:56:20 +08:00

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

number

2018-10-10 08:57:04 +08:00

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

A3m0n

2018-10-10 08:58:46 +08:00

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

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

RiESA

2018-10-10 09:01:28 +08:00

@number #3 有点类似

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

我将来有时间一定要抽时间看看 CSS

2018-10-10 09:16:23 +08:00

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

RiESA

2018-10-10 09:17:37 +08:00

@o0 #6

可惜我是小白

发出来也就是唠唠嗑,交流一下想法

2018-10-10 09:23:02 +08:00

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

RiESA

2018-10-10 09:24:48 +08:00

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

2018-10-10 09:27:02 +08:00

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

RiESA

2018-10-10 09:27:34 +08:00

@o0 #10 对啊,就是希望只要 CSS

是不是需求太奇葩了

lneoi

2018-10-10 09:30:38 +08:00

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

2018-10-10 09:49:10 +08:00 via Android

百度关键词:bootstrap 在线拖拽

porwyn

2018-10-10 09:54:25 +08:00

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

gzf6

2018-10-10 10:20:34 +08:00

sketch

luoway

2018-10-10 10:36:40 +08:00

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

RiESA

2018-10-10 10:37:57 +08:00

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

gaocc

2018-10-10 11:28:22 +08:00

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

abc635073826

2018-10-10 17:10:02 +08:00

CSS is always hard.

WDD

2018-10-10 21:35:43 +08:00 via Android

https://www.bubble.is

codehz

2018-10-10 23:07:49 +08:00

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

NBOne

2018-12-13 12:09:19 +08:00 via Android

DW 啊