我要反馈问题

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

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

友情链接

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

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

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

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

立即体验

京ICP备17024260号

为之漫笔

Angular 5.0.0来啦

1070阅读 · 为之漫笔 2017-11-02翻译  
Angular JavaScript UI

我们很高兴地宣布Angular 5.0.0——五角形甜甜圈发布啦!这又是一个主版本,包含新功能并修复了很多bug。它再次体现了我们把Angular做得更小、更快、更好用的一贯目标。 以下简单介绍v5的重大变化。要了解详情,请看changelog。 构建优化器 5.0...

夏风

巧用滑动选项卡,提升用户体验

835阅读 · 夏风 2017-11-01翻译  
Vue UI Web

操作中Vue的声明性质 滑动选项卡Swiping Tab Bar 目前针对移动设备的Cordova应用程序和渐进式的Web应用程序非常流行。提升用户体验和交互的关键是传递出原生的视觉效果和感觉,这并不总是一件容易的事情。当然,新建有样式装饰的多选复选框(checkb...

QAQMiao

CSS中字体相关的小技巧

1649阅读 · QAQMiao 2017-07-07翻译  
CSS UI

你是否早已厌倦了司空见惯的Helvetica字体?想让你的网页别有一番趣味?或是想避免和同事讨论这些琐事?那么我想你需要看看下面这些代码。在项目中添加这样一小块代码后,将在全局中将Helvetica字体替换(alias)为Comic Sans MS字体(或是Chalk...

Chloe

考虑在你的下一个Web项目中使用VueJS吧 - via @codeship

1150阅读 · Chloe 2017-06-15翻译  
VueJS DOM UI

不管你之前有没有听说过 VueJS,不要恐惧。下面我来分享一些 Codeship 为什么在 Docker-builds UI, Jet 中使用这个新库的见解。 VueJS是什么? 先来大致了解一下 Vue(发音同 view)是什么,你可以将它想象为 MV* 模式中的...

远杨

构建稳固的、可升缩的CSS框架的八大原则

3786阅读 · 远杨 2016-12-17翻译  
CSS Web UI

构建稳固的、可升缩的CSS框架的八大原则 这些原则都是我从这些年工作中所含盖的各个大型、复杂的web项目中总结出来的。而这些事情也都是我这些年被多次问到的,所以觉得将其用文档的形式叙述出来会是个不错的想法。 我会尝试着尽量缩短我的解释,以下是关键词: 善用类来定义C...

qhxin

你无法检测到触摸屏

917阅读 · qhxin 2016-12-10翻译  
API Chrome UI

更新: 我不知何故忽略了提及Modernizr.touch,它实际上使用了下面提到的 “Touch APIs”。 Modernizr声称不再检测触摸设备——可以看看这个讨论。 无论你可能会怎么想,目前,在浏览器里可靠地检测当前的设备是否有一个触摸屏是不可能的。 并且...

张大侠

Sass: 维护样式代码的目录结构

1514阅读 · 张大侠 2016-12-06翻译  
CSS Design UI

随着项目规模的不断变大,模块化的目录和文件结构的需求与日俱增。尤其是当你想将你的代码适用于其他的项目、或者横跨一个或多个项目中的组件和模式、或者是分享给他人的模板中时,这显得尤为重要。 2-乙醇分子结构 上周我谈论到@import命令以及如何使用它来编写可维护性的文...

善意的闲人

前端 MVC 已死吗?

2372阅读 · 善意的闲人 2016-12-01翻译  
React JavaScript UI

越来越多的前端开发者采用单向架构。那么经典的“模型-视图-控制(MVC)”前景如何呢? 为了理解我们是怎么到了现在的境地,不妨回首一下前端架构的演化之路。 过去四年,我倾力于大量的网页项目,花了很多时间做前端架构、将不同的框架整合进来。 2010 年之前,JavaS...

cherryvenus

设计系统的CSS结构

1248阅读 · cherryvenus 2016-12-01翻译  
CSS Design UI

我们刚刚给一个大型机构搭建了一个设计系统并且创建了一个让我们十分满意的CSS架构。这是第一次,我们在最后期限前完成任务,并且没有希望我做一些不同的东西。因此,我认为这是一个非常好的分享机会,告诉大家我们如何搭建系统CSS架构的。 给项目一点背景,我们开始搭建一个设计系...

网络埋伏纪事

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

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

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

网络埋伏纪事

React 初学者教程 9:从数据到 UI

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

简介:利用 JSX 的灵活性,将烦人的数据转化为甜蜜的 UI 元素。 在创建应用时,术语 props、state、组件、JSX 标记、render 方法以及其它 React 主义也许是你脑袋中最后考虑的事情。大部分时间,你是处理 JSON 对象、数组以及其它数据结构形...

网络埋伏纪事

React 初学者教程 8:处理状态

1499阅读 · 网络埋伏纪事 2016-10-27翻译  
React babel UI

到目前为止,我们已经创建的组件都是无状态的(stateless)。它们有从它们的父组件传递进来的属性(亦称 props),但是一旦组件活跃起来,就没有什么能改变它们。一旦属性被设置了,就被当作是不可修变的(immutable)。对于很多交互场景来说,你肯定不想这样子。...

開開心心的想念

给予设计师灵感的 11 个顶尖网站

4365阅读 · 開開心心的想念 2016-10-21翻译  
Mobile UI Product

Repick 从网上采集设计出众的产品,几乎每天更新。大部分展品来自亚马逊,也有一部分来源于其他网站。由专家团负责甄选以保持同样的产品风格。 Dribbble Dribbble 诞生于 Salem, MA(塞勒姆,马萨诸塞州),如今它已经成为设计师们分享作品,相...

silence

使用angularjs resource快速创建一个CRUD应用

1355阅读 · silence 2016-09-29翻译  
API RESTful UI

原文地址:https://www.sitepoint.com/creating-crud-app-minutes-angulars-resource 大量的单页应用都有CRUD操作。如果你使用angularjs创建一个CRUD操作,那么你可以利用$resource服务...

杨小福

可扩展的web单页应用程序架构

2451阅读 · 杨小福 2016-09-26翻译  
UI React WebRTC

可扩展的web单页应用架构 为确保你能够理解本篇文章的内容,你需要掌握面向对象编程和函数式编程。我也极力的推荐你先去了解和学习redux的设计思想。 几个月之前我开始用单页应用(spa)的方式的方式编写一个动态业务需求的项目。和大多数的单页应用一样,随着业务逻辑和状态...

rccoder

React 数据阵营之 State 与 Props

1580阅读 · rccoder 2016-09-17翻译  
React DOM UI

在任何应用中管理数据都是必不可少的。通过用户界面来编排数据流是一项具有挑战的工程。现代的 Web 应用会涉及复杂的 UI 交互,比如改变了一个地方的 UI 数据,需要直接或者间接的改变其他地方的 UI 数据。一些双向绑定的框架(比如:Angular.js 等)都是...

米粽

PNG 优化

1718阅读 · 米粽 2016-09-10翻译  
Photoshop Sketch UI

为什么从不同的设计工具导出相同的图像,文件尺寸会各不相同?可以做些什么优化,来减少下载时间和磁盘空间占用? 我们可以用单个像素的图像来测试。1×1 白色像素的 PNG 图像可以展示各种工具压缩输出的效率,以及是否会包含元数据或额外的数据块。下图是各个工具和常用导出方法...

kayson

设计更好的表单

2867阅读 · kayson 2016-09-08翻译  
Design Data UI

设计师通常犯的错误以及如何改正它们 无论是注册流程还是多视图分档器(multi-view stepper,什么鬼?),或者是单调的数据录入界面,表单是数字产品设计中最重要的组件之一。本文主要讲述表单设计的常见注意事项。记住,这些是一般意义的指南,每条规则都有例外。...

鞠大宝

运动曲线提升CSS动画效果

2552阅读 · 鞠大宝 2016-09-02翻译  
CSS UI Web

先有UI动画,然后才会有好的UI动画。好的动画会让人惊叹“哇哦!”——因为页面看上去很流畅、很漂亮,最重要的是,自然,一点都不会让人觉得不和谐或者僵硬死板。如果你经常逛Dribbble或者 UpLabs这类网站的话,你就会明白我在说什么了。 一些极好的拓展阅读资源:...

liujianhuanzz

UI设计之按钮:风格演变和最佳实践

2047阅读 · liujianhuanzz 2016-08-23翻译  
UI Design UX

按钮是一个交互设计中普通的常用元素。虽然按钮是一个非常简单的元素,而且在过去数十年对于它的设计也经历了多次变化,但是对于按钮的用户体验设计仍然是认知与清晰的问题。 在本文,我们将综述按钮设计上的风格演变,同时找出在创建一个极具效果的按钮(译者注:用户体验好的按钮)的过...

MinweiShen

用户记忆设计:如何设计印象深刻的用户体验 | Viget

1509阅读 · MinweiShen 2016-08-22翻译  
Design UI Slack

理解体验和记忆之间的不同,可以让我们成为更成熟的用户体验设计者。 Twitter Facebook Linkedin (该文章获得了Smashing Magazine的授权,可发布在不同平台) 下面的2张图表改变了我思考的方式。通过再现一个1996年的...

十年踪迹

Hover 已死,永垂不朽

2593阅读 · 十年踪迹 2016-08-18翻译  
UI Mac Apple

在 2013 年 2 月,web 在使用方式上经历了一个巨大的变化,而直到 3 年之后,这一变化依然不被工程师和设计师们意识到。在那个月,两台笔记本电脑问世:Chromebook Pixel 和 Microsoft Surface。它们是第一批带有触摸屏支持笔记本电...

ZenDay

通过风格指南驱动的开发设计模块化 UI 系统。

1353阅读 · ZenDay 2016-08-18翻译  
UI Design Bootstrap

使用风格指南来驱动开发作为一种实践正在获得许多在前端开发领域的关注 —— 当然是因为好的理由。开发者们将从风格指南开始,添加新的代码或是更新现存的代码,从而促进一个随后被整合进应用中的模块化 UI 系统。但是为了实现模块化 UI 系统,我们必须以模块化的方式实现设计。...

网瘾少年

用户界面的排版

1336阅读 · 网瘾少年 2016-08-08翻译  
CSS UI Apple

2004年,我刚开始工作, 那时候最红的是sIFR。这项技术由Shaun Inman开发,它运用了一点JavaScript和CSS技术,在Flash动画中嵌入了一些自定义字体。那时基本上只有这种技术可以在类似Firefox或 Safari浏览器上使用自定义字体。伴随着...

楚狂

NPM包的离线安装

3123阅读 · 楚狂 2016-08-05翻译  
PouchDB HTTP UI

如何离线安装npm包? 原文作于 JANUARY 2, 2016,本文作者Addy Osmani是《Learning JavaScript Design Patterns》的作者 有时候,你可能会想在离线状态下安装npm包。这可能是由于糟糕的网络、或者你在飞机上、再或...

Icarus

和BEM的战斗:10个常见问题及如何避免

1529阅读 · Icarus 2016-08-01翻译  
CSS JavaScript UI

原文作者:@David Berner 原文链接:https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/...

MinweiShen

Horizon: 一个可扩展的完美适合JavaScript移动应用的后端

980阅读 · MinweiShen 2016-07-22翻译  
JavaScript Mobile UI

Horizon是一个适合跨平台的JavaScript移动应用的可扩展的后端,尤其适合那些需要实时功能的应用。它是由RethinkDB的优秀程序员们实现的,因此它利用RethinkDB作为默认数据库。如果你对 RethinkDB不熟悉,告诉你,它是一个有实时性能的开源数...

zhouweicsu

我的浴室镜比你的智能

1060阅读 · zhouweicsu 2016-07-19翻译  
UI Android Google

买不到智能镜就自己做一个 去年年底某个时候,我觉得浴室里的镜子得像电影里未来世界中长的那样。 但似乎市场上没有人卖我想要的这种镜子。然而,组成镜子的每个零部件都很常见。最近也有很多人做了类似的自制智能浴室镜,但我想象中的与这些有些不同。 所以我自己订购了一个双面镜,一...

文蔺

Hybrid or Native: 合适的才是最好的

1564阅读 · 文蔺 2016-07-16翻译  
JavaScript UI Hybrid

译者注:本文讲到的 hybrid & native 可能和我们通常理解的略有差异。文中 native 部分主要讲到的是 NativeScript,这一点可能在一些开发者看来是有争议的。关于 NativeScript,想起来@前端外刊评论 有一篇文章《使用 N...

Hugo

你或许不需要 React Router — Medium

1842阅读 · Hugo 2016-07-16翻译  
React API UI

如何你已经使用Facebook的React.js工作了一段时间,你可能会注意到在React社区中流传着一些错误的概念。其中的一个就是断言React仅仅是MVC架构中的V,如果想在开发web应用时使用它作为框架的话,那么首先需要将它和一堆其他的库混合使用。实际上,你很...

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