目录
如果您是在2020年最初的前端开发人员,那么您会说您要学到的第一件事,为什么?
您如何确定要变成博客文章的内容以及简单的推文留下的内容?
您是否有喜欢的CSS漫步,就像“哇”一样?
对于试图遵循与他们的影响力和曝光相似的开发人员,您的前三名快速建议是什么?
您看到自己在发布Houdini API时亲自玩了多少?您对哪个API最兴奋(绘画,布局,输入OM,…)?
您最喜欢在Codepen和/或CSS-Tricks工作的事情是什么?
您希望我们可以在CSS中添加什么?
您认为值得提出{位置:折叠以上吗? }?
既然您写了这么长时间的博客文章,那么您是否开发了一个写作过程?
CSS还是CSS-IN-JS?
首页 web前端 css教程 我的开发ama的剪辑

我的开发ama的剪辑

Apr 13, 2025 am 10:55 AM

我的开发ama的剪辑

我最近在开发人员上做了一个AMA。只是借此机会在这里搬迁一些答案,例如一个好的indiewebber。

如果您是在2020年最初的前端开发人员,那么您会说您要学到的第一件事,为什么?

您需要将自己置于创建和照顾网站的工作的位置。即使这对您来说就像是一段伸展。获取域,在公共互联网上获取网站。将您的名字放在上面。现在,您已经给了自己的赌注,您将学习技术,因为您必须使自己的想法栩栩如生。

对我来说,650年前,这为Ol'College乐队建立了一个网站。我们需要一个网站!对我来说,这听起来很有趣,我设法通过购买域名,托管和建立WordPress网站来挣扎。然后,随着时间的流逝,我学习了前端网络技术,因为我想更改设计,更改模板,添加酷功能等。

获取一个项目并通过该项目学习。

您如何确定要变成博客文章的内容以及简单的推文留下的内容?

我通常不会避免推文。无论如何,这条推文通常是博客文章的良好证明基础。如果没有人关心的话,嗯,也许不是那么好。如果它确实获得了良好的参与度,那就像是周围的对话对创建博客文章很有用。另外,推文非常容易踢出门。对我而言,博客文章的时间表更长,包括编辑和日程安排等。

这是一个示例推文。只是一个愚蠢的小UI实验。我不想在等待博客以放弃演示。但是从Twitter线程中,我得到了一些有趣的技术反馈,有关人们最令人惊讶的零件的信息以及其他相关的想法。希望这将导致一篇更强大的博客文章。

老实说,我什至对待开发人员。我在这里很快写了这个博客文章的反应,但随后用一些反馈将其改进了我自己的博客。

您是否有喜欢的CSS漫步,就像“哇”一样?

我认为CSS中的“滚动阴影”是我有史以来最喜欢的CSS技巧之一。它最初是由罗马·科马罗夫(Roman Komarov)讲的,但由Lea Verou进行了解释和改进。前几天,我看到了Stefan Judis围绕这个想法的工具。

这是一个真正的思想弯曲者,涉及四层梯度背景,每个背景都定位,大小和颜色不同,然后在滚动方面行为上有所不同。

这不仅是一个整洁的技巧,因为它具有真正的UX含义。显示您可以滚动的阴影很重要。考虑一下iOS最近的设计更新的故事,导致围绕UI动作的混乱,隐藏在您可以滚动的地方,但对如何到达那里的负担为零。 (在记录中,我一直在Spotify发生在我身上。)

对于试图遵循与他们的影响力和曝光相似的开发人员,您的前三名快速建议是什么?

我认为写作实际上是唯一的方法

我想不出具有影响力的开发人员对写作以外的任何事物都有影响。或者,如果不是写作,则是YouTube频道或其他创建公共内容的其他形式。

您看到自己在发布Houdini API时亲自玩了多少?您对哪个API最兴奋(绘画,布局,输入OM,…)?

这个超低的东西有时会感觉到我的头。我很难通过查看规格来描绘这样的事物的行业含义,您知道吗?

对我来说,布局API似乎具有最强大的潜力。

我现在想象的是,Houdini不会对像我这样的正常日常前端开发人员如此多。我不会写太多的houdini代码。但是我会使用其他人创造的精美事物,因为它对我有用。就像大多数人不编写自己的库或发布了NPM软件包一样,他们只是使用它们。

被Houdini哇,这很有趣。如果有人在寻找,请确保查看Vincent de Oliveira的展示网站。

您最喜欢在Codepen和/或CSS-Tricks工作的事情是什么?

你知道我真正喜欢什么吗?我喜欢每天上办公室,并拥有相当体面的自由度,因为我将要做那天要做的事情。我可能会开会。我可能会在OL'日历上有一些东西。我可能会有一些团队的期望。但是我通常也有足够的时间去追求目前对我很有趣的事情。

有时我当时要钻一些电子邮件。有时我想修改一些听起来很有趣的演示。有时我想写一个想法或录制视频。有时我想计划一些东西或记录一些东西。有时我想与他人谈谈或做一些配对编程。

我很幸运,我是老板(大声笑),我故意将自己置于这个职位,所以我有自由。

您希望我们可以在CSS中添加什么?

我觉得每当有人问这个问题时,我们都应该借此机会尖叫集装箱查询!直到我们得到他们。

这个想法是,我们应该能够编写CSS,上面写着:“当此元素如此宽时,该CSS应该生效。”不仅是宽度,而且我们已经在页面级上进行的任何媒体查询。

用例中最好的演示是菲利普·沃尔顿(Philip Walton)的页面。

我想编写一个卡片组件,该卡组件会根据其宽度而不是页面的宽度来调整自身,因为这两件事之间并不总是直接连接(例如,一个卡组件可以在大屏幕上的狭窄侧栏中显示在狭窄的侧边栏中,但在平板电脑上会全宽)。

每个组件都可以处于这种情况下,因此,对于CSS的热爱,让我编写媒体查询范围为这些组件。当我看到如果有的话,我会回应很多其他人,我们写的绝大多数媒体疑问就是这些,而不是页面级别。

您认为值得提出{位置:折叠以上吗? }?

我不确定我的职业生涯曾经做出过一个大的决定。这不是那个想法的忠实拥护者。在一条线上,这个重要的模块不得穿越,哈哈。当然,优先考虑最重要的东西要更高页面。网站不会像报纸那样折叠。

另外,我们现在已经有了视口单元,因此,如果您绝对需要将某些东西放在顶部可见的视口区域,则可以。

既然您写了这么长时间的博客文章,那么您是否开发了一个写作过程?

sort!对我来说仍然感觉很随意(我们称我的写作中等质量),所以这并不像我在旷野租用小屋并在日落和廉价威士忌中找到灵感。

  • 我写下了我出现的每个博客文章想法。我试图将该列表保持在公开状态,但我也有一个个人清单,甚至可以使我更加滑动。
  • 我将尽可能多的上下文放入这些列表中,因此我可以希望召唤出使我首先写下来的同样的情感。如果我一周后重新审视这个想法,那可能不是一个好主意。
  • 我用尽可能多的上下文写下帖子。通常涉及轻度研究。
  • 我们有CSS-Tricks的首席编辑,因此在安排之前,至少有一个人对其进行了审查。

CSS还是CSS-IN-JS?

我看到CSS-In-JS中发生了很多很酷的事情。我认为它解决了某些网站的许多有趣问题。例如,我非常喜欢有一个选项编写范围范围为组件的样式的想法,因此,当不自动使用该组件时,会摇摇欲坠。

但是网络是一个很大的地方,我敢说大多数网站不是使用JavaScript供电的组件模型构建的。因此,CSS-IN-JS并不需要或适合许多站点。

虽然,要明确两件事:

  • 没有CSS,您将无法拥有CSS-IN-JS。 CSS-IN-JS仍然是应用于元素的样式。它不会使您无法学习CSS。
  • CSS-IN-JS景观广阔。如此模糊地谈论有点困难。 CSS-In-JS桶中的每个项目都以不同的方式处理事物,并且如何将样式应用于网站甚至相当宽。我认为有时会失去某些方法,即某些方法实际上会像其他任何其他CSS(甚至是Sass生产的CSS)一样链接您的CSS样式表,这似乎不再有太多论证了。

以上是我的开发ama的剪辑的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

使用GraphQL缓存 使用GraphQL缓存 Mar 19, 2025 am 09:36 AM

如果您最近开始使用GraphQL或审查了其优点和缺点,那么您毫无疑问听到了诸如“ GraphQl不支持缓存”或

使您的第一个自定义苗条过渡 使您的第一个自定义苗条过渡 Mar 15, 2025 am 11:08 AM

Svelte Transition API提供了一种使组件输入或离开文档(包括自定义Svelte Transitions)时动画组件的方法。

使用Redwood.js和Fauna构建以太坊应用 使用Redwood.js和Fauna构建以太坊应用 Mar 28, 2025 am 09:18 AM

随着最近比特币价格超过20k美元的攀升,最近打破了3万美元,我认为值得深入研究创建以太坊

展示,不要说 展示,不要说 Mar 16, 2025 am 11:49 AM

您花多少时间为网站设计内容演示文稿?当您撰写新的博客文章或创建新页面时,您是在考虑

您如何使用CSS创建文本效果,例如文本阴影和渐变? 您如何使用CSS创建文本效果,例如文本阴影和渐变? Mar 14, 2025 am 11:10 AM

文章讨论了使用CSS来获得阴影和渐变等文本效果,优化它们以进行性能并增强用户体验。它还列出了初学者的资源。(159个字符)

用高架创建自己的野蛮人 用高架创建自己的野蛮人 Mar 18, 2025 am 11:23 AM

无论您是开发人员的哪个阶段,我们完成的任务(无论大小)都会对我们的个人和专业成长产生巨大影响。

NPM命令是什么? NPM命令是什么? Mar 15, 2025 am 11:36 AM

NPM命令为您运行各种任务,无论是一次性或连续运行的过程,例如启动服务器或编译代码。

在CI/CD上有点 在CI/CD上有点 Apr 02, 2025 pm 06:21 PM

我说的“网站”比“移动应用程序”更合适,但我喜欢Max Lynch的框架:

See all articles