07 2013 档案
摘要:前端开发并不是一个容易的工作,不仅需要掌握HTML、CSS和JavaScript,针对不同的浏览器版本和平台,还需要了解如何设计出跨平台的网站。如今随着响应式设计的流行,前端开发变得越来越困难,且花费的时间更长。 本文收集了14个响应式前端开发框架,可以帮助前端开发人员大大简化开发过程。针对每个框架,文中均指出了它所包含的UI组件及JavaScript插件。几乎所有的框架都采用了响应式网格...
阅读全文
摘要:今天学到一招,所以决定简单写写如何利用图标字体生成器IcoMoon把自己制作的图标变成字体,下面以OSChina的图标为例。 一、确保logo转成纯色,并保存为svg格式 因为OSC的logo是绿色带描边的,所以先在Illustrator里面把logo变成纯色路径,这里我用的黑色。还有因为字体属于矢量文件,所以把logo存储为.svg格式的文件方便接下来的导入。 二、进入IcoMoon,导入刚...
阅读全文
摘要:#1 – Free Metro Ui Style template by Asif Aleem 很棒的蓝色调 Metro UI 管理模板 #2: Metro-Bootstrap by TalksLab Metro Bootstrap 是基于 Bootstrap 开发的 Metro 主题。 #3: Metro UI template by Thomas 非常易用的 Metro UI 框架,付费...
阅读全文
摘要:今天由同事说起,PS导出PNG时,有个选项”交错“是干啥的,想起这也是个问题,所以特意搞了个测试页面: 引用网上”交错-就是类似旧式电视的隔行扫描,让图片只花50%的时间就可以看到图片全貌“,另外JPG的”渐进“也有类似效果,可惜支持的浏览器不多 在测试各个浏览器(未说明都为最新版本)时发现: Chrome对“渐进”和“交错”都支持良好 Safari(PC/MAC)对“渐进”不支持,“交错支...
阅读全文
摘要:6月13日,阿里巴巴支付宝正式推出“余额宝”,简直就是逆天的节奏!明摆着和银行抢生意啊!——同样一万块钱,放银行里按活期利率算,一个月只有三十多块钱,而放在支付宝里转“余额宝”,一个月收益300-400元,你说,你会放在银行还是放支付宝里? 通过“余额宝”,真正实现了平民理财、懒人理财。“余额宝”其实是打着擦边球轻松地废了银行的垄断,革的是银行的命。 马云在中南海里和温总理讲:“很多人恨我,因...
阅读全文
摘要:您使用浏览器版本过旧且存在安全隐患,立即更新至最新版本的QQ浏览器或IE8浏览器,购物安全又轻快!
阅读全文
摘要:单例模式(Singleton)也叫单态模式,是设计模式中最为简单的一种模式,甚至有些模式大师都不称其为模式,称其为一种实现技巧,因为设计模式讲究对象之间的关系的抽象,而单例模式只有自己一个对象,也因此有些设计大师并把把其称为设计模式之一。 这里又不具体讲如何实现单例模式和介绍其原理(因为这方便的已经有太多的好文章介绍了),如果对单例模式不了解的可以先看下:http://terrylee.cnblo...
阅读全文
摘要:1. Ninja - HTML5 设计工具 Ninja 是全功能的 HTML5 Web 设计工具。目前 Ninja 支持可视化地设计和制作HTML5动画,并完全支持CSS 3D效果。 2. jsPDF - 用 JS 生成 PDF jsPDF 是一个免费的 JavaScript 类库,可以用来创建 PDF 文件,不需要服务器端支持。它支持文本(含格式),画图和图片。 3. This is...
阅读全文
摘要:动态应用,是相对于网站静态内容而言, 是指以c/c++、php、Java、perl、.net等 服务器端语言开发的网络应用软件,比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通 常与数据库系统、缓存系统、分布式存储系统等密不可分。 大型动态应用系统平台主要是针对于大流 量、高并发网站建立的底层系统架构。大型网站的运行需要一个可靠、安全、可扩展、易维护的应用系统平台做为支撑,以保...
阅读全文
摘要:DNS解析原理及过程。 当用户访问我们网站一个网页时,他需要经过以下步骤: 1)找到这个网页的存放服务器; 2)服务器将用户的请求信息接入; 3)服务器通过文件路径(URL)查找用户请求网页; 4)用户将该网页内容下载到自己电脑上。 我们所讲的DNS解析主要是第一个步骤,即让用户通过URL找到文件存放的服务器。 1、为什么要有DNS解析? 让用户电脑和服务器(网页...
阅读全文
摘要:IE条件注释是微软从IE5开始就提供的一种非标准逻辑语句,作用是可以灵活的为不同IE版本浏览器导入不同html元素,如:样式表,html标签等。很显然这种方法的最大好处就在于属于微软官方给出的兼容解决办法而且还能通过W3C的效验。 让我们举几个例子来看看: 1、只有IE才能识别 1: 2: 3: 因为只有IE5以上的版本才开始支持IE条件注释,所有“只有IE”才能识别的意思...
阅读全文
摘要:1. 估算解决问题所需要的时间。 不要怕,承认吧!我曾见过一些程序员为了解决一个特殊问题而坐在显示器前面8小时。为自己定一个时间限制吧,1小时、30分钟或甚至15分钟。如果在这期间你不能解决问题,那就去寻求帮助,或到网上找答案,而不是尝试去做“超级堆码员”。 2. 编程语言是一种语言,只是一种语言。 随着时光推移,只要你理解了一种语言的原理,你会发现各种语言之间的相似之处 。你所选择的语言...
阅读全文
摘要:简述: UI (User Interface):用户界面 UE (User Experience):用户体验 ID (Interaction design):交互设计 UID (User Interface Design):用户界面设计 UED (User-Experience Design):用户体验设计 UCD (User-Centered Design):以用户为中...
阅读全文
摘要:优异的使用者介面(user interface,UI)让使用者用得顺心,从而提高转换率(conversion rate),换言之,好的UI在使用与销售层面上形成双赢。UI设计师Jakub Linowski列出16点改善UI的诀窍1,而这份清单仍在继续累积,有兴趣的读者可以订阅他的电子报,随时获得最新的UI秘诀。 单栏型式优于多栏 单栏型式让你更能掌握自己的内容,从顶部到底部一气呵成,用故事...
阅读全文
摘要:与手工编码比起来,HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件,比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主。 如果你有一个根据固定流程进行的特定项目,为了保证项目刚开始就能有较高的正确率,那么你可以利用HTML5框架来提升整个开发过程,并且让网站拥有一致性结构。 伴随着智能...
阅读全文
摘要:身为一名用户体验专业人士,我有职责将它发扬光大。我尝试各种能够推广它的方法——我写书,写文章,世界各地演讲, 甚至为一些公司提供内部培训或者和一些客户合作项目。 要是我只能记住一件事我希望是用户体验的本质,设计师们和企业需要把了解甚至理解用户体验的本质当做一种专业精神,一个目标甚至说是理想。 这些我花了13年的时间去践行。 当时写这个的时...
阅读全文
摘要:首先需要声明的是“语法糖”这个词绝非贬义词,它可以给我带来方便,是一种便捷的写法,编译器会帮我们做转换;而且可以提高开发编码的效率,在性能上也不会带来损失。这让java开发人员羡慕不已,呵呵。 1. 经过简化的Property 早些时候我们这样声明Property 1: private string _myName; 2: 3: public string...
阅读全文
摘要:JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如 setTimeout( function(){ alert(’你好!’); } , 0);setInterval( callbackFunction , 100); 认为setTimeout中的问候方法会立即被执行,因为...
阅读全文
摘要:微软的Windows Server 2012发布后,第一时间进行了简单的试用,非常不错,特写了个简易的PHP环境搭建教程。先来欣赏下Win2012的登录界面吧第一步我们需要安装IIS81、点击任务栏最左边第一个图标,打开任务管理器,会看到一个“添加角色和功能”的入口,点开2、选择“基于角色或基于功能的安装”,然后点击下一步3、在服务器选择界面选择当前服务器,并点击下一步4、服务器角色选择界面我们选...
阅读全文
摘要:1)下载 —— 面向全体用户的Win8.1预览版ISO镜像下载(28日开放): 安装时请输入微软官方提供给大家的产品密钥:NTTX3-RV7VB-T7X7F-WQYYY-9Y92F。 64位简体中文版:点击此处下载 (微软官方原版镜像下载) SHA-1散列值:0xA34B8F71DCE39303F81402E2B44DA17117BB8970 32位简体中文版:点击此处下载 (微软官方原版镜像下...
阅读全文
摘要:osc终于全面开放git库了,这是我一直期待的事,也是促使我从CSDN转回OSC社区的重要原因之一。而这次我来教大家如何用osc@git来进行简单的版本控制。对于git,我自身也是近几周才开始学习,有错漏的地方希望可以指出。 准备: 1.osc@git上的一个账号 2.为系统安装上GitExtensions 3.为vs2012安装上Git Source Control Provider 4.打开...
阅读全文
摘要:打开谷歌翻译(http://translate.google.cn/) 输入 ニマビ、ニマビ、ニシダシャビ。シャンブチヤ、シャンブチ。ヨムヨア、ヨムヨ 源语言选择日语!然后点击发音! 伤不起啊伤不起! ===================== 输入 にまびあにまび,さんぶちあさんぶち,さんぶちああああああ,よむよよむよ 选择日语!点击发音! ==============...
阅读全文
摘要:HTML5可不是什么虚幻的概念,与其高谈阔论的讨论HTML5未来的趋势和价值,不如一起研究一下现在的HTML5可以做出哪些成果,可以让我们做出出色的产品。 Form Follows Function就是一個展示HTML5实现的网站,目前网站展示了14个作品,其中包括了交互操作以及视觉效果。这些效果本身并不是一个完整的产品,但是加入到产品中就能让产品生色不少。 1、散景(Bokeh) 一种...
阅读全文
摘要:什么是CSS3 CSS即层叠样式表(Cascading Stylesheet)。 在网页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。 CSS3是CSS技术的一个升级版本,是由Adobe、Systems、Apple、Google、HP、IBM、Mi...
阅读全文
摘要:什么是 HTML5 HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组...
阅读全文
摘要:做web前段也有一段时间了,对于web中js文件的加载有些体会想跟大家一起分享一下。 1.首先说说js文件的合并和压缩吧 为了便于集中式管理js的合并和压缩我们创建一个Js.ashx文件来专门处理合并压缩 代码如下: public class Js : IHttpHandler{ public void ProcessRequest(HttpContext context) ...
阅读全文