技术花园
linlin_juejue
这个作者很懒,什么都没留下…
展开
-
页面前端的水有多深?
但凡从事互联网的人基本都会写几行 html,用过 Word 的人用 Dreamweaver 也能做出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没问题;兼容性,小 case;图片集成,一直都在用……还能有什么问题?瓶颈啊、天花板啊、转型啊、出路啊就在从业者中广泛讨论。是不是真的没什么问题了呢?网易邮箱前转载 2012-12-11 14:47:04 · 390 阅读 · 0 评论 -
中国式首页设计的背后
想来我们中国成功的商业模式也好,产品也好,大多国外有现成的原型可以参考。可是中国式的首页一开始就特立独行,即使是照搬国外的商业模式,在首页设计上,也面向中国人做得琳琅满目。转载 2014-07-15 09:47:00 · 631 阅读 · 0 评论 -
在线购物网站前端技术应用在中国和美国的不同之处(转自我之前的PM)
今天一早打开邮箱收到这样一封邮件,我想这是一个很好的机会让我去整理一下这方面的经验,接下来我们先看看邮件里对方所提到的问题。然后我今天将会围绕这个话题作一番分析。-Hi Sam,I am doing some research on China’s online shopping websites. I find that there are many interesting转载 2014-07-02 16:27:26 · 2483 阅读 · 0 评论 -
You need to know “Lorem Ipsum” being a UI Developer/UI Designer
Quickly go through following quotation from http://www.lipsum.com/It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The转载 2014-07-03 11:05:30 · 2108 阅读 · 1 评论 -
有感于小米官网的中英文版本的差异
有感于小米官网的中英文版本的差异早上打开小米,因为操作系统是英文的,所以默认是英文版本的小米。居然跟我之前打开的小米界面不同!!!简洁的界面非常吸引人注意,只有六个菜单项和一个全屏宽度的slider。.COM的精彩看点:1.布局舒服,采用1+3,(苹果是1+4)2.白底符合欧美人的阅读喜好3.全宽度的slider视觉效果好,符合现在大屏炫彩的潮流4.菜单项少,没有过多选择导致的无所适从,5.首页没有搜索框,其实来这里的人往往都不是是从搜索框开始的,而是有明确的目标6.按产品线制定菜单,不分散原创 2014-07-15 09:35:15 · 5869 阅读 · 1 评论 -
小米官网的设计 致敬
UI 设计 小米原创 2014-08-26 15:46:28 · 2720 阅读 · 0 评论 -
AI使用点滴(Adobe Illustrator)
自己使用AI的总结,希望对同在使用AI的人有些许帮助原创 2014-09-23 11:02:51 · 2665 阅读 · 0 评论 -
通道抠像原理和实例操作
下面这段通道抠像yua转载: 本人学习ps已经有段时间了,根据自己对于通道及颜色的理解写了如下教程。如有错误,欢迎提醒纠正。。 RGB图像模式,就是图像整体只有R(Red,红色),G(Green绿色),B(Blue蓝色)构成,其他颜色由这三种颜色按照不同的比例混合获得。 首先跟大家说以下RGB图像的显示原理:通常的显示是一个像素点里有4个小格子,其中转载 2014-09-16 16:55:27 · 4505 阅读 · 0 评论 -
一键切图小技巧
转载 2014-09-17 17:45:11 · 652 阅读 · 0 评论 -
photoshop 动作 自定义快捷键 播放选定的动作
photoshop 动作 自定义快捷键 播放选定的动作原创 2014-09-29 16:46:11 · 16864 阅读 · 0 评论 -
使用Sublime经验分享
前端开发利器 代码编辑利器 Sublime原创 2014-12-17 11:27:14 · 721 阅读 · 0 评论 -
网页截图利器——不分享对不起自己啊
Mac系统 网页快照 浏览器 网页存为图片原创 2015-01-08 16:59:34 · 695 阅读 · 1 评论 -
2015 web设计大趋势 Web Design Trends for 2015
We are already nearing the end of this year and it’s time to get a revamp for your website and get it ready to face the new year with a new style.As the whole world is going gaga over Mobile Respo转载 2014-12-26 17:10:45 · 960 阅读 · 0 评论 -
两个class连着写不加空格(双class定义)
css class 样式 连写原创 2014-12-11 10:51:37 · 4465 阅读 · 0 评论 -
淘宝新举动——屏幕跟随购物车按钮啦
淘宝新举动——屏幕跟随购物车按钮啦这几天使用淘宝和天猫,发现一个不错的用户体验提升:当我的页面向下滑动的时候,几个页面tab会跟随着停留在页面顶端,更可喜的是,如果我看了下觉得不错,准备加入购物车,就惊喜的发现加入购物车赫然在头部的固定滚动条上,我可以轻松的点击加入。当你不需要的时候,可以忽视它,当你需要他的时候,他不声不响的就在那里等候你。比男朋友还体贴,这就是最高超的用户体验。并且对于电商而言,原创 2015-07-28 16:46:56 · 1551 阅读 · 0 评论 -
Mac系统自带的邮箱发送到Outlook变成乱码——解决方案
Mac系统自带的邮箱发送到Outlook变成乱码,这是我最近遇到的问题。感谢度娘细致体贴,给我了很好的解决方案,简便快捷。再次共享一下,以供大家解决同样的问题:在邮件签名中添加“⌘”字符,比如“⌘Regards,”这样就破坏了Mac自己自作主张的把字体编码格式定义为“Unicode”格式,从而转变成为“UTF-8”,那么中文就不会再是乱码了。搞定!原创 2015-08-10 18:33:25 · 10921 阅读 · 0 评论 -
Some Popular Tools for Creating Wireframes
1 – Microsoft VisioIt is very well known that MS Visio can do wireframe, but it is more about workflow. It is hard to use to describe graphical design details.It is commercial, additional lice转载 2015-09-10 09:37:22 · 481 阅读 · 0 评论 -
终于搞定Mac下无线网卡安装不了的问题
买了电信的无线网卡,之前的联通的到期了,所用的客户端是同一个,但是插上后,连接不了,很怪异。我试了下Windows系统的,插上之后直接弹出客户端,不需要自己再费力去找、去安装,并经过测试,Win下无线网卡运行良好。就去看了华为官网最新的Mac系统客户端软件,最新支持到10.10,这就是原因了,因为我已经升级到10.11了,接着靠一个大牛的点拨,在系统偏好设置里面找到之前装过原创 2016-01-29 10:04:25 · 11755 阅读 · 0 评论 -
再叙网页图片优化
图片格式 优化 加载速度 体积原创 2014-03-11 16:53:25 · 841 阅读 · 1 评论 -
淘宝的字体也改变了(今天)
淘宝 天猫 字体 个人分析 意见原创 2014-02-24 16:44:22 · 8287 阅读 · 0 评论 -
快速书写html代码---Zen Coding
html代码写多了,就觉得需要整理出来一套常用的代码,于是笨笨的我就弄了一个.txt格式的文件放在桌面上,呵呵。内容大致如下: ...希望能节省这枯燥的几秒钟。最近,发现有高人也看到了这点:Sergey Chikuyonok。他可不是简单的用txt来自己小聪明,而是大智慧。花费时间和精力,用javascript和Python编写原创 2012-12-13 11:05:02 · 4127 阅读 · 0 评论 -
快速书写CSS---Sass
如果你已经看过我的文章快速书写html代码---Zen Coding,那么接下来我就介绍如何快速书写 CSS 。CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。很自然地,有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专门原创 2012-12-13 11:17:50 · 926 阅读 · 0 评论 -
网页设计中常用到的Photoshop技巧
一、使用形状图层创建形状。这样做的好处是可以方便的对创建好的形状的大小和颜色进行修改。方法是在选取了形状工具(U)之后,在工具属性栏上选择形状图层,创建你所需要的形状。如下图:如果你对形状的颜色不满意,直接在图层面板中双击图层缩略图,改变形状颜色。或者你对形状大小不满意,可以在工具栏中选择直接选取工具,框选或者单选形状图层上相应的锚点,使用鼠标或者方向键更改锚点的位置,从而对形状作转载 2012-12-14 09:59:27 · 389 阅读 · 0 评论 -
样式表不起作用,CSS文件无法加载
有的时候,我们辛辛苦苦写完的样式表,在浏览器下测试的时候也很好,但是偶然间拿到某个浏览器,发现部分样式表不起作用,检查CSS代码也并未发现什么错误,甚是让人郁闷。其实这种情况也无外乎一下几种原因,逐个检查之后,基本就可以解决问题了。1.检查CSS样式表的编码。很可能是CSS样式表的编码用了GBK,而页面文件用了utf-8。 解决方法,把CSS顶部增加一行:@charset "utf-8";转载 2013-05-14 16:10:29 · 3439 阅读 · 0 评论 -
IE 3像素Bug 解决方案
今天我的button在IE下出现了3px 的缝隙,如图:这就是传说中的IE经典3像素bug,描述:IE下两个div之间会出现3个像素的Bug,这个bug是在当对一个div用了float元素时,而div未使用时则会出现。针对这个的解决方案:a.对另一个元素同时使用float; b.为已经浮动的div添加一条语句:margin-right:-3px; 或者margin-le原创 2013-07-26 09:32:35 · 2968 阅读 · 0 评论 -
“兼容模式”错杂谈
今天在网页兼容性上费工夫了,IE8下是好的,但是IE8的兼容模式就不行了。花了近两个小时时间还是有问题。我们合同签订的是兼容IE8以上就可以了,那么IE8的兼容模式实际上是为兼容IE7而创建的,我们这么难为自己不是很自残?搜索一下如何可以让IE8的兼容模式显示IE8而不是IE7,结果不虚此行啊~“如何禁止使用IE8兼容模式解析网页呢?在IE8以上版本的浏览器增加了一个X-UA-Co原创 2013-08-05 18:20:03 · 1355 阅读 · 0 评论 -
漂亮的checkbox样式 (多选框)
说起来汗颜,如此常用的checkbox我改变样式,居然需要百度,而且百度很久,更可气的是百度很久找不到可行的解决方案。后来在csscheckbox.com上找到很多样式,结果一测兼容性IE不行。如此一来,耽误了很久的时间。抄了近道屡试不行,回归JQuery UI,不用说兼容性挺好,而且样式自己随心画。在此记录一款checkbox的样式,供大家也供我以后方便使用。有三种状态,de原创 2013-08-07 10:35:00 · 61931 阅读 · 1 评论 -
布局面面观
最近做一个项目,BS的金融项目,客户居然想用类似Linkedin的布局,定宽。这样,为了照顾1024px宽的屏幕(合同定),就要宽度在这个之内。在当今大屏当道的时代,着实有点浪费空间了。所以,我坚持百分比布局加最小宽度的模式,同时列举了种种优点,说服了客户。在以展示数据为主要目的的项目中,百分比布局无疑太有优势了。英语翻译:百分比并具有最小宽度的布局方法Percentage lay原创 2013-08-28 17:44:25 · 667 阅读 · 0 评论 -
样式加载的优先级
前端 UI 样式加载的优先级原创 2013-08-29 09:13:12 · 1462 阅读 · 0 评论 -
切换开关 参考
这里提供切换开关的一个方案,效果如图:这个效果的实质是checkbox。切换效果完美兼容IE8 / 9 / 10 / FF / Chrome / Safari...代码很简单: 所需文件:两个JS / 一个CSS / 一个Image。 Image: CSS: .switch{ fon原创 2013-09-10 15:10:11 · 1418 阅读 · 0 评论 -
csdn的登录框好难看
不好意思说实话了,新的登陆框样式挺难看的,那种橙不明朗,介于黄和橙之间,跟整个网站主色调红和黑很不搭。不过,倒是有点跟风Win8平实的style,但是比Win8更简陋了点。tooltip要不加都不加,完全不用考虑;要么都加,给用户以提示。但是,登录框附近的近10个元素,只有一个加了,提示“使用企业账户登录”,其他的都没有加。抱歉,csdn作为技术控的老巢,受点诟病难免了,呵呵~~原创 2013-09-10 14:05:18 · 834 阅读 · 0 评论 -
Hack 只针对IE
实现一个大表单页,表单元素比如select / input:text等需要%来定义宽度。之前是px来定义宽度,精确到像素,所以对的很齐,但是用%来定义之后,select跟input:text就对不齐了,呵呵。大约是40%的input:text对应select的41%;并且这个问题只有IE会有,不hack不行啊。 列举hack知识如下: \9 针对所有IE(IE 6~1原创 2013-09-23 15:49:00 · 974 阅读 · 0 评论 -
这样用css写渐变,兼容所有主流浏览器
background: -webkit-linear-gradient(top,#EFF5FF 0,#ffffff 100%); background: -moz-linear-gradient(top,#EFF5FF 0,#ffffff 100%); background: -o-linear-gradient(top,#EFF5FF 0,#ffffff 100%); back原创 2013-09-24 17:46:30 · 2051 阅读 · 0 评论 -
淘宝的一个兼容性bug
淘宝 兼容性 BUG原创 2013-11-26 13:27:21 · 1227 阅读 · 0 评论 -
帮助同事设计的一个logo(仅作帮忙,未必终用)
原创 2013-12-05 16:41:20 · 659 阅读 · 0 评论 -
视觉设计的字体选择
字体 设计 天猫 大气 研究 共享原创 2014-02-20 17:02:07 · 746 阅读 · 0 评论 -
购买Apple移动硬盘
购买Apple移动硬盘话说官网上写“专有”,咨询了Apple客服,含义就是只有苹果官网和苹果体验店买的才是正品,别的渠道买不到,售后是一年全国联保,不可以买延保,凡是全国苹果的售后服务点都可以维修价格:598原创 2016-09-21 15:24:08 · 545 阅读 · 0 评论