我要反馈问题

加入众成翻译官方交流群(群号:362419683)

关注《奇舞周刊》微信号
阅读更多精选前端技术文章

友情链接

猿说:互动氛围更好的IT交流学习平台

互动氛围更好的IT交流学习平台

立即访问
声享:制作精彩的有声幻灯片

使用声享在线PPT快速制作分享优质内容

立即体验

京ICP备17024260号

myvin

JavaScript 包管理的前世今生

652阅读 · myvin 2017-07-30翻译  
JavaScript NPM Yarn Webpack Node.js HTML CSS

和 Yarn 相比,npm 在缓存、集成度和扩展性方面表现如何呢?我们将在这篇文章中一辨分晓。 使用许可 如果将一个 JavaScript 开发者在 2005 年冰冻起来,然后在 2017 年的现在以某种神奇的方式将其解冻,那么 JavaScript 包的爆炸式繁荣...

camiler

响应式导航模式概述 – Smashing Magazine

424阅读 · camiler 2017-07-07翻译  
Web HTML CSS JavaScript

说响应式web设计改变了我们的行业顶多是一句轻描淡写。过去我们经常会询问客户希望我们支持哪种设备和分辨率,但现在我们知道是“尽可能多的”。为了应对这样的挑战,并处理我们日益复杂的世界,web行业已经爆发出了新的思维,模式和方法。 在这篇文章中,我想主要看一下响应式导航...

is_january

JavaScript & SEO: 让你的机器体验和用户体验一样棒

458阅读 · is_january 2017-06-26翻译  
Web HTML JavaScript

原文地址:https://moz.com/blog/javascript-seo 作者的观点谨代表其个人(催眠这类不太可能事件不算),而且他的观点也并不总会代表 Moz 的观点(译者注:moz 应为 https://moz.com) 了解 Javascript 以及它...

为之漫笔

411 Length Required:HTTP状态狗

324阅读 · 为之漫笔 2017-06-06翻译  
Web HTML

狗狗帮你理解HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 411 Length Required:请求没有指定其内容长度,请求的资源要求必须有这个长度值。 © Copyright 2017.From @mikelee...

明非

HTTP状态狗:301 Moved Permanently

412阅读 · 明非 2017-05-24翻译  
Web HTML

HTTP协议状态码,你永远叫不醒一只装睡的狗狗。 灵感来自于@girlie_mac的HTTP Status Cats 301永久转移:所有的请求都会被转移到新的URI。 © Copyright 2017.From@mikeleeorg....

明非

HTTP状态狗: 300 Multiple Choices

304阅读 · 明非 2017-05-24翻译  
Web HTML

狗狗教你HTTP响应状态码 灵感来自于@girlie_mac的HTTP-状态猫:) 提供多个资源可供客户端选择。例如,它可以用于呈现不同格式的视频,列出不同拓展名的文件,或者消除词语的歧义。 aafromaa拍摄 © Copyright 2017.From@mi...

为之漫笔

HTTP状态狗:226 IM Used

401阅读 · 为之漫笔 2017-05-23翻译  
Web HTML

狗狗帮你理解HTTP响应状态码。 本系列受到了@girlie_mac的HTTP Status Cats的启发 :) 226 IM Used:服务器已经满足了对资源的GET请求,此时的响应表示的是对当前资源实例的一或多个实例级修改的结果。 Photo by Beve...

为之漫笔

HTTP状态狗:208 Already Reported

393阅读 · 为之漫笔 2017-05-23翻译  
Web HTML

HTTP响应状态码,由狗狗本色展示。 本系列受到了@girlie_mac的HTTP Status Cats启发 :) 208 Already Reported:DAV(Distributed Authoring and Versioning)绑定的构成已经在对当前...

为之漫笔

HTTP状态狗:207 Multi-Status

380阅读 · 为之漫笔 2017-05-23翻译  
Web HTML

可爱的狗狗们形象展示HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 207 Multi-Status:后面的消息体是XML格式的,根据子请求的数量,可能包含几个独立的响应码。 Photo by GabrielaP93....

为之漫笔

HTTP状态狗:206 Partial Content

382阅读 · 为之漫笔 2017-05-23翻译  
Web HTML

狗狗们现身说法,形象展示HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 206 Partial Content:由于客户端发送的范围(range)首部限制,服务器只返回了资源的一部分。范围首部是wget等工具用来实现断点...

为之漫笔

HTTP状态狗:204 No Content

389阅读 · 为之漫笔 2017-05-23翻译  
Web HTML

HTTP响应状态码形象展示,由狗狗们现身说法。 受@girlie_mac的HTTP Status Cats启发 :) 204 No Content:服务器成功处理了请求,但没返回任何内容。 © Copyright 2017.From @mikeleeorg....

为之漫笔

HTTP状态狗:201 Created

380阅读 · 为之漫笔 2017-05-22翻译  
Web HTML

201 Created: 请求已经处理完成,导致创建新资源。 Photo by Beverly & Pack. © Copyright 2017.From @mikeleeorg....

为之漫笔

HTTP状态狗:200 OK

433阅读 · 为之漫笔 2017-05-22翻译  
Web HTML

200 OK: 成功HTTP请求的标准响应。实际的响应取决于使用的请求方法。在GET请求中,响应中会包含与所请求资源对应的一个实体。在POST请求中,响应会包含一个描述或包含动作结果的实体。 Photo by mikeleeorg. © Copyright 201...

winar_阿进

关于渐进增强方法的实例研究:“Building Social”

507阅读 · winar_阿进 2017-01-12翻译  
JavaScript CSS HTML

我们曾激烈讨论过渐进增强的方法以及它是如何提升网站的向下兼容性的。但是怎么样才能将渐进增强的概念应用在一个实际的项目中呢?当我们为网站设计一个复杂的交互效果时,我们很难决定哪些效果仅仅采用HTML和CSS就可以实现,而哪些效果则必须使用JavaScript。 本文我们...

印前

向Web平台添加JavaScript模块

615阅读 · 印前 2016-12-16翻译  
JavaScript HTML Node.js

长期以来,我们一直致力于研究WHATWG标准新特性。我们也一直在试图做件有意义的事情,就是告诉我们的博客读者更多这些新特性。现已经发生了一堆积压已久却令人着实兴奋的事,而我也被提名开始向你讲述关于""的故事。 JavaScript 模块已有很长历史...

scaactk

对无障碍网页应用(ARIA)的选择

761阅读 · scaactk 2016-12-15翻译  
HTML Developer JavaScript

让网站对每个人都能访问是一件相当艰难的工作,尤其是在我们使用自定义标记解决方案(custom markup solutions)的那些日子。我很高兴#a11y(可访问性的简称)的话题最近获得了越来越多的关注,因为#a11y没有什么好的,但是正如James Willia...

兔兔的奶爸

MaintainableCSS - 一种编写模块化,可扩展和可维护的CSS的方法(作者:Adam Silver):模块

571阅读 · 兔兔的奶爸 2016-12-11翻译  
CSS Product HTML

模块 什么是模块? 模块是不同的、相对独立的单元,它可以与其它的模块组合以构成一个更复杂的结构。 在客厅,你可以认为电视、沙发和墙是模块。他们组合到一起创造了一个可用的客厅。 如果你带走它们其中的一个,剩余的依然可以很好的工作。就像我不需要电视也可以坐在沙发上一样。...

柒青衿

HTML 5.1 里的新东西

978阅读 · 柒青衿 2016-12-09翻译  
Web HTML

HTML 5.1概览 两年前HTML5标准的发布对于web开发社区来说是一件大事。不仅是因为它包含了一系列让人印象深刻的新特性, 还因为它是1999年发布的HTML4.01标准以后,对HTML的第一个大版本更新。你现在依然可以看到一些网站夸耀他们在使用“现代”的HT...

cherryvenus

一份学习计划,治愈因js而心力交瘁的你

1566阅读 · cherryvenus 2016-12-05翻译  
JavaScript React HTML

一份学习计划,治愈因js而心力交瘁的你 最近,我就像大家一样无意中发现了Jose Aguinaga的一篇文章“在2016年学习js是一种怎样的体验”。 很显然,这篇文章直击要害:我看到这篇文章在Hacker News上两次登上了榜首,这同样是在r javascrip...

myvin

你可能不需要Redux

1578阅读 · myvin 2016-12-04翻译  
Redux React HTML JavaScript

在决定是否需要 Redux 之前,人们总会选择 Redux 。“如果不使用 Redux 的话我们的应用不能扩展怎么办?”之后,开发者就会因为引入 Redux 而发愁。“只是让一个简单的 feature 运行,为什么我要搞出三个文件呢?” Redux 一定是必须的吗!...

十年踪迹
myvin

幽灵般诡异的CSS选择器

934阅读 · myvin 2016-12-02翻译  
CSS Web HTML

让我们用万圣节主题帖来尽情庆祝万圣节吧。我会使用一些来自CSS选择器王室坟墓的CSS选择器来拉开序幕,这些东西可是会让你害怕到骨子里的哟。额,也许没有那么恐怖,但是至少它们是有些诡异的。 迟钝的猫头鹰选择器 两年前,Heydon Pickering将它发扬光大,它看起...

文蔺

CSS 方法论的选择

1342阅读 · 文蔺 2016-11-30翻译  
CSS HTML Web

多年来,CSS 方法论层出不穷。不幸的是,并不存在适用所有场景的最佳选择。本文介绍了一些适用于不同情况的 CSS 方法论。 好,跟我一起开始踩坑之旅吧。 我只需要创建一个单页面或简单的站点。内容以文本为主,可能会有一两个表单。没有人和我协作,就我自己(还有我家的喵...

hi

ES6模版方法:Handlebar杀手?

969阅读 · hi 2016-11-28翻译  
ES6 HTML React

我在FT上最近有和其中一个一流开发者@bjfletcher的讨论。我们正在考虑替换模板语言的可行性,例如Handlebars和ES6模版方法的某些方面,Ben建议把我们的对话发布到网上是个不错的主意 - 带一个有诱惑性的标题链接及所有内容。 所以什么是模版语法呢?它们...

myvin

使用HTML5 Canvas创建动态粒子网格动画

2207阅读 · myvin 2016-11-27翻译  
CSS JavaScript Web HTML5 HTML CANVAS

最近几年,辨识度最高的虚拟图案之一也许就是下面你所看到的这种动画形式了;我不确定这种动画形式是否有学名,这里我姑且称之为动态粒子网格动画(dynamic point mesh animation)。本例中的动画是基于这种动画形式的变种,灵感来自于Daniel Mayo...

liuliangsir

既然写CSS很容易,那为什么大家还是把CSS写的那么烂呢?-Hacker Noon

6311阅读 · liuliangsir 2016-11-20翻译  
CSS HTML Web

在你开始阅读这篇文章之前,一定要做好心理准备。因为我写的 90% 都是在发牢骚,只有最后大概 10% 介绍 CSS 技巧之最佳实践。提前给你们打好预防针啦。 前端工程师在职业发展中可能会遇到以下困境: 某个阶段,感觉(自己所做的)工作没有任何难度 为团队创造的价...

桔梗

display:contents 与消失的盒模型

764阅读 · 桔梗 2016-11-20翻译  
CSS HTML

在CSS3可视化模块中,display: contents是display属性一个新的属性值。FireFox已经实现了对该属性的支持,这里将简单介绍该属性的作用,及其被浏览器广泛支持后存在实用价值的原因。 【规范】(https://drafts.csswg.org/c...

camiler

如何创建响应式删格系统

1364阅读 · camiler 2016-11-19翻译  
CSS HTML SVG

对自定义网页设计来说,最好的补充之一就是定制的响应式栅格系统。你可以自定义你需要的一切,包括有多少列数,列的大小,列之间的间隔,甚至是需要改变布局的临界点。 不幸的是,许多人甚至不会尝试着为他们的网页设计去建立自定义栅格,因为他们缺乏建立那样一个系统的知识和信心。 因...

betsey

如何使用SVG动画来制作游戏

1418阅读 · betsey 2016-11-18翻译  
CSS SVG HTML

游戏的灵感 在使用过一段时间的SVG动画之后,我相当清楚如何利用它来制作动画片段或者网页布局。一些动画库平台,例如Greensock,和原生的CSS动画简直是绝配。于是我便打算深入地研究一下,看看我能否用这些来制作一款简单的游戏。就像一个精美的工艺品一样,好的游戏拥有...

网络埋伏纪事

如何以及为什么应该内联关键 CSS

1005阅读 · 网络埋伏纪事 2016-11-16翻译  
CSS JavaScript HTML

在互联网早期年代,网站主要是用来显示基于文本的信息。慢慢地,连接速度提升了,用户已经能相当快地下载高分辨率的图像和视频了。现在网站就不仅仅是以文本的形式提供所需信息了。网站正变得越来越复杂,带有 CSS 和 JavaScript 框架,以及大量的插件等等,加载这些东西...

玩命加载中……
已经到底啦