用于在原始 CSS 上花费最少精力来布局网页的工具/插件

发布于 2024-08-19 04:53:31 字数 1089 浏览 2 评论 0原文

首先要事。在处理原始 CSS 来生成复杂的页面布局时,我一直在努力。由于浏览器供应商寻求不同的方向,事情变得更加复杂。好吧,现在已经无法改变了。

因此,经过大量的努力,我开始寻找:

  1. 一个所见即所得的编辑器,它可以接收内容并允许我定义所需的布局并神奇地生成 CSS,以支持大多数最新的浏览器,同时还考虑到液体和浏览器。布局
  2. jQuery 插件的流畅属性,可以处理内容排列的复杂性,同时只接受所需布局的输入。

我在第一个任务中没能找到任何东西。 我想知道是否有这样的所见即所得编辑器。有很多 CSS 编辑器,但它们并没有抽象出原始 CSS。人们需要彻底了解 CSS,恕我直言,不需要这样的编辑器。记事本或常规 IDE 就足够了。

对于第二点,我在stackoverflow上遇到了这个帖子。现在这让我陷入了丰富的问题​​(顺便说一句,这并不是一件坏事)。这篇文章提供了几个 jQuery 插件的链接,这些插件可以实现这一目的。其中一些是:

我正在寻找可能使用过其中 1 个或多个这些工具的人的评论和建议。插件的简单性很重要,同样重要的是灵活性(插件不应该受到限制。

坦白说,我想将大部分 CSS 工作转移给一个工具。

First things first. I have been struggling while dealing with raw CSS to generate complex page layouts. It gets further complicated with browser vendors looking in different directions. Well, now that can't be changed.

So after a lot of efforts I started looking for:

  1. A WYSIWYG editor that would take in content and allow me to define the desired layout and magically generate CSS that would honor most of the latest browsers, while also taking into account the liquid & fluid attributes of the layout
  2. jQuery plugin that would take care of content arrangement complexity while just taking in inputs for the desired layout.

I haven't been able to find anything for the first quest. I'd like to know if there is any such WYSIWYG editor out there. There are many CSS editors but they don't abstract the raw CSS. One needs to know CSS thoroughly and that IMHO beats the need of such an editor. Notepad or a regular IDE is good enough.

For the second point, I came across this thread on stackoverflow. Now this put me in a problem of abundance (not a bad thing BTW). This post has links to several jQuery plugins that do the trick. Some of them are:

I am looking for comments and recommendations from people who may have used 1 or more of these. Plugin's simplicity is important and equally important is the flexibility (plugin shouldn't be restrictive.

Frankly, I'd like to offload much of the CSS job to a tool.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

尐偏执 2024-08-26 04:53:31

大多数布局不应该那么难工作 - 可能值得检查您是否了解不同的定位方式:正确的浮动、相对和绝对,并且您是否知道如何清除浮动。

您可以尝试查看蓝图或 960.gs,了解如何轻松获得基于网格的复杂布局。

Most layouts shouldn't be that hard to get working - it's probably worth checking you understand the different ways of positioning: float, relative and absolute properly, and that you are aware of how to clear floats.

You could try looking at blueprint or 960.gs for ways to get complex grid based layouts without much hassle.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文