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

2018-10-10 08:46:26 +08:00
 RiESA
脑洞日常,分享一下,可能存在不合理的地方,欢迎吐槽

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

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

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


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

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

有这个想法主要还是最近想修改我那小站里面的某个页面的外观,自己又不会,然后百度找不到合适的作业抄,身边有几个懂的朋友,但是感觉问多了烦着人家也挺不礼貌的,然后萌生了这个念头
3039 次点击
所在节点    奇思妙想
22 条回复
lhx2008
2018-10-10 08:56:19 +08:00
如果是 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
o0
2018-10-10 09:16:23 +08:00
期待 lz 做一个,我们一起悄悄用。
RiESA
2018-10-10 09:17:37 +08:00
@o0 #6 可惜我是小白 发出来也就是唠唠嗑,交流一下想法
o0
2018-10-10 09:23:02 +08:00
@RiESA 如果不做响应式的话,目前市面上很多 saas 类建站产品都可以实现简单的拖拽排版,但也就是给你保证基本的布局勉强能看了,要追求细节甚至是看代码的话,反正个人感觉没法看。
RiESA
2018-10-10 09:24:48 +08:00
@o0 #8 不是作为建站系统使用,只是生成 CSS 呢
o0
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 海报不都是这样的
E0
2018-10-10 09:49:10 +08:00
百度关键词:bootstrap 在线拖拽
porwyn
2018-10-10 09:54:25 +08:00
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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/496173

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX