马上开始翻译!

我要认领

全站翻译字数:1,820,666

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

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

我要反馈问题

winar_阿进

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

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

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

印前

向Web平台添加JavaScript模块

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

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

scaactk

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

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

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

兔兔的奶爸

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

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

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

柒青衿

HTML 5.1 里的新东西

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

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

cherryvenus

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

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

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

myvin

你可能不需要Redux

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

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

十年踪迹
myvin

幽灵般诡异的CSS选择器

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

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

文蔺

CSS 方法论的选择

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

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

hi

ES6模版方法:Handlebar杀手?

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

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

liuliangsir

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

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

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

桔梗

display:contents 与消失的盒模型

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

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

camiler

如何创建响应式删格系统

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

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

betsey

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

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

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

网络埋伏纪事

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

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

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

网络埋伏纪事

一个治愈 JavaScript 疲劳的学习计划

12016阅读 · 网络埋伏纪事 2016-11-12翻译  
JavaScript React HTML

像其他人一样,我最近偶然看到 Jose Aguinaga 的文章《在 2016 年学 JavaScript 是一种什么样的体验》”。 译者注:中文翻译在此。 很显然,这篇文章触到了很多人的痛点:我看到它两次荣登 Hacker News 的榜首。它也是 /r/ja...

文蔺

HTML Form Validation

397阅读 · 文蔺 2016-11-05翻译  
HTML JavaScript Web

我是 HTML 表单验证(HTML form validation) 的超级粉丝,因为它取代了我使用了近 20 年的 JavaScript 代码。不幸的是,Safari 并不支持这个特性(谈到 Web 时,先别跟我提 Apple 和他们的优先级)。 不过,我确实很...

fegg

思考 CSS 架构

1122阅读 · fegg 2016-11-03翻译  
CSS JavaScript HTML

你有没有在一个逐渐膨胀的 CSS 项目中感到混乱呢?保持样式风格统一和 HTML 的影响是比较困难的:尽管修改一个较小的问题,都可能创建更多丑陋的 hack,也可能 CSS 的小改变会影响 JavaScript 的功能。但是这些问题能在我们的项目开始的时候静心规划,就...

開開心心的想念

介绍 SVG 动画 - O'Reilly Media

416阅读 · 開開心心的想念 2016-11-01翻译  
SVG CSS HTML

介绍 SVG 动画 了解为什么 SVG 里面的动画和 CSS 里面的动画不一样,并解决你可能会遇到的一些常见的坎。 由 Sarah Drasner 2016年10月19日 Illustration 里的 SVG 动画。 (来源: Sarah Drasner). 注册...

网络埋伏纪事

React 初学者教程 14:在 React 中访问 DOM 元素

594阅读 · 网络埋伏纪事 2016-10-28翻译  
DOM HTML React

有时我们需要直接访问 HTML 元素上的属性和方法。在 React 的缤纷世界里,JSX 代表纯粹的标记,那么为什么你会想要直接处理可怕的 HTML 呢?因为你会发现,很多时候直接通过 JavaScript DOM API 处理 HTML 元素,比用 React 的方...

网络埋伏纪事

React 初学者教程 13:用 React 创建一个简单的 Todo List 应用

677阅读 · 网络埋伏纪事 2016-10-28翻译  
React HTML UI

概述:通过学习如何创建经典的 Todo List 应用,将所有学过的 React 技巧投入到实战中。 如果说创建 “Hello, World!” 示例是庆祝你开始涉足 React,那么创建一个经典的 Todo List 应用是庆祝你接近掌握 React!在本教程中,我...

cherryvenus

纯CSS过滤内容

410阅读 · cherryvenus 2016-10-28翻译  
CSS DOM HTML

纯CSS过滤内容 译者提示: 边看demo边食用,效果更佳 科普一下伪元素:target 仅仅通过CSS过滤内容,这是一个非常有趣且有吸引力的方法。 (译者注:作者在这里是说,他在半夜两点的时候喝了酒,然后突然想做个实践,就是纯CSS过滤内容) 通过CSS的:ta...

网络埋伏纪事

React 初学者教程 11:组件的生命周期

588阅读 · 网络埋伏纪事 2016-10-28翻译  
DOM React HTML

概述:学习生命周期方法,从而更好地理解组件能做和不能做什么。 在开始,我们以一个很简单的视图组件以及他们要做什么开始。随着我们对 React 更多,做了更酷以及更复杂的事情,结果发现组件并非那么简单。它们帮助处理属性、状态、事件,并且经常负责其它组件的幸福。跟踪组件做...

网络埋伏纪事

React 初学者教程 7:深入 JSX

439阅读 · 网络埋伏纪事 2016-10-27翻译  
HTML React JavaScript

你可能已经注意到,在前面的教程中我们用到很多 JSX。但是我们确实还没有认真看看 JSX 到底是什么。它实际上是如何工作的呢?为什么我们不就把它叫 HTML 呢?它到底有哪些怪癖?在本教程中,我们将回答所有这些问题。我们将做一些严肃的回溯(以及一些前溯),来深入看看为...

网络埋伏纪事

React 初学者教程 5 :创建复杂的组件

499阅读 · 网络埋伏纪事 2016-10-27翻译  
React HTML CSS

简介:通过学习如何识别和创建依赖于其它组件的组件,从而轻松创建复杂 UI。即根据组件可组合性,来创建复杂的组件。 在前一教程中,我们学习了组件以及组件可以做的很棒的一些事情。我们知道组件是主要的方式,React 允许我们的界面元素像可重用的砖块一样,组件包含自己要运行...

网络埋伏纪事

React 初学者教程 4: 在 React 中设置样式

639阅读 · 网络埋伏纪事 2016-10-27翻译  
React CSS HTML

长期以来,我们都是用 CSS 格式化 HTML 内容。用 CSS,可以很好地分离内容和表现形式。CSS 的选择器语法给我们很大的灵活性,来选择哪个要格式化,哪个会略过。你甚至找不到太多的问题来憎恨 CSS 的层叠。 好了,不要告诉 React 这些。React不会积极...

网络埋伏纪事

React 初学者教程 3: React 中的组件

526阅读 · 网络埋伏纪事 2016-10-27翻译  
React JavaScript HTML

组件是让 React 变得美好的事情之一,它是定义人们在使用应用程序时所看到的视觉和交互的主要方式之一。假如我们要完成的 app 是下面这个样子: 这是完成了的界面。在开发期间,从 React 项目的角度看,就不那么动人了。这个应用的视觉的几乎每一个部分都被封装在在...

网络埋伏纪事

React 初学者教程 2: 创建第一个 React 应用

662阅读 · 网络埋伏纪事 2016-10-27翻译  
React JavaScript HTML

通过前面一章的学习,我们已经了解了有关 React 的基本信息,以及它是如何帮助我们轻松创建即使是最复杂的用户界面。但是对于 React 提供的所有精彩来说,刚开始学习它可不是最简单的事情。React 的学习曲线相当陡峭,里面大大小小的障碍不少。 本章会从创建一个简...

cherryvenus

CSS中的响应式图片

293阅读 · cherryvenus 2016-10-27翻译  
CSS HTML

“响应式图片”这个术语的意思是“在html中的响应式图片”,换句话说,srcset和sizes属性是适用于<img>和<picture>元素的。但是这些html属性该如何映射在CSS中? 过去几年,CSS一般不真正地参与响应式图片之旅的。这有个...

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