查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

不太清楚的博客

Think big ,win the world ……

 
 
 
 
 
 

前端常用技术汇总

2015-6-3 10:03:54 阅读223 评论0 32015/06 June3

一个汇总,若有错误,还请多多指教

笔记作者:神经质女孩

笔记链接:http://www.w3cfuns.com/blog-5433506-5405891.html

作者  | 2015-6-3 10:03:54 | 阅读(223) |评论(0) | 阅读全文>>

js判断用户的浏览设备是移动设备还是PC

2015-4-17 17:27:21 阅读219 评论0 172015/04 Apr17

一个网站页面中需要根据用户的访问设备的不同来显示不同的页面样式,主要是判断移动设备还是电脑浏览器访问的。

下面给出js判断处理代码,以作参考

<script type="text/javascript">

function browserRedirect() {

var sUserAgent = navigator.userAgent.toLowerCase();

var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";

var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";

var bIsMidp = sUserAgent.match(/midp/i) == "midp";

var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";

var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";

var bIsAndroid = sUserAgent.match(/android/i) == "android";

作者  | 2015-4-17 17:27:21 | 阅读(219) |评论(0) | 阅读全文>>

前端性能优化

2014-1-7 0:41:34 阅读286 评论0 72014/01 Jan7

前言

  在上一篇文章《我的css架构理念》中,承蒙园内的朋友们抬爱,竟然一路被推荐,让我这小小一枚前端攻城狮既意外又兴奋进而惶恐。惶恐的是资历实在有限,知识实在匮乏,相当害怕误人子弟。此真心话!但接下来我依然会坚持有时间就写写文章,既能总结,又能学到新知识,还能分享给诸位,我认为,分享---是件功德无量的事,互联网不就是因此而绚丽多彩嘛!

  上篇文章的留言里有好多朋友是对我css架构就http请求的问题提出质疑,我本想回答的,但不知道从何说起。前端性能方面的知识我了解得并不深入,囫囵吞枣地看过一两本重构的书、喜欢查查资料,看看一些大牛写的文章,觉得人家那么做有道理了,就搬过来用,林林总总的做些总结,于是有了此文。都不是什么新东西,但是因为小知识点太多,希望这里面的东西有你想要的答案吧。

  前端性能优化--前端工程师不得不说的痛

html、css、js三者相分离。分离得彻底点!为什么这三者要分离,相信大家都明白,不多说。css的导入方式。css用link而不用@import,因为在 IE 中 @import 指令等同于把 link 标记写在 HTML 的底部,延长css的载入时间,还可能出现文件下载次序被更改的情况。理性对待jquery。jquery让我们“write less,do more”,它有太多优势:强大的选择器、D

作者  | 2014-1-7 0:41:34 | 阅读(286) |评论(0) | 阅读全文>>

50 个漂亮的后台管理界面模板

2013-4-1 18:58:52 阅读423 评论0 12013/04 Apr1

后台管理虽然一般由内部人员使用的平台,更侧重于功能而非美观,但拥有一个漂亮的后台管理界面,工作起来心情更加愉悦,而且很多客户也对后台管理界面有先入为主的印象。

下面是 50 个很漂亮、专业的后台管理界面风格,不知道有没有你喜欢的,以供参考:

1. Simpla Admin – Flexible & User Friendly Admin skin

View Live Demo

2. Constellation complete admin skin

View Live Demo

3. Complete Liquid Admin Control Panel

View Live Demo

4. 

作者  | 2013-4-1 18:58:52 | 阅读(423) |评论(0) | 阅读全文>>

2013年网页设计最热门的20个注意趋势

2013-2-20 19:53:29 阅读381 评论0 202013/02 Feb20

摘要: 在过去的2012年里我们看到了互联网的快速发展,各种技术的更新换代。对于网页设计师来说2012年也是很特别的一年。在这一年里你会发现很多东西就不一样了,几年前谈论的概念性的东西似乎在这一年都看到了原型。网页设计也不在开始循规蹈矩。各个公司和企业都学着跳出固有的...

在过去的2012年里我们看到了互联网的快速发展,各种技术的更新换代。对于网页设计师来说2012年也是很特别的一年。在这一年里你会发现很多东西就不一样了,几年前谈论的概念性的东西似乎在这一年都看到了原型。网页设计也不在开始循规蹈矩。各个公司和企业都学着跳出固有的圈去思考和创意。把用户体验提到了最关注的位置是一个重大改变。那么在新的2013年,网页设计还会有什么热点需要我们去注意呢。随着移动端智能设备用户数量的激增,我们要如何去思考和准备呢。今天,我们就归纳了2013年关于网页设计的20个趋势热点。认真阅读和思考,你会得到更多的想法思路。

1、布局响应

推荐阅读:响应性的Web设计的系列文章。

2、视网膜支持

视网膜屏幕基本上都是两倍致密作为任何普通液晶。因此,它们是相同的物理像素数,但数字尽可能多的像素的两倍,可以安装到相同的物理空间。

这意味着像素完美的网页设计师支持视网膜的设备将需要建立两套。首先,你需要两倍的分辨率品尝您的图片,然后保存一个“标准”版本的一半大小。更大的图像将被缩小到标准分辨率,视网膜上的屏幕会显得很脆。

作者  | 2013-2-20 19:53:29 | 阅读(381) |评论(0) | 阅读全文>>

网页配色的天然范儿

2013-2-2 14:38:48 阅读280 评论0 22013/02 Feb2

本文没有咬文嚼字的地方,只是一个配色技巧的分享,十分简单,简单到流泪,但或许对你来说又十分实用,实用到无语。原本就是天然的馈赠,你我只是顺手采撷之......

网页视觉层面主要是由形式(或叫布局)、色彩、图片和文字信息组成,设计师通常对形式感关注的比较多,因为视觉冲击力、设计差异性或创新大多都仰赖形式呈现,而色彩主要影响整体观感、设计品质以及受众情绪,很多时候我们设计了一个不错的形式却未能做出这个稿子应有的品质,会不会太可惜?

形式需要思考创造,图片素材需要学习处理,文字需要梳理编排,但网页色彩是不是一定需要有天生的色感、丰富的理论和多年经验沉淀才能运用自如?

当然不!

关于网页配色

网页配色的文章在网络上很多,甚至有些泛滥,稍微关注过的同学应该都知道“色轮”、“色卡”等辅助性配色工具,但那更多都是从印刷介质上的色彩系统延伸出来的,不完全适用于网页,甚至造成很大的局限,比如你会较真的通过色轮来选用网页色彩吗?再比如通过下面提供的配色组合,你能自由的应对一个又一个的类型相若的网页设计需求吗?

由于CMYK与RGB色彩模式不同,网页的色彩呈现数量要庞大的多,选用也应该更自由,但在配色上却常碰到设计作品偏脏、发灰、花哨等大问题,这事儿得解决。

网页案例剖析

“网页配色不宜超过三种。”

真理,这没错,但更多是从色相(赤橙黄绿青蓝紫等不同颜色)上来说的。

色相差异明显,主要色彩的选取就比较好办,常见的有对比色、临近色、冷暖色调互补等方式,可以简单设定,或直接从成功作品中借鉴主辅色配比都可以,比如常见的朱红点缀深蓝、明黄点缀深绿等。

作者  | 2013-2-2 14:38:48 | 阅读(280) |评论(0) | 阅读全文>>

25个漂亮的设计作品集网站

2013-1-29 17:14:15 阅读266 评论0 292013/01 Jan29

对我而言,那些作品集网站是我设计时最重要的灵感源泉,看一个资深的设计师如何呈现他们的工作案例以及他们的服务总是让我受益匪浅,,而且作品集的设计总是让人觉得异常有品质,创意十足! 大多数的设计师和工作室都想通过赏心悦目的作品集去吸引潜在的雇主,尽可能的给每一个访问者留下好的第一印象。本次公告中我们将展示27个当下作品集网站实例,相信您一定会在浏览的过程中灵光乍现滴!

Striking Alchemy

Danny Montes

LBM

Brand Fever

Symphony Online

03

Narrow Design

Fiafo

Theme Designer

Basil Gloo

Mohiuddin Parekh

MRCTHMS

作者  | 2013-1-29 17:14:15 | 阅读(266) |评论(0) | 阅读全文>>

万元艺术品21.5寸iMac完全拆解:部件排布大变样

2012-12-7 14:56:50 阅读215 评论0 72012/12 Dec7

  专业拆解网站iFixit再一次第一时间为我们带来了苹果最新上市的iMac产品的拆解,通过详细的拆机步骤,我们能了解苹果在这款小众产品上花费的心思。

  2012年10月,苹果与iPad mini等产品一起,推出了全新设计的iMac,新款iMac取消了光驱,进一步缩减了产品的体积。特别是仅5毫米的超薄边缘设计,让全新iMac惊艳全场。在11月30日,苹果正式在全球发售了2012款的21.5寸iMac,现在,就让我们来看一下,全新的iMac是怎么制造出来的吧!

  此次拆解的,是21.5寸高配版本iMac,产品编号2544。该产品的配置为:2.7GHz双核Intel i5处理器,8GB内存(2X4GB),1TB硬盘(5400转),NVIDIA GeForce GT640M显卡(512MB显存),四个USB3.0接口,2个Thunderbolt闪电数据接口,802.11n Wi-Fi和蓝牙4.0。

  由于全新iMac采用全新的设计,所以拆机前我们需要准备各种专业工具,包括:热枪或电吹风、吸盘、拨片、T5、T8、T10号torx螺丝刀、1号十字螺丝刀、飞利浦00号专用螺丝刀等。

  此次拆解的,是21.5寸高配版本iMac,产品编号2544。该产品的配置为:2.7GHz双核Intel i5处理器,8GB内存(2X4GB),1TB硬盘(5400转),NVIDIA GeForce GT640M显卡(512MB显存),四个USB3.0接口,2个Thunderbolt闪电数据接口,802.11n Wi-Fi和蓝牙4.0。

作者  | 2012-12-7 14:56:50 | 阅读(215) |评论(0) | 阅读全文>>

先目标再解决方案 目标,解决方案

2012-11-16 17:03:16 阅读166 评论0 162012/11 Nov16

很多时候,团队成员面对一个新任务,即面对一个目的(做什么)时,通常会习惯性地直奔解决方案的细节,而不是先了解目标。

比如,产品经理会习惯性地告诉你:“我要一个大的按钮”、“用按钮不要用链接”之类的要求(通常是某个解决方案)。

然后,设计师习惯性地以可用性或美学的角度思考解决方案的细节:“按钮大了不好看啊”、“应该用链接,因为……”。

几经周折,还是不满意。

产品经理想,我来画给你看吧。于是慢慢地,产品经理提需求时,直接把线框图也画好了。然后走一下流程,让交互设计师“专业的眼光审核”一下。视觉设计也是,产品经理直接截了一个图:像XX这样做吧。

设计师似乎觉得领地被侵占了。不甘示弱,根据一堆原则和个人喜好给了一堆的意见。

双方争得面红耳赤。最终,这件事情毫无意外地延期了。当然,延期后的结果也并不能让双方满意。

忽略了什么吗?

是的,目标。一种可衡量结果的玩意。

大的按钮并不是最终目标,而是解决方案之一。要大的按钮,目的是想吸引更多的用户点击(这次的任务),目标是将此前的购买转化率从X提高到Y。

好了,我们了解了这个目标,也许只要把与选择商品无关的信息去掉,按钮大小、颜色都不需要修改,所有目标都一样可以轻松完成。

无论是什么角色,你的工作的价值在于有了思考。

作者  | 2012-11-16 17:03:16 | 阅读(166) |评论(0) | 阅读全文>>

是时候了,前端架构师

2012-8-17 11:01:40 阅读145 评论0 172012/08 Aug17

最近对Web前端有很多想法,刚好看到这篇文章,跟我想法不谋而合,所以翻译出来与大家分享。许久没翻译了,里面多少还是有些我没能完全理解,意译过来,如果错误,请务必指出和修改,谢谢。

原文:The Time is Now for Front-End Architects, 来自:Garrett Dimon,感谢作者的许可。

去年,我在YTS发表了前端架构师的想法,之后花更多时间来思考,现在更坚信这是一个不可或缺的角色。

当后端技术伴随.Net, Rails和Java之类的框架发展得越来越抽象和强大,前端技术的潜在发展也日益复杂。在束缚前端技术潜在好处的差劲实现之前, Web需要更多的前端架构师。

多亏了诸如跨浏览器支持的先进技术的发展,用户体验、更多有意义的主题比如无障碍都拨云见日,这个世界再也不仅仅就HTML和CSS如此简单,因此,绝大部分的团队都需要一个真正理解和实践涉及到前端的一切的人。

角色

这并不是一个扼要和简单的清单,对于下面的主题/技术,前端架构师也不能仅仅满足于了解一下的里里外外而已,而是需要足够的深入研究,并有自己出色的见解。

作者  | 2012-8-17 11:01:40 | 阅读(145) |评论(0) | 阅读全文>>

查看所有日志>>

 
 
 
 
 
 
 
博友列表加载中...
 
 
 
 
 

发现好博客

 
 
列表加载中...
 
 
 
 
 
 
 
 

陕西省 西安市 射手座

 发消息  写留言

 
其实也没什么,我只是我印象的一部分……
 
博客等级加载中...
今日访问加载中...
总访问量加载中...
最后登录加载中...
 
 
 
 
 
 
 
心情随笔列表加载中...
 
 
 
 
 
 
 
列表加载中...
 
 
 
 
 
 
 
 
留言列表加载中...
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018

登录  
 加关注