[已读]CSS禅意花园

读《CSS禅意花园》有感

1.图片用<img>标签添加到页面中,会增加页面的大小,导致页面加载需要更长的时间.可以用css background 引用图片. 1.1.若图像属于“内容”而不是“样式”的一部分,例如“公司介绍”页面中,一张CEO的照片,应用<img>标签 2.不要用表格布局,每次页面加载时,浏览器必须重新加载各种内容,并对之重绘.若用CSS,这些布局信息可缓存于浏览器中.禅意花园的作品,应用图片的代码只需加载一次. 3.外边距重叠(collapsing margin) 若两个元素上下毗邻且都定…

css 禅意花园笔记

1. FOUC(Flash Of Unstyled Content) 现象( 在某些情况下,IE加载网页时会出现短暂的CSS样式失效. a: 只发生在Windows上的 IE (5.0版本以上) b: 只发生在那些会出现FOUC现象的网页 c: IE的临时文件夹中没有缓存过该页面的CSS文件) 原因: IE会先加载整个HTML文档的DOM,然后再去导入外部的CSS文件: 页面头部加一个空的 <script type="text/javascript"></scri…

CSS禅意花园（设计一）

设计 1.排版样式. 正文部分文字比例比菜单不分班的大,可区分着两个区域(说明正文比菜单重要).排版也是一种交流方式,运用文字的大小.间距.颜色调整样式,给浏览者丰富的信息. 2.图标 3.分割线适合使用分割线让页面显得韵体. 4.外边距(margin) 足够大的外边距可以让内容至于浏览器的中心位置,浏览者一眼能看到. 光.影.形状.空间阴影被广发使用原因:1.给浏览器丰富的视觉效果 2.存在层次感 3.容易画实现(ps) 注意正确使用阴影:1.深度,深色阴影表示物体与背景渐近,反之较远.…

CSS禅意

标题取自<css禅意花园>一书,还记得当年读此书时的情景,真的是内容和书名一样的优秀,就以此标题作为自己在该文的一种追求吧,尽管我的水平和见解都和Dave Shea相去甚远.该文算是对前两年写页面工作的总结吧,现在比较少关注css了,可能观点有狭隘的地方,同时文中也有一定的思考和理解,也许并不一定特别适合初学者阅读,本人时间有限,也没办法针对具体的知识点做深入的讲解或提供代码示例,所以在阅读过程中如果有不理解的地方,欢迎提问并互相学习交流. 当UI设计师给了你一张psd图,在对它进行切图,实现…

[Android]仿新版QQ的tab下面拖拽标记为已读的效果

以下内容为原创,欢迎转载,转载请注明来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/4182929.html 可拖拽的红点,(仿新版QQ,tab下面拖拽标记为已读的效果),拖拽一定的距离可以消失回调. GitHub:DraggableFlagView(https://github.com/wangjiegulu/DraggableFlagView) 实现原理: 当根据touch事件的移动,不断调用onDraw()方法进行刷新绘制. *注意:这…

android 项目学习随笔十三（ListView实现ITEM点击事件,将已读状态持久化到本地）

1.因为给LISTVIEW增加了两个头布局,所以在点击事件ITEM索引会增加2,比如原来第一条数据的索引应该为0,增加两个头布局后,它的索引变为 2,为了使LISTVIEW的ITEM在点击时索引不变,实现以下方法 2.实现接口android.widget.AdapterView.OnItemClickListener 3.重写setOnItemClickListener onItemClick方法 private OnItemClickListener mItemClickLis…

IM群聊消息的已读回执功能该怎么实现？

本文引用了架构师之路公众号作者沈剑的文章,内容有改动,感谢原作者. 1.前言我们平时在使用即时通讯应用时候,每当发出一条聊天消息,都希望对方尽快看到,并尽快回复,但对方到底有没有真的看到?我却并不知道. 一个残酷的现实是,很多时候对方其实是早就已经看到了这条消息,但出出种种原因(大家都懂的),通常都是默默返回——假装没看见. 像微信这样的熟人社交工具,在产品的设计理念上,为了保持使用者的隐私性,在线状态.已读回执等涉及隐私的功能,都没有提供.但很多时候,尤其商务.办公场合下,特别需要一种强反馈…

[No0000141]Outlook，设置全局已读回执

Outlook,设置全局已读回执文件->选项…

Listview点击已读使用getBadgeView标示

重:每个ListItem是属于ListItem自己的,不能够放到ViewHolder中,而是数据源每项的. @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if (convertView == null) { convertView = LayoutInflater.from(parent.getContext()).inflate(R.lay…

Android 高仿QQ滑动弹出菜单标记已读、未读消息

在上一篇博客<Android 高仿微信(QQ)滑动弹出编辑.删除菜单效果,增加下拉刷新功能>里,已经带着大家学习如何使用SwipeMenuListView这一开源库实现滑动列表弹出菜单,接下来,将进一步学习,如何为不同的list item呈现不同的菜单,此处我们做一个实例:Android 高仿QQ滑动弹出菜单标记已读.未读消息,看下效果图: 1. 创建项目,并导入SwipeMenuListView类库 2. 创建消息实体bean: public class Msg { public int i…

软件工程课开学测试——根据已有的CSS模板资源，搭建整个系统

日期:2019.2.28 博客期:038 星期四今天的测试得到了9.5分,将将及格的程度吧!本次程序完成的很不成功! <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN&qu…

[已读]HTML5与CSS3设计模式

我想说,不要被书名骗了,其实并没有涉及丁点h5与css3的内容,但是确实称得上比较详细的一本关于css的书.看它的页数就知道了,481~~ 今年上半年看完的,现在想想,觉得自己还是蛮拼的.内容会比较枯燥,每一节的安排都是这样的: 效果图→ HTML→CSS→表格(一些知识点). 比较值得一读的章节:“第7章定位模型” “第8章定位方式:缩进.偏移与对齐”,这两章涉及定位和margin,定位涉及到堆叠上下文.hasLayout,margin则阐述了特定条下件负边距的特殊效果(即书中提到的缩进)…

读<css世界>笔记之img标签

Web开发时,为了节约带宽以及提高加载性能,首屏以下的图片就会通过滚屏加载的方式异步加载,然后这个即将被异步加载的图片为了布局稳健,体验良好,往往会使用一张透明的图片占位,如: <img src="transparent.png"> 但是实际上这个透明的占位符图片也是多余的资源但是如果是下面的CSS,可以实现上面一样的效果,并且还减少一次请求 img{ visibility:hidden; display:inline-block; width:XXX; }; img[s…

[已读]移动web手册

冲着作者是PPK才买的,双色,180页,略贵.但是这本书的内容,我并不是很满意.4.5.6三章算是干货,尤其是第四章,值得一读.其他的内容,忽略就好了.…

[已读]JavaScript高级程序设计(第3版)

从去年开始看,因为太长,总是没有办法一口气把它看完,再加上它与第二版大部分一致,读起来兴致会更缺一点. 与第二版相比,它最大的改变就是增加了很多html5的内容,譬如:Object对象的一些新东西,数据属性.访问器属性及相应的一些方法;比如它对跨域常见方法的比较和总结:postMessage,IE8的XDR,升级的XHR,jsonp跨域原理,单向的图片ping;又比如对数据推送的一些介绍,长轮询和http流是什么样子,单向的SSE和双向的Web Socket的详细介绍和比较. PS,关于SSE,…

[已读]ppk谈javascript

读的第一本javascript方面的书籍,印象也比较深.ppk对浏览器兼容很有研究~~可以看看他的www.quirksmode.org…

[已读]高性能JavaScript

值得多读几遍的书.…

[已读]编写高质量代码--Web前端开发修炼之道

我觉得还蛮实用的一本,推荐看看,主要涉及到这些: 标签语义化.css模块化. css的一些东西,比如haslayout 文档流,还有如何实现水平.垂直居中. js代码组织与js分层.js压缩编码规范.注释规范.命名规范…

读CSS DIV网页样式与布局心得体会

一.首先根据网页设计图拆分网页的整体结构二.在html页面用DIV划分出结构块三.再根据设计图在各个大<DIV>块中加入对应的小<DIV>块或者段落<P>,表单<form>,表格<table>,菜单(用css制作的菜单(项目列表)),标题<h3>,<h4>等. 四.模块拆分.页面的整体框架有了大体设计之后,对各个模块进行分别的处理,最后再统一整合.这也是设计制作网站的通常步骤,养成良好的设计习惯便可孰能生巧. 五.用c…

[已读]Sass与Compass实战

介绍了Sass基础语法与Compass框架,这个网上参考文档就OK了,另外介绍了compass生成图片精灵和相应的css,貌似现在单纯用sass和compass的挺少,要不grunt,要不FIS,而grunt和FIS貌似都有自己的图片精灵方案(好吧,我都没用过)?所以,这本书也没什么必要看了→ →…

[已读]编写可维护的javascript

13年4月份出版,作者是大名鼎鼎的Zakas,他的另两本书<javascript高级程序设计>与<高性能javascript>你一定听过或者读过. 这本书重点讲了编码风格和编码规范,各种检测(非空.类型.属性.是否存在.原型)还有一些小tips.当然,它提到了用in做存在检测,因为可排除一些特殊情况,比如值本身为假植.但是实际上,我们在写代码的时候,还是会简单得使用属性检测,因为in总是会比较耗时.另外,它花了40%的篇幅讲解自动化.第一次看的时候云里雾里,自动化这一部分基本上被我…

[已读]图解CSS3核心技术与案例实战

买的时候犹豫了好久,也征询了下几个前端朋友.我一直蛮怕买华章的书,好在这本内容很不错,买得值了. 大漠的css功底很深厚,这本书也很厚= =,读完之后对css圆角以及background-origin与background-clip的区别都有了更深入的了解.其他的内容我表示没吸收到新的东西~~ 从大方面来讲,css3的内容其实也不多:弹性盒.多列布局.渐变.阴影.变形.过渡.动画.媒体查询与web字体.其中,弹性盒的发展历程那叫一个坎坷,各种版本看得眼晕.css3要深入的话其实有蛮多需要提升的地…