当前位置:首页 » 前端

屏幕设计单位的区别px(像素)/em/rem,rem是什么? In 前端  @2015-10-10 3,183 Vs

px-em

现在大多的国内的网页设计师喜欢用像素(px)单位,因为这个px单位是用来丈量屏幕尺寸的单位,使用它是最直接,也是最精确的一种单位,而国外的网站大都喜欢用em和rem。随着响应式的网站设计普及开来,国内的设计师也越来越倾向于后面两种单位了,px、em、rem分别是什么呢,那么三者有什么区别,又各自有什么优劣呢?下面我们来分析一下。 (更多…)

打签» , , , ,   评论» 8枚

IOS与Android APP界面设计规范要点 In 前端, 设计  @2014-11-13 24,125 Vs

apprules

相信很多人都在开发设计APP时会遇到很多界面上的问题,要以多大尺寸来设计?分辨率是多少?该怎么切图给开发等等

下面的文字就给出一点点技巧总结,但也要给合团队在开发时的习惯。每个工程师们所使用的控件,书写布局习惯来实际移交的图是不一样的,但八九不离十,都是遵循一个原则,便捷开发、自适应强的开发模式 (更多…)

概谈一下响应式网站设计及响应式前端框架 In 前端, 设计  @2014-06-25 2,924 Vs

rdw

响应式网站百科里是这么解释的:响应式Web设计(Responsive Web design)的理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。

如今的互联网已经不再是以前的单纯的Table Div时代,更具意义的标签,更易于搜索、更易于渲染、更个性化的制作、更具设备兼容性的Html5及Css3时代已经让响应式网站普及。

响应式网站的诸多优点让它已经成为了新一代设计的标准,在任何设备里只呈现一个制作方案,却可以实现不同的外观及体验度。一次性网站的开发实现多用途的方案。 (更多…)

设计师沟通经验分享 In Blog, 前端, 设计  @2014-04-29 2,277 Vs

dc

设计师与别的职位如产品经理,在工作内容上有什么区别,我总结出两方面的差别,简单概括为:技能和定位。

“技能”指的是设计师掌握了项目中其他角色都不具备的能力——画图。这么概括有点简单粗暴了,事实上设计师的专业能力远比画图两字涵盖的内容要广。但“画图”确实是更容易被所有人理解的说法(向家里长辈解释我干什么的时候,他们如果不理解我就会说是画图的,他们就会貌似恍然大悟地哦一声,终于听到一个他们想要的能听懂的答案了)。伴随着人机界面从命令行到图形可视化,再进化到哪儿哪儿都可以摸的触屏时代,用户对于“美”和“交互”的要求越来越高,设计师的能力和价值也愈发受到重视。 (更多…)

打签» , ,   评论» 抢沙发

关于CSS对网站整体速度影响的因素 In 前端  @2014-01-27 2,867 Vs

关于CSS对网站整体速度影响的因素

页面的访问速度是衡量一个网站性能的关键;

网页的结构是支撑网站的重要因素,大多人都是从结构及js去优化网站的性能,比如html的写法都按照严格的标准来书写,js放在最底部,合并js等方法来提升网站的访问速度及运行性能,以达到更优的用户体验而留住用户;

讲Css前,先来讲讲Html 及Javascript对网站性能的影响

从写html开始我们都知道,html中几乎所有代码都是小写字母,包括了js所需要用id,它们都在w3c官方中建议统使用小写字母,并且块元素及行内元素要相对区分,不可以行内元素放入块状元素(比如span中放入div就是错误的),虽然现在很多浏览器很智能,但这样写毫无标准之分,会降低网站的性能,同时对SEO不好,不利于搜索引擎的收录;
这些标准,准则都是为更好的网站性能。 (更多…)

jquery Tab选项卡精简制作,选项卡联动小技巧 In Blog, 前端  @2013-12-26 2,440 Vs

tab_sli

又是一个难得的26号,美国时间25号圣诞节,公司的一些安排,销售不用上班,所以有点时间来总结一下以前经常用到的选项卡的制作写法问题。
经常做设计图之后就是会接触那么点点写脚本代码的情况,脚本代码需要长久的积累,因为我们并不是每天都会去写这些东西,东西看多了写多了,就会有积累。 (更多…)

打签» ,   评论» 1枚

WordPress标签使用小技巧,category_description()函数 In Blog, 前端  @2013-12-25 4,817 Vs

phpfun

 

最近在对自己的网站进行调整,也决定”洗心革面”一次,坚持有空就发一发文章,写写原创了!
今天就是这个原因而发现了大家常用的wordpress建站的一些小技巧和有用的东西,在下面一段里就分享给大家。

对于wordpress建站来说模板调用是一个很基本的知识,或许你只是改改Html或者写与Css就来更改你的网站外观,达到”更改模板”目的,但很多是候我们为了更好的让搜索引擎来更好的收录我们的页面就得用点wordpress PHP的函数知识了,当然我不是PHP专家,也不会大谈PHP函数的奥妙,不多说,说正题! (更多…)

打签» , ,   评论» 抢沙发

响应式Web设计:50实例与实践 In 前端  @2013-09-02 6,407 Vs

响应式Web设计是在开发和设计网站过程中产生的一种方式,它的目的是让内容布局能随用户使用显示器的不同而变化。再明确点说,这种设计概念,就是让原本1292像素宽,4栏的内容,能够很好地显示在1025像素宽的用户屏幕上,同时还能自动简化成2栏。当然,让它很好的适应智能手机和其他种类电脑的屏幕也就成了水到渠成的事了。这种特殊的设计形式就被成为“响应式Web设计”。 (更多…)

打签» , , , ,   评论» 1枚

HTML5学习 In 前端, 设计  @2013-06-18 5,058 Vs

毫无疑问,对于开发人员而言,HTML5已是一个热点话题。如果你需要快速了解HTML5的功能的基本原理,阅读本文是你最好的选择。

本文来自The Code Project的付费搜索位置,由Solution Center提供。这里的文章致力于向大家提供我们认为对开发人员来说有用和有价值的产品和服务的相关信息由IE9和HTML5 / CSS3 Zone带来 。 (更多…)

打签» , , , ,   评论» 3枚

背景半透明且文字不透明的CSS写法(兼容所有浏览器,IE) In 前端  @2013-03-13 7,494 Vs

在CSS3中有rgba属性,可以很方便的实现背景透明,但对于IE家族来说却不是那么容易实现;

FireFox、chrome、opera、safari

凡是对支持CSS3且支持W3标准的浏览器都可以现实的,比如safari,chrome的webkit核心的浏览器、firefox的Gecko内核、opera的Presto内核(最近传说转向webkit内核); (更多…)

打签» , , ,   评论» 抢沙发

js实现在滚动页面时层智能浮动smartFloat In 前端  @2013-01-31 5,113 Vs

原理:

1、浏览器向下滚动时,当document的scrollTop大于浮动层离窗口顶部的距离时,就让浮动层的position属性设为fixed定位,脱离文档流

2、浏览器向上滚动时,当document的scrollTop小于浮动层离窗口顶部的距离时,就让浮动层的position属性设为static定位,回归文档流

(更多…)

打签» ,   评论» 抢沙发

javascript基础知识 In 前端  @2013-01-26 2,372 Vs

javascript基础知识

第一章,简介

一.javascript实现

核心:ECMAScript

文档对象模型:DOM

浏览器对象模型:BOM

1.ECMAScript:语法、类型、语句、关键字、保留字、操作符、对象

2.DOM:document object model.是针对xml但经过扩展用于html的应用程序编程接口(apiapplication programming interface,dom把整个页面映射成一个多层节点结构。

支持可访问和操作浏览器窗口的浏览器对象模型(browser object model,是提供浏览器交互方法和接口。

  (更多…)

打签» , ,   评论» 抢沙发
返回顶部