星狮创想的日子（四）
在星狮创想网页设计基础班的最后一部分，也是作为赠送课程和公开课的部分，是Flash课程。 这个更巧了，之前就跟Fenix学习AS3来着。这部分个人有点小骄傲，因为感觉自己起点比较高。但是在学习的过程中才发现，原来我还有很多可学的。 原因很简单：所有的课程都为网页设计服务。 从画面效果、实现技巧到互动体验，全都围绕网页设计来。因此例如水波的制作，循环动画的处...
星狮创想的日子（三）
星狮创想的第二阶段是让我具备前端工程师基本素质的过程——Html+CSS。 这期间我非常投入，正好在那之前刚学习过actionscript3，加上自己在大学期间就开过班级学习站，对网页开发其实特别有感情。以现在来看自己大学的第一个站，技术方面当然是烂到爆了，但是内容上却十分有想法，虽然是自己兴趣建站，到后来吸引了好几个同学来提供自己版本的复习大纲，整个年级更...
jQuery.resBg - 页面背景自适应插件
碰到一个客户网站的首页需要参考以纯Yishion官网的处理方式，并且不用flash实现。 这个需求基本上可以概括为两点： 背景图覆盖全屏 背景图要做到浏览器自适应（同时适应高度和宽度） 脑袋里理了一下思路，直接用CSS设置背景基本上不太可能办到了。于是开始自己整理js实现的思路。 将图片独立出来，用CSS控制它position:absolute;...
PhoneGap开发心得（四） iOS项目Tip
#1. 归档与上传 上传发布版本之前需要将Release处均改为发行版设置。 包括下图中的部分，开启方式为 Product → Scheme → Edit Scheme。 然后通过Product → Archive进行归档。在所有信息都正确的前提下，可以直接选择发布企业版或上传到APP STORE，这样就不用专门过一遍Application Loader了...
PhoneGap开发心得（三） 搭建PhoneGap+Xcode+iOS环境
倒腾完Android端，自然就该iOS了。不得不含泪打开了vbox虚拟机的黑苹果OS X 10.8.5，忍受各种不正常来进行苹果开发。 #1. 安装 Xcode就不用说。都2014年了，一定要使用Xcode5，不然没法发布iOS7应用。 接着下载PhoneGap就好了（点击这里下载）。有个比较严肃的问题，OS X下实在找不到安装版的PhoneGap到底去了何...
PhoneGap开发心得（二） Android项目Tip
#1. 运行中旋转屏幕导致应用退出 解决办法：为activity标签中的configChanges添加screenSize属性，如下： android:configChanges="orientation|**screenSize**|keyboardHidden" 原因：通常情况下，PhoneGap在设备旋转屏幕后不能正确获得屏幕大小导...
PhoneGap开发心得（一） 搭建PhoneGap+Eclipse+Android环境
最近实验一个小东西，需要用到PhoneGap打包编译Html项目，于是从头学起。 #1.安装 首先是JDK（点击这里下载）。不安装的话不能正常安装Android SDK。安装成功检测：启动DOS窗口start–>run–>cmd，在DOS窗口中键入：java -version，如能显示版本信息说明安装正常。 接着是ADK（点击这里下载）。安装完之...
纯CSS3打造质感按钮
纯CSS手工打造的质感按钮（就是不知道为什么灰色左箭头按钮before部分在hover状态下有问题，谁来帮忙纠个错？） 先看看效果： 其实挺简单的，只要用好CSS3的特性，很多效果都很好做，完全不需要教程。所以直接上代码了。 【Html部分】 123456789101112131415161718192021222324252627282930313233...
星狮创想的日子（二）
在星狮创想第一阶段的第二部分就开始实践着学习做网页设计了。是的，没错，不是抽象着去谈该怎么设计，而是将网站按功能分成几大类型，从案例中归纳方法进行演示。 很关键的是，作业要求很严格，不能瞎拼凑。什么叫严格？ 要制作的网站，它的所属对象是存在的。也就是说不能为一个空想的需求方服务。所以我的作业往往都是寻找一些已经有网站的企业或单位，试图超越他们原来的设计。 ...
emmet(ZenCoding)-快速编写HTML神器
最近大量编写HTML代码，着实被fenix命名的“人力智能”给伤心了，全是体力劳动啊。 不过功夫不负有心人（随便乱用的词……），在查阅资料时，无意发现了一枚小巧而实用的神器——**emmet(ZenCoding)**。 它对我来说最重要的作用就是快速编写HTML代码。它能快成什么样子呢？ 比如下面这部分代码 123456789<nav id=&quo...
