原创翻译
whqet
这个作者很懒,什么都没留下…
展开
-
Modernizr & YepNope Tips
<!--p {text-indent:2em; line-height:24px; font-size:14px}h1, img {margin:0.6em 0}-->本文由前端开发whqet翻译自WDL,Rochester Oliveira2013年5月2日写的文章Modernizr & YepNope Tips。每天都有新的更好的浏览器版本产生,翻译 2013-05-15 21:46:23 · 3983 阅读 · 0 评论 -
前端开发规范之jQuery编码规范
临近期末,大部分的基础教学内容已经讲解完毕,在进行比较大型的项目训练之前,如果能让学生了解甚至遵循一些前端开发的编码规范将会是一件非常有意义的事情。因此,本博客准备于近期整理一个编码规范于最佳实践的系列文章,包括html、css、javascript、jquery、php等,希望能对大家有所帮助。翻译 2014-12-31 22:54:40 · 6743 阅读 · 4 评论 -
01序-AngularJS 基础教程
AngularJS的初衷是为了**简化web APP开发**,精髓是**简单**。但是国内外有很多AngularJS的教程,都着重讲AngularJS的强大之处,从而增加了AngularJS学习的难度,本教程试图用通俗的语言讲解**最为基础**、**最为实用**的内容,***简化学习进程、降低学习难度***是本教程的初衷。原创 2015-03-26 08:03:22 · 4387 阅读 · 16 评论 -
02引言-AngularJS基础教程
AngularJS的初衷是为了**简化web APP开发**,精髓是**简单**。本教程试图用通俗的语言讲解**最为基础**、**最为实用**的内容,**简化学习进程、降低学习难度**,系列教程以翻译Angular Basics为梗概,融合博主自己的理解,为大家提供一个简单明了的教程,本文为第02篇,引言。翻译 2015-03-26 11:03:43 · 5267 阅读 · 21 评论 -
03基础-AngularJS基础教程
本系列教程以翻译Chris Smith的Angualr Basics为梗概,融合博主自己的理解,为大家提供一个简单明了的学习教程,通过讲解基础、实用的内容,简化学习进程、降低学习难度。本文为系列教程的第3篇,Angular基础。翻译 2015-03-28 09:29:19 · 7319 阅读 · 23 评论 -
04控制器-AngularJS基础教程
本系列教程以翻译Chris Smith的Angualr Basics为梗概,融合博主自己的理解,为大家提供一个简单明了的学习教程,通过讲解基础、实用的内容,简化学习进程、降低学习难度。本文为系列教程的第4篇,Angular控制器。...翻译 2015-04-07 19:10:27 · 6845 阅读 · 13 评论 -
05作用域-AngularJS基础教程
本系列教程以翻译Chris Smith的Angualr Basics为梗概,融合博主自己的理解,为大家提供一个简单明了的学习教程,通过讲解基础、实用的内容,简化学习进程、降低学习难度。本文为系列教程的第5篇,Angular 作用域。翻译 2015-04-14 16:54:43 · 4917 阅读 · 20 评论 -
07模块-AngularJS基础教程
本系列教程以翻译Chris Smith的Angualr Basics为梗概,融合博主自己的理解,为大家提供一个简单明了的学习教程,通过讲解基础、实用的内容,简化学习进程、降低学习难度。本文为系列教程的第7篇,Angular 模块。翻译 2015-04-19 11:54:36 · 4204 阅读 · 12 评论 -
06集合-AngularJS基础教程
本系列教程以翻译Chris Smith的Angualr Basics为梗概,融合博主自己的理解,为大家提供一个简单明了的学习教程,通过讲解基础、实用的内容,简化学习进程、降低学习难度。本文为系列教程的第6篇,Angular 集合翻译 2015-04-16 11:32:39 · 5701 阅读 · 16 评论 -
CSS3 Flexbox可视化指南
原文:scotch.io的A Visual Guide to CSS3 Flexbox Properties 译者:前端开发whqet,意译为主不当之处,欢迎指正! 译言:希望可以通过可视化的方式帮助您了解Flexbox属性如何影响flex布局。大家可以到原文demo那里先一睹为快,注意,需翻墙浏览(因为原文调用google api插件),我们提供了另外的在线实验平台,或者你也可以到github关注、下载。翻译 2015-04-28 10:51:55 · 7757 阅读 · 10 评论 -
5个常见响应式设计陷阱及解决方案
想象这样的场景: 您刚刚创建了一个**杰出的**响应式设计,然后准备在移动设备中测试一下。在您意想不到的地方产生了一些问题,文字乱糟糟的,动画波涛汹涌,表单没有呈现您设计的样式。然后花费N多时间修复这些问题,您可能抓狂地把电脑扔出窗外砸中邻居家的猫。翻译 2015-09-12 11:55:01 · 4466 阅读 · 0 评论 -
CSS定位属性之间的相互作用
来看下CSS标布局情况下,定位相关属性之间的相互作用。翻译 2015-10-28 09:45:18 · 2674 阅读 · 2 评论 -
提高您CSS开发能力的技巧集
翻译自Github,提高您CSS开发能力的技巧集,希望对大家有所帮助。翻译 2015-10-09 12:13:18 · 4019 阅读 · 1 评论 -
前端开发规范之项目架构
我们知道,好的编码规范、编程约定非常重要,但是文档架构呢?建立一个好的文档架构是开始一个网站或者APP的基础,我们如何建立一个结构清晰、便于维护的文档架构呢?我们的目标:1)需要一个多页面项目(网站或者APP)2)需要项目支持多屏幕尺寸,换句话说,需要实现响应式布局3)最终产品易维护4)最终产品性能良好5)未来项目可套用该模板翻译 2015-01-02 07:09:39 · 8128 阅读 · 18 评论 -
2015年10大web预测
时值年初,各种各样的预测类文章大行其道,今天从sitepoint上弄篇文章翻译翻译,到年底看看预测的如何。据说该老外(Craig Buckler,sitepoint知名写手,近二十年的web从业经验)的2014年的预测半数作准。原创 2015-01-12 09:14:07 · 10987 阅读 · 42 评论 -
扁平设计时代-The Flat Design Era
<!--p {text-indent:2em; line-height:24px; font-size:14px}h1, img {margin:0.6em 0}-->本文由前端开发whqet翻译自WDL, Claude Meri 2013年5月1日发表的文章,The Flat Design Era。扁平设计扁平设计的设计风格,力图避免任何形式的翻译 2013-05-16 10:46:41 · 3749 阅读 · 1 评论 -
18佳使滚动技术更上层楼的网站
<!--p {text-indent:2em; line-height:24px; font-size:14px}h1, img {margin:0.6em 0}h1 {font-size:16px; line-height:22px}-->本文由whqet翻译自WDL,18 Websites that Take Scrolling to t翻译 2013-05-20 16:21:03 · 5338 阅读 · 3 评论 -
成功的UI是无形的-A GREAT UI IS INVISIBLE
本文翻译自A GREAT UI IS INVISIBLE,codrops.前端开发whqet,关注前端开发技术 分享网页相关资源。 一个可以向用户提供无缝交互体验的无形界面,可以帮助用户专注于自己的目标,逐步引导他们达成所需。 一个真正设计精良的UI应该让用户察觉不到它的存在,差的用户界面则往往喧宾夺主,强迫用户关注花哨的界面,从而忽略内容。用户登录某个网站翻译 2013-05-14 06:07:17 · 3041 阅读 · 1 评论 -
21佳网页白色应用
本文由whqet翻译自WDL,21 Beautiful Examples of Using White in Web Design。前端开发whqet,关注前端开发技术 分享网页相关资源。White is certainly an elegant color, and when properly used in web design, it can deliver really beaut翻译 2013-05-14 09:42:56 · 2925 阅读 · 1 评论 -
2014年启用响应式网页的5个理由
响应式网页是你今年的最优选择吗?如果不是,那你得看看《2014年设计趋势》这篇文章,然后启用这个流行技术。我列出了你应该尽快使用响应式网页的5个理由。翻译 2014-03-01 21:52:35 · 2906 阅读 · 1 评论 -
SVG线画如何实现
本文翻译自CSS-TRICKS的站长CSS大牛CHRIS COYIER(同时也是Codepen的站长)的文章《How SVG Line Animation Works》,文章不逐字翻译,以意译为主。另外说一句,本博客发表的文章《SVG奥林匹克五环动画》用的也是这个原理,总是感觉说不清原理,同时学习下大牛的表达方式。翻译 2014-02-19 14:38:46 · 6785 阅读 · 2 评论 -
文字大小妙主意-Font Size Idea
原文:《Font Size Idea: px at the Root, rem for Components, em for Text Elements》作者:Chris Coyier,CSS-Tricks站长,Codepen站长翻译:前端开发whqet,以意译为主,不当之处请大家批评指正。翻译 2014-04-11 22:39:00 · 4345 阅读 · 1 评论 -
SASS优化响应式断点管理
当你需要搞定响应式布局时,一堆堆的媒体查询、大量的属性、属性值往往可以把你搞颠,SASS(或者诸如此类的预处理器)被认为是处理响应式断点的最佳利器。说到响应式断点处理,很多种方式涌上心头,经常有人问哪种方式最优,正如前端开发领域的大多数问题一样,这个问题同样没有标准答案,我们需要具体问题具体分析。翻译 2014-05-22 20:52:46 · 5718 阅读 · 0 评论 -
初阶程序猿生存技术排行
在Talentbuddy(一个可以练习C、C#、C++、JavaScript、PHP、Python、Ruby等语言,以采访问答的方式引导你解决问题的学习社区)里问的最多的一个问题是:完成Talentbuddy社区的前端方面导师计划(一种学习方式)时,我是否能够顺利应聘为程序猿?为了回答这个问题,我们有必要仔细研究一下程序猿招聘中的最容易识别的要求——工作经历中需要的技术(包括语言、类库、框架、平台等)。为了找出雇主最感兴趣的技术,我们分析了美国知名求职网站 Indeed 中231份程序员招聘需求,研究一下翻译 2014-08-04 15:30:34 · 4596 阅读 · 7 评论 -
CodePen's CSS
译者说:近来一些国外的大牛分享自己网站的CSS,从中我们了解css相关技术的应用情况,把握CSS的使用规范,今天翻译下Chris Coyier 分享的CodePen's,希望可以给大家一些帮助。翻译 2014-08-18 09:44:43 · 6804 阅读 · 4 评论 -
JS错误的诊断与修复
Javascript的调试仍然是大多人的噩梦,有什么妙招吗,看看老外大牛如何说……翻译 2015-01-28 06:29:20 · 12593 阅读 · 12 评论 -
10分钟快速学Handlebars
据说handlebars是一个流行的模板引擎,可以把html从javascript中分离出来,写更清晰的代码。来不妨一试。翻译 2015-01-29 05:39:16 · 7771 阅读 · 8 评论 -
JS开发者调查
翻译一个国外大牛做的JS开发者调查,JS使用方面的30个问题,让你了解JS技术现状。翻译 2015-12-12 18:36:55 · 4056 阅读 · 4 评论