【译】前端开发不是一个亟待解决的问题

大碗岛的星期天下午

原文地址:Front-end development is not a problem to be solved
原文作者:Robin Rendle
本文永久链接:https://segmentfault.com/a/1190000021487337
译者:Fw恶龙
校对者:无

HTML和CSS常被视为一种负担。

这是我从过去曾与之合作过的工程师和设计师中注意到的,这种观点在更广泛的网络社区更加明显,你可以在Medium帖子和独立博客上听到关于CSS、Web性能或是设计工具的讨论。

这种观点认为前端开发是一个亟待解决的问题,“如果我们有了合适的工具和框架,那么我们可能永远不会再写一行HTML或CSS了!”这难道不是一个美梦吗?

实际上,我不认为前端开发是一个问题。

这种感觉来源于什么?好吧,设计师想要的工具是可以让他们绘制图片并导出一批像Dreamweaver那样的CSS和HTML文件。另一方面,工程师不希望在可访问性,Web性能或焦点状态上做太多工作,也不希望去担心太多的边缘情况、众多的设备和各种浏览器。这种工作太繁重了。

因此,我自己作为一名设计师/开发者十分同情这种感受。但当我听到某人与Bootstrap、设计系统、框架或CSS-in-JS解决方案,甚至像Sketch、Figma这类设计工具之间的关系时,我都会感到有些不安。这显得我们将前端开发视为一种负担,或者想通过工具层抽象来完全取代它。

我们应该将前端开发视为一种独特的技能组合,这对任何项目的成功都至关重要。

我相信这就是为什么像Bootstrap这样的框架和工具如此受欢迎的原因,不是因为它是有用组件的集合,而是因为它是一个纠正固有问题的全局解决方案。当我开始在多个前端应用程序的简历中看到“Bootstrap”时,我会立即假设我们将会在设计和开发方法上不一致的可能性。

Bootstrap不是一项技能,前端开发才是。

这不是说我是一个吝啬鬼……我真心希望有能助于我们做出更好决策的工具,以帮助我们推动网络发展的方式构建可访问、更快、更出色的网站。也就是说,我相信围绕这些工具所建立的社区,可以在不知道前端技能和标准的前提下进行设计和开发。

如果vanilla HTML、CSS和JavaScript最终被其他工具和语言转化,那么学习他们的重点是什么呢?

不要误解我的意思,我认为Bootstrap、CSS-in-JS、CSS模块或花哨的设计工具没有任何问题。但围绕这些工具的局限性而建立我们的职业生涯将会是个悲剧。前端开发很复杂,因为设计很复杂。将我们的口语转换为HTML和CSS需要vim和nuance,而且总是如此。这不是通过工具能解决的,而是通过长时间的孜孜不倦工作来解决。

我认为HTML和CSS应该比处理、编译和吐出到浏览器更好,无论是通过一些构建过程,应用程序导出,还是我们一知半解的巨型框架库。HTML和CSS是值得我们关注并注重细节的两种语言,书写它们是一种技巧。

我知道我站在一个隐喻的肥皂盒上(注:指演说),也许我说的有点戏剧性,但前端开发并不是一个亟待解决的问题。它是网络的基石,不会很快消失。

不是吗?

如果发现译文存在错误或其他需要改进的地方,欢迎留言。
Image placeholder
peterq
未设置
  43人点赞

没有讨论,发表一下自己的看法吧

推荐文章
5种用于前端开发的JavaScript替代方案

JavaScript虽然是很受欢迎的语言,但是并不适合所有人,那么有哪些替代方案呢?本文将分析5种JavaScript替代方案。1995年,Netscape(网景通信公司)聘请BrendanEich为

前端开发人员最困扰的事情有哪些?

前端和后端开发之间的界线正在发生变化。有一些常见的错误会导致前端开发人员增加工作量、浪费时间,本文将介绍一些常见的错误以及如何避免这些错误。公司向他们的开发人员和程序员提出更多的要求,让他们完成与自己

一位从卖猪肉转行到前端开发小哥的自我救赎

一位曾经卖过猪肉的前端小哥自我救赎之路来自微信公众号:前端巅峰  的交流群真实采访花名:**郑伊健**一、你为什么要给自己取一个郑伊健的花名,有什么特殊含义特殊含义倒是没有,取这个花名,只是因为觉得郑

5G是一个数据通道,未来最大的产业是人工智能 | 任正非对话卡普兰

大数据文摘出品昨天下午,华为创始人任正非邀请两位人工智能领域的国际顶级专家参与“与任正非咖啡对话”。这已经不是任正非第一次举办这种与行业专家的对话,上一次是在6月17日在与《福布斯》著名撰稿人乔治·吉

央视网黄乐:安全合规是一切工作的重要基础

“安全无小事”这一句口号相信大家都较为耳熟,而随着网络技术的不断应用落地,这句口号不再仅仅是一句口号。由于网络安全威胁的不断升级,企业组织对于网络安全的重视程度不断加深。但在安全方面的投入或许还远远不

为什么分布式网络是一种新兴趋势?

互联网的大规模采用可归功于以下五个重要因素:TCP/IPTCP/IP(传输控制协议/Internet协议)是指Internet上使用的标准数据通信协议集。它由DARPA开发,并由互联网工程任务组(IE

晋级高级前端工程师,你需要开发过这七类项目

近些日子,随着JavaScript擅长做更多的事情,它也变得很难被全部掌控(更不用说不可能)。对这门语言更好的理解以及更多的经验意味着更多的工作机会。因此,花费时间来学习新东西很有用。学习编程最好的也

css中怎么解决表格边框不显示的问题?

css中怎么解决表格边框不显示的问题?html中的表格默认是不显示边框的,可以设置表格的border属性来添加边框,设置cellspacing属性为0来将边框合并,显示单一边框。css中也可以设置表格

天翼云视频云储存解决方案,高效解决云储存难题

随着科技发展,视频监控迈向深度智能时代,前端摄像机开始内置深度学习算法,可以对人脸、车辆等关键信息进行快速定位抓拍,有效解决漏抓误报问题,解决了传统智能视频分析技术人工选择特征准确率低、浅层学习模型无

花2w培训前端,出来狂面20家,被拒,我该怎么办?

今天,一个在上海花2w培训前端的妹子向我诉苦,说她5个月刚培训出来,技术好差,2周时间,狂面20家公司,没有一家抛出橄榄枝。她自己说,感觉找不到工作了,能不能给我点建议?我大概问了她一些细节。这期培训

被前端业务倒逼出来的中台?

数字化智能时代,数据成为了新的生产资料,也是蕴含丰富价值的矿藏。随之而来的打破数据孤岛、拆掉部门墙的声音越来越高。2019年中台热席卷圈内,企业、投资者、媒体众说纷纭,百度搜索指数也是应声而涨。有人认

从P4到P9, 在马云家写代码到双11前端PM

导读:今年的双11已经是阿里资深前端技术专家舒文来阿里的第11年,从应届生到双11前端PM,他一路升级打怪,实现了岗位上从P4到P9的晋升。这第11届双11顺利结束之际,他把在阿里这些年的成长经历做一

你需要的前端知识收集好了,请查收!

github地址记录学习成长收获的知识,不断进步,Front-end-go-on目前包含的模块有 HTML基础 CSS基础 JS基础 数据结构基础 Http基础 JS代码练习 算法代码练习 CSS代码

安防摄像头网页无插件直播流媒体服务器EasyNVR在IE浏览器下的 pointer-events- none前端兼容性调试

背景说明由于互联网的飞速发展,传统安防摄像头的视频监控直播与互联网直播相结合是大势所趋。传统安防的直播大多在一个局域网内,在播放的客户端上也是有所限制,一般都需要OCXWeb插件进行直播。对于安防监控

ZooTeam 前端周刊|第 63 期

政采云前端小报第63期浏览更多往期小报,请访问:https://weekly.zoo.team 基于浏览器的实时构建探索之路本文是RichLab花呗借呗前端团队的玄寂童鞋在D2上议题的文字稿。微浏览

vue前端UI框架有哪些?

Vue移动端UI框架1、Vux(star:15620)VUX(读音[v’ju:z],同views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。暂未适配vue-cli@3

前端面试每日 3+1 —— 第263天

今天的知识点(2020.01.04)——第263天(我也要出题) [html]html5怎么判断app是否安装? [css]使用sass的方式有哪些? [js]举例说明object.freeze有

《前端基础进阶》

内存空间1、栈数据结构基础数据值在内存中占据固定的大小空间,因此存在栈内存中js的执行上下文顺序借用了栈数据的存取方式,所以理解栈数据结构的原理和特点十分重要方式:先进后出,后进先出(类似一盒乒乓球)

前端react是什么?

前端react是什么?前端react指的是reactjs,是Facebook推出的一个用来构建用户界面的JavaScript库。React主要用于构建UI,很多人认为React是MVC中的V(视图)。

前端培训-中级阶段(31)- Class 的基本语法、Class 的继承(2019-12-26期)

前端最基础的就是HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知

前端工程师不可不知的时间和地理坐标🔥

关于时间GMT和UTCGMT,即格林尼治标准时间,也就是世界时。GMT的正午是指当太阳横穿格林尼治子午线(本初子午线)时的时间。但由于地球自转不均匀不规则,导致GMT不精确,现在已经不再作为世界标准时

前端-响应式布局

1.使用vw,vh,rem@functionvw($px){ @return($px/1920)*100vw; } @functionvh($px){ @return($px/1075)*100vh

为什么你应当选择 PostgreSQL 而不是 Oracle?

本文转自| PostgreSQL中文社区 作者简介 Jan Karremans,EnterpriseDB的高级销售工程师。 译者简介 KevinZhan,深圳联友科技SA,目前负责公司部分核心系统应用

每天凌晨下班,你是不是觉得特别光荣?

题图: fromZoommy当年刚去东方购物报到的第一天,直属上司就提醒我:“小王,虽然公司17点30分下班,但如果你的领导没有离开,你是没有权利下班的,明白了吗?”当年,我就是个愣头青,觉得这样挺好

长城汽车张小斌:企业数字化不是选择,而是唯一的出路

长城汽车集团云计算总监张小斌20年IT行业经验。西安交通大学计算机专业毕业,中科院计算所硕士,曾在朗讯贝尔实验室、美国硅谷、HP、赛门铁克、Websense担任架构师、主任工程师、研发经理等职务,负责