搜索
首页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
每周平台新闻:Galaxy Store的Web应用程序,Tappable Stories,CSS Subgrid每周平台新闻:Galaxy Store的Web应用程序,Tappable Stories,CSS SubgridApr 14, 2025 am 11:20 AM

在本周的综述中:Firefox获得了类似锁匠的力量,三星的Galaxy Store开始支持Progressive Web Apps,CSS Subgrid正在Firefox发货

每周平台新闻:Internet Explorer模式,搜索控制台中的速度报告,限制通知提示每周平台新闻:Internet Explorer模式,搜索控制台中的速度报告,限制通知提示Apr 14, 2025 am 11:15 AM

在本周的综述中:Internet Explorer进入Edge,Google Search Console吹捧新的速度报告,Firefox提供了Facebook'

CSS自定义属性的范围的功率(和乐趣)CSS自定义属性的范围的功率(和乐趣)Apr 14, 2025 am 11:11 AM

您可能至少已经对CSS变量有点熟悉了。如果没有,这是两秒钟的概述:它们真的称为自定义属性

我们是程序员我们是程序员Apr 14, 2025 am 11:04 AM

构建网站正在编程。编写HTML和CSS正在编程。我是程序员,如果您在这里阅读CSS-Tricks,那么您很有可能是您

您如何从网站上删除未使用的CSS?您如何从网站上删除未使用的CSS?Apr 14, 2025 am 10:59 AM

在这里,我想预先知道的是:这是一个很难的问题。如果您降落在这里,因为您希望指向您可以运行的工具

图片中的图片网络API简介图片中的图片网络API简介Apr 14, 2025 am 10:57 AM

图片中的图片在2016年发行了Macos Sierra,在Safari浏览器中首次出现在网络上。这使用户可以弹出

使用Gatsby组织和准备图像以使图像模糊效果的方法使用Gatsby组织和准备图像以使图像模糊效果的方法Apr 14, 2025 am 10:56 AM

盖茨比(Gatsby)进行了出色的处理和处理图像。例如,它可以帮助您节省图像优化的时间,因为您不必手动

哦,嘿,填充百分比基于父元素的宽度哦,嘿,填充百分比基于父元素的宽度Apr 14, 2025 am 10:55 AM

今天,我学到了一些有关基于百分比的(%)填充的知识,我脑海中完全错了!我一直认为百分比填充是基于

See all articles

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

热工具

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。