平衡设计师和工程师之间的HTML / CSS（平衡设计是什么意思）

25-04-29 1

本文将带您了解关于平衡设计师和工程师之间的HTML/CSS的新内容，同时我们还将为您解释平衡设计是什么意思的相关知识，另外，我们还将为您提供关于)预期css(css-rparentexpected)"

本文将带您了解关于平衡设计师和工程师之间的HTML / CSS的新内容，同时我们还将为您解释平衡设计是什么意思的相关知识，另外，我们还将为您提供关于) 预期 css(css-rparentexpected)" 用于@media 查询中的第 4 级 css 语法、、不起作用、Angular:

添加的 document.execCommand 只看到 style.css 中的 css 规则而不是组件的 css

本文目录一览：

平衡设计师和工程师之间的HTML / CSS（平衡设计是什么意思）
) 预期 css(css-rparentexpected)" 用于@media 查询中的第 4 级 css 语法
">
不起作用"> 不起作用
Angular:

平衡设计师和工程师之间的HTML / CSS（平衡设计是什么意思）

我有一个开发过程的问题.

背景：我为一个适中的网站工作,从历史上,设计师创建了他们想要的页面和组件的样式/屏幕截图,工程团队(包括我自己)把它们变成html / css.

这从代码清洁的角度来看效果比较好,并且在编写javascript时有很大的帮助.然而,它无法帮助保持从一个页面/组件到另一个页面/组件的一致性.在一个页面上,标题字体可能是12px,而另一个11px,主要是因为它的一个复杂的站点有很多跟踪(我们已经循环了4个设计师).我们只有几个真正的通用风格,只有当工程师认识到这种风格时 – 被使用,而不是设计师告诉他们.

我们最近的设计师是一个相对有能力的HTML / CSS编码器.我们认为我们可能会让他在HTML / CSS中创建模型,并将我们的代码交给我们进行快速整合.我们的希望是,设计师会更好地保持一致的风格,并且可以为我们节省一些开发时间.

我们发现的是,我们的设计师不如我们希望的CSS那么好,而且他的代码往往稍微blo肿,与我们需要做的不符.此外,他的编码风格与其他工程团队有着根本的不同,并没有很好地与我们建立的编码实践相结合.

问题：从设计到工程怎么做？我知道我听说过让设计团队做所有的模板编码的公司,但我很好奇这是如何工作的.设计团队是否真正将工程团队的成员纳入了这些场景？

就像我们现在的结构一样,我们不会有机会让设计师写出最终的模板,并将它们检查到SVN,即使他是一个熟练的HTML wiz.模板中有太多需要知道我们的代码库和潜在的性能问题.

我们如何使这个过程起作用？这是管道梦吗？

解决方法

特别 – 个人 – 自从我来自一个web-dev,小店铺的背景我做CSS的工作,并切片PSD(通常)自己.但是,我喜欢认为我像这样很圆润:)

一般来说,我所拥有的最好的经验是拥有非常明确的开发人员群体的大型公司,包括制作gfx的设计团队,执行大量服务器端编码和应用程序架构的应用程序团队,以及UE (用户体验)团队将两者缝合在一起,生成一般的XSLT / JSP / HTML标记,客户端的CSS和JS.

有一个非常结构化的过程：

> userstory – >
>“线框”(文件) – >
>设计(PSD) – >
>“平”标记(仅限DHTML) – >
>集成标记(与网络应用程序)

“线框”将接近用UML或可能的视频产生的UE的规范.我听说这个术语适用于我认为适合的第4步,但这就是所谓的那个.

虽然这对于现在的问题有好处,但我发现还有其他问题.在团队中很难工作,由于时间表设计团队很少参与UE的决策(这使得UE处于尴尬的位置),应用程序团队和设计可以在交叉目的上工作,并且在这些盒装小组中没有太多的空间来学习.

我的怀疑(我认为理想的情况)是,一个项目的开发人员每个人都有能力与所涉及的技术(无论是CSS,sql,无论如何)80％的技术相关,以传播决策控制和风险,但是每个域名都有一个(更多？)“czar”谁可以在域内担任权威和监督.实际生产这些设计是我自己的一个奇怪和神奇的技能,所以我看不到与开发人员真正的重叠,但我认为一群艺术家和项目组的跨技术程序员将是非常强大的.

Apols为长风.我可以在相当长的时间内继续下去,我花了很多时间思考.

btw,似乎你可以在那里做一些严肃的网页开发(没有进攻).出现“保持一个页面/组件到另一个页面的一致性”的问题,引起了人们的关注

) 预期 css(css-rparentexpected)

) 预期 css(css-rparentexpected)" 用于@media 查询中的第 4 级 css 语法

Visual Studio Code does not support 4 级范围语法呢。此外，MDN 表示目前只有 Firefox 支持该语法。如果您需要跨浏览器支持，您现在需要坚持使用原始的 max-width 语法：

@media (max-width: 768px) {
    h1 {
        font-size: 3em;
        color: mediumvioletred;
    }
    nav a {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: mediumaquamarine;
    }
}

否则，你所拥有的是正确的。

">

OSC 请你来轰趴啦！1028 苏州源创会，一起寻宝 AI 时代

css 样式引入 href="css/layout.css?id=7" 是什么意思？

不起作用"> 不起作用

如何解决<link rel="stylesheet" type="text/css" href="{% static ''css/style.css'' %}"> 不起作用

我在 vs-code 上将 css 链接到 html。 center-aliend 在这里不起作用。有没有人知道哪个部分有问题？我想设置文本“Hello Static!!”到浏览器的中心。

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    
    <Meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="{% static ''css/style.css'' %}">
    <title>Static Practice</title>
</head>
<body>
    <div>Hello Static!!</div>
</body>
</html>

body {
    text-align: center;
}


# Static files (CSS,JavaScript,Images)
# https://docs.djangoproject.com/en/3.1/howto/static-files/
STATIC_URL = ''/static/''
STATICFILES_Dirs = [
    BASE_DIR / ''static''
]

Angular: <ol> 添加的 document.execCommand 只看到 style.css 中的 css 规则而不是组件的 css

Angular:
添加的 document.execCommand 只看到 style.css 中的 css 规则而不是组件的 css

如何解决Angular: <ol> 添加的 document.execCommand 只看到 style.css 中的 css 规则而不是组件的 css

我正在 angular 中创建富文本编辑器，当我执行 document.execCommand(''insertOrderedList'') 时，我得到 <ol> 项，它不受我组件的 css 的影响，只有 styles.css 中的 css（主 css 文件在项目的根目录）影响我使用 document.execCommand 添加的项目。是否有可能改变这种行为？

解决方法

当然。它的名字是view encapsulation。将其更改为 ViewEncapsulation.none 会产生所需的行为。

@Component({
  ...
  encapsulation: ViewEncapsulation.none
})

关于平衡设计师和工程师之间的HTML / CSS和平衡设计是什么意思的介绍现已完结，谢谢您的耐心阅读，如果想了解更多关于) 预期 css(css-rparentexpected)" 用于@media 查询中的第 4 级 css 语法、、不起作用、Angular:

添加的 document.execCommand 只看到 style.css 中的 css 规则而不是组件的 css

本文标签：

平衡设计师和工程师之间的HTML / CSS（平衡设计是什么意思）