CSS 第5页

揭秘TAB选项卡宽度自适应的问题

5

Coder.Bing 发布于 2016-07-04

 近期刚做的一个手机项目,需求方要求选项卡在窄屏和宽屏自适应,刚开始觉得挺纠结的,后面结合网上的一些资料自己研究了下,分享给大家: 其实从网页选项卡诞生的那一天起,凭借其紧凑的布局和方便的切换方式,就成为各大门户必用的设计元素。 规则的宽度–比如150px、300px…...

赞 (0)

IE6浏览器position:fixed固定定位问题

Coder.Bing 发布于 2016-07-04

生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 position:fixed; 可以让网页上的某个元素固定在一个绝对的位置,即使拉动滚动条位置也不发生变化。(在 LOO2K 博客右...

赞 (0)

各种浏览器的Hack写法(chrome firefox ie等)

Coder.Bing 发布于 2016-07-04

近期更新了谷歌浏览器,发现先前设置的-webkit-text-size-adjust:none,已经失效了,后才发现谷歌浏览器从V27.0版本就开始不支持了,然后直接导致了页面的错乱,坑爹啊。今天就目前主流浏览器把CSS hack总结了下,希望以后不要纠结类似的问题了,如下: 众...

赞 (0)

前端开发者调试工具Chrome Workspace

6

Coder.Bing 发布于 2016-07-04

再看这边文章之前,建议大家先看下“如何掌握谷歌的Chrome developer tool调试技巧“。 今天要推荐的谷歌调试工具,觉得真不错,刚开始对于那些英文有点不习惯,用久就NO PROBLEM啦。好吧,转载过来,分享给大家。工具名称是Chrome Workspace。如下:...

赞 (0)

【百度SEO优化】如何让蜘蛛爬行你的网站

Coder.Bing 发布于 2016-07-04

大家都知道,现在做网站简单,但是推广就比较困难了,可能一些商家引入投资,直接烧钱做广告来推广,但是对于一些小站长,是没有那么多资金的。因此我们就要懂得一些SEO优化的知识了,简单介绍一下: 怎么让百度收录我们的文章?要靠蜘蛛爬行。怎么让百度的快照更新? 要靠蜘蛛爬行。怎么让搜索引...

赞 (0)

最小高问题min-height 兼容所有浏览器

1

Coder.Bing 发布于 2016-07-04

IE6问题先前讨论过好多了,今天在做个项目的时候发现最小高(min-height)的问题,设置min-height:100px这样的话ie6会不兼容了,如果直接用height:100px;的话其他浏览器又不兼容了。其实仔细分析一下浏览器对height和min-height这两个属...

赞 (0)

解决FLASH遮住其他层元素问题

2

Coder.Bing 发布于 2016-07-04

刚做了个幻灯片广告,产品人员需要在第一个位置放flash,然后其他的都是图片,但是幻灯片切换到第一张的时候,圆圈tab元素不见了,只有在谷歌浏览器下面正常,用firebug看是被flash盖住了,,用定位和z-index设置始终没办法解决。 后面换了个思路想了下,发现是flash...

赞 (0)

前端重构模块化开发

7

Coder.Bing 发布于 2016-07-04

关于前端重构模块化的开发,我们按需加载为页面带来了很大的性能提升,但同时也为代码结构带来了很大的冲击,很多直接调用的方式被改为了模块化的调用形式(先判断模块是否存在,不存在就先加载对应的js,再执行回调)。 而js代码本身又不是模块化形式的。就使得代码结构很混乱,各种调用方式都存...

赞 (0)

精简高效的CSS命名准则/方法

12

Coder.Bing 发布于 2016-07-04

佛家讲究“因果报应”,有果必有应。此段看似与主题没有血缘关系,实际讲的是“因”。 我个人比较喜欢老子的道家思想,并喜欢以其思想解释学习与工作中遇到的一些问题。例如我之前写过的“中国古代道家思想与网页重构的思考”一文。 老子有云:“天下万物生于有,有生于无”。具体解释就是:天下万物...

赞 (0)

【优化工具】网站性能优化工具大全

Coder.Bing 发布于 2016-07-04

网站性能优化(WPO)已经成为一个非常重要的话题了,越来越多的互联网公司开始有WPO的职位,而相关技能也是对前端开发工程师的重要技术要求之一。国外大牛Steve Souders在参加WebPerfDays London期间,收集了大量常用的网站性能优化工具,这里和大家分享下。 W...

赞 (0)