
网站设计
AndyLizh
这个作者很懒,什么都没留下…
展开
-
1、后盾PHP豆瓣教程学习笔记:头部布局分析、切片技术、选择器命名规范
1、后盾PHP豆瓣教程头部布局分析、切片技术、选择器命名规范1)布局技巧2)SUA3)浏览器兼容性分析:a标签鼠标经过背景颜色,字体颜色加代码注释,需要成对加。例如:顶部开始、顶部结束2.后盾PHP豆瓣教程头部布局实例讲解、定位、精灵技术应用原创 2014-06-08 22:36:05 · 1225 阅读 · 0 评论 -
常用Firefox插件大全
Web开发人员常用的火狐插件1)FireShot:是一个截图工具,来源于截图软件Screenshot Studio的开发商,是一个Firefox扩展或者说是Firefox版的Screenshot Studio(一款很强大的且与众不同的截图软件),用于创建网页截图。重要的是,Fireshot与Screenshot Studio不同,它是免费使用的。如果你仅需要网页截图和简单的编辑,F原创 2014-08-07 13:23:17 · 10382 阅读 · 2 评论 -
Web前端开发规范文档
规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服转载 2014-09-23 14:36:47 · 3386 阅读 · 0 评论 -
CSS3命名规范
头部:header内容:container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper wrap左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索:search友情转载 2014-09-23 14:34:32 · 1329 阅读 · 0 评论 -
谈谈CSS Sprites技术及其优化
很久之前就想具体地研究一下CSS Sprites了,今儿个看到微博UDC的这篇文章,赶紧转来,已经很晚了,留待有空研究= =。。CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为CSS精灵 CSS雪碧的家伙到底解决了什么问题,我们又怎样合理使用这个技术呢?下面让我们详细的聊聊。在大家还在拨号上网的“远古时期”,由于网速的限制,页面转载 2014-09-23 14:47:57 · 1010 阅读 · 0 评论 -
Sublime Text2 中Emmet(之前叫Zencoding)插件安装以及使用 - jnpd
一.添加插件之前先 下载Package Control按 Ctrl+`(就是~这个键) 复制下面的代码 确认 重新启动sublime text2import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.转载 2014-06-09 11:45:19 · 5012 阅读 · 0 评论 -
CSS浮动
css中,文档流是什么?普通流就是正常的文档流,在HTML里面的写法就是从上到下,从左到右的排版布局。例:很显然这是最普通的文档流,从左到右,一个挨一个按照顺序01先,02其次,03最后排列。一旦给其中的某个DIV进行FLOAT属性或者absolute定位(不包括static/relative,这两个依然保持正常的文档流),则它完全脱离文档流,不占空转载 2014-06-09 10:59:39 · 967 阅读 · 0 评论 -
div+css 定位浅析
今天研究了一下,总算有所了解。在此总结一下:先看下各个属性值的定义:1、static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。2、relative:生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常位置进行定位。可通过z-index进行层次分级。3、a转载 2014-06-09 10:51:05 · 1243 阅读 · 0 评论 -
CSS Sprites(CSS精灵)技术及其优化经验分享
CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为CSS精灵、CSS雪碧的家伙到底解决了什么问题,我们又怎样合理使用这个技术呢?下面让我们详细的聊聊。在大家还在拨号上网的“远古时期”,由于网速的限制,页面开发者都喜欢把网页里面的图片字节数控制的非常小,往往在一个图片文件夹里散落着n多的小碎图。随着网络技术的发展,网速的提升,大家越来越重视页面的加转载 2014-06-09 10:25:43 · 1085 阅读 · 0 评论 -
PhotoShop教程:切图那点事儿
切图的目的就是把设计图转化成网页代码,不用理解代码的含义也可以操作,所以独立一篇来讲。早年间我学切图的时候,网上就没看到过什么教程的,只能靠自己摸索学习,挺简单的东西还是绕了点弯子。这次写出来应该会帮助其他人学会切图的。工具/原料PhotoShop CS5方法/步骤1转载 2014-06-09 10:19:24 · 1483 阅读 · 0 评论 -
CSS选择器命名规则
导语:在实际项目中,因为参与人员个人习惯不一样,导致写出的CSS选择器命名千奇百怪,对项目维护运营、内部技术沟通均产生了不利影响。因此在项目实施前,网页重构人员有必要统一CSS选择器命名规则,以期将更多精力放在其他工作上。1、W3C规范W3C CSS2.1的 4.1.3 节中提到:标识符(包括选择器中的元素名,类和ID)只能包含字符[a- zA-Z0-9]和ISO 1064转载 2014-06-09 10:13:42 · 5832 阅读 · 0 评论 -
一个人的网站开发
写在前面的话: 前段时间,一个朋友准备做一个教育相关的事情,其人在深圳,大城市嘛,总是想利用业余时间考个证了,听个培训课程了等等来给自己充充电,自己经常去的一个书店,经常是听课的人爆满,连地上也坐满了人。于是他想啊,能不能做下面一件事呢:他做一个中介平台,一边召集一些想听课的人(学徒),一边召集一些能讲课的人(师傅,我想很多工作了很多年的人,在某一方面,一定也积累了一肚子的干货,想一吐为快,同时在转载 2014-10-21 13:37:32 · 2265 阅读 · 2 评论