归档

你还年轻吗,你还有梦吗?

崔健在草莓音乐节的舞台上,嘶哑着嗓子问台下的观众:“你们年轻吗?你们还有梦吗?” 
有些70后的死忠趴在第一排,喊得热泪盈眶:“我们有梦!” 

  崔健真的老了,摄像头把他脸上的褶子,稀疏的头发捕捉得一览无遗,同样老去的还有他的那帮老战友们,二十世纪九十年代和他一起唱《红旗下的蛋》、《一块红布》、《新长征路上的摇滚》、《一无所有》、《花房姑娘》的乐队,那是几个已组家室,曾经放肆叛逆、红遍天南海北的中年男人。

  有人扛了红旗,走上了舞台,舞台上旌旗飘扬,松烟把老男人们的眼神照得格外血性,大家跟随崔健的手势呐喊、冲撞……身旁的90后姑娘捅捅我:“为什么你们那么激动?为什么他们的歌曲我一首都没听过呢?”

  我该怎么对她解释这代70后80后对一个时代的怀念和致敬呢?

  我说:“听下去吧,那是一个还用着红暖瓶,大街上唱着《九妹》,没那么多的车,小贩的吆喝也像一首摇滚诗歌的时代。”

Javascript构建工具:Grunt、Gulp、NPM

Nicolas Bevacqua专心研究了JavaScript构建系统,他比较了三大工具:Grunt、Gulp、NPM,讨论了各自的优点和缺点。

原文地址A JavaScript Build System Shootout: Grunt vs. Gulp vs. NPM

决定技术总是困难的,因为你不想反复选择。但最终你将不得不做出选择来满足你需要它做的事情。对于构建技术在这方面没有什么不同:它是一个重要的选择,你应该慎重对待它。例如让我们来看看Grunt:

  • Grunt有一个健康的社区,甚至是在Windows上。

  • 它不完全使用在Node社区

  • 很容易学习,你只是安装插件然后配置它们

  • 没有先进的概念,也不需要大量的经验知识

这些都是选择使用Grunt很好的理由,但是我想弄清楚,Grunt是不是最好的选择,而且还有其他流行的构建工具,是否比Grunt更满足你的需要。

我写这篇短文,可以帮助你理解Grunt、Gulp和npm之间的差异。这是我在前端开发工作流程中最常使用的三个构建工具。当我们理解它们以后,定制一个工具的时候可能会更得心应手。

第一步,我们来讨论Grunt擅长的地方。

旅行,写作,编程

看到这篇文章,我迫不及待的想分享给朋友们。作者这样对待生活和工作的态度,是我们应该去学习的。

同时,建立和执行目标很重要!

人生不留白,即便你是个苦逼的程序员。给自己腾点时间,好好梳理一下思路吧。

让设计师抓狂:需求是这样制定出来的

我只想说:
!@#¥%……&*(

这里面有两个普遍存在的问题:

  • 设计师和需求方的交流压根儿就不在一个频段上,怎么聊都聊不通嘛。

  • 你又想请设计师设计出一个牛逼的方案,又框定了设计方案,拜托,你到底是需要设计还是需要制作?

最后的结果大部分情况下就是:别人的设计方案真牛逼,你怎么就做不出来呢?

设计师:!@#¥%……

RESTful API 设计指南

本文引用自阮一峰的网络日志,感谢作者的分享。

网络应用程序,分为前端和后端两个部分。当前的发展趋势,就是前端设备层出不穷(手机、平板、桌面电脑、其他专用设备……)。

因此,必须有一种统一的机制,方便不同的前端设备与后端进行通信。这导致API构架的流行,甚至出现”API First“的设计思想。RESTful API是目前比较成熟的一套互联网应用程序的API设计理论。我以前写过一篇《理解RESTful架构》,探讨如何理解这个概念。

今天,我将介绍RESTful API的设计细节,探讨如何设计一套合理、好用的API。我的主要参考资料是这篇《Principles of good RESTful API Design》

laravel的语言包设置

Laravel 本地化语言的功能

所谓本地化语言,就是说在不同的的国家可能使用不同的语言.现在Laravel提供了一个方便的功能,本地化语言支持。

好了,下面让我们来看看如何使用这个神奇的功能吧。

这里本地化语言使用的是Lang这个类。

例如,我们想要让程序支持中文和英文。

什么是RESTful架构

本文引用自阮一峰的网络日志,感谢作者的分享。

越来越多的人开始意识到,网站即软件,而且是一种新型的软件。

这种”互联网软件”采用客户端/服务器模式,建立在分布式体系上,通过互联网通信,具有高延时(high latency)、高并发等特点。

网站开发,完全可以采用软件开发的模式。但是传统上,软件和网络是两个不同的领域,很少有交集;软件开发主要针对单机环境,网络则主要研究系统之间的通信。互联网的兴起,使得这两个领域开始融合,现在我们必须考虑,如何开发在互联网环境中使用的软件。

RESTful架构,就是目前最流行的一种互联网软件架构。它结构清晰、符合标准、易于理解、扩展方便,所以正得到越来越多网站的采用。

但是,到底什么是RESTful架构,并不是一个容易说清楚的问题。下面,我就谈谈我理解的RESTful架构。

CSS动画插件:Animate.css

我们先来了解一下CSS动画相关的内容:

通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。

CSS3 @keyframes 规则

如需在 CSS3 中创建动画,你需要学习 @keyframes 规则。

@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画效果。

浏览器支持

Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。

Chrome 和 Safari 需要前缀 -webkit-。

注:Internet Explorer 9,以及更早的版本,不支持 @keyframe 规则或 animation 属性。

快速掌握CSS选择器

CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样我们选择相应的元素就很重要了,如何选择对应的元素,此时就需要我们所说的选择器。选择器主要是用来确定html的树形结构中的DOM元素节点。

这里有一个有趣的小游戏,能够帮助你熟悉CSS选择器。
CSS Diner

中国首个开源HTML5跨屏前端框架-Amaze UI

国内有不少前端框架,但能解决浏览器存在的跨屏适配和兼容性问题的技术却很少。再加上国内对开源技术的思想意识不够,很多成熟的技术主要封闭在自己的公司内,这样造成整个产业链在技术上很难互惠互通。

与此同时,移动、跨屏已经成为了的当下互联网最热门的技术,而前端开发者在开发网页时,时常会陷入重复解决繁复的跨屏、适配问题,耗费精力,影响工作效率,产品开发进度慢这样的恶性循环中。

Amaze UI应该是中国首个HTML5跨屏前端开发框架,其不仅兼容Bootstrap、Foundation、Semantic UI几者的特点,还具有以下优势:

  • 加入更多符合中国市场特性的元素:中文排版更优化,兼容中国本土主流浏览器

  • 更轻量化,不仅适用于桌面端,更适合移动端

  • 包含一些封装好的Widgets,其他框架则没有