Hello CSS! 和图片说Bye Bye

25

July

2013

在一次聊天中讨论到如何利用CSS来制作一个按钮,不但能自适应宽高,并且还要在不实用图片的情况下,让按钮有类似“外描边”、“内描边”和圆角的效果,并且兼容IE6、IE7。所以今天特地花了点时间来做这个。

当完成以后,发现单纯的按钮有点单调,就想加点ICON来美化一下。可既然按钮都是用CSS来完成,那ICON还用图片来显示,是否有些背道而驰,所以仍然利用CSS属性来给按钮增添我们所需的图标。此时在保证“低配用户”能正常显示的情况下,也加入一些CSS3属性,起到渐进增强的目的,让“高级用户”能够得到更好的呈现效果。

这样做的好处在于按钮和图标颜色都能通过CSS来调整,维护起来比较方便。还有就是CSS的渲染速度比较快,同时还减少了HTTP请求量。

不过,并不是说用CSS必定比图片好,关键还是要根据实际环境和需求,合理使用才是关键。

本例兼容:IE6-10、Chrome、Safari、Opera。 [ 查看全文... ]

写给IT职场新人的六个“关于”

12

July

2013

导读:个人认为现在的IT行业过于浮躁,该作者在本文中的一些观点和建议比较中肯,值得一看,希望对你会有帮助。

这是一篇关于IT职场却不同于大多数写职场“规范”、“准则”、“要点”的文章。作者本人并不是职场达人,只是用自己的经验去表述一些看法、想法、做法,希望对大家有用。

关于工作地点

一线城市机会多

无论是刚毕业的学生,还是待跳槽的IT职场老人都考虑或曾经考虑过这句话能给其带来的意义。北京、上海、深圳等国内几个大型城市每年都不断吸引着各界精英的涌入,仿佛进入了大城市就如同考上了好大学一样。

但是去经济发达的城市需要面对的问题也不在少数: [ 查看全文... ]

jQuery Slider Gallery(滑动相册 带拖动按钮)

12

July

2013

以前做过个项目,需求是做一个图片集(图片相册),其中有个小功能是底部带拖动按钮,拖动按钮相册列表一起滚动。当初单独做个拖动按钮没什么问题,问题不知道怎么让上面的内容随着这滚动条一起等比例的滚动,后来这块是由我同事帮忙写的。所以空下来便研究一下,把思路理清自己写个试试,结果比想象中的要简单很多。

当前版本:v1.2
兼容:IE6+、Firefox、Chrome、Safair [ 查看全文... ]

Adobe CC官方中文版(Adobe Creative Cloud套装)说明及下载[含破解补丁]

03

July

2013

Adobe 软件套装已不再以 (Creative Suite) CS命名,而是改成 (Creative Cloud) CC,主推云服务!套装中总共包含了30 多款软件和在线服务,譬如:Photoshop CC, Illustrator CC, InDesign CC, Adobe Muse CC, Dreamweaver CC 网页开发, Edge Animate CC, Adobe Premiere Pro CC, After Effects CC, Audition CC, Digital Publishing, Kuler, Behance 等等。遗憾的是这次Fireworks已止步于CC家族,并且Adobe宣布停止Fireworks的后续开发工作,但会继续提供必要的BUG修复和安全性更新,也就是Fireworks CS6已成为它的终结之作。

什么是 Creative Cloud?
Creative Cloud 集成了您创作最伟大作品所需要的所有元素。它带给您最新、最棒的 Adobe 创意工具和服务。有了 Creative Cloud,您将能更高效地与团队及伙伴协同工作,并在创意社群内分享作品。Creative Cloud 将您需要的所有元素整合到一个平台,简化了整个创意过程。 [ 查看全文... ]

图片、文字水平垂直居中(兼容各浏览器)

02

July

2013

图片水平垂直居中、文字(多行文字)水平垂直居中,这是个老生常谈的问题,也经常有人提及这个问题,至此写个案例作为备忘。

主要用到的CSS属性就是display:table-cell[指定对象作为表格单元格。类同于html的td标签]。应用与已知外层容器宽高,但内部图片大小和文字数量未知的情况。

注:使用display:table-cell的时候,当前元素不支持margin和position属性,这个问题往往容易被人忽略。 [ 查看全文... ]

Ublue jQuery Image Scroll(无缝滚动)

27

June

2013

一直懒得写这个效果,但有需求就必须有供应。最近正好有项目需要这东西,所以就把之前写的插件拿来改了下,作为一个单独的插件,等以后有时间再把2个插件合并起来吧。

功能和描述(v1.0):
1.图片无缝左右滚动
2.经过图片显示/隐藏标题(可选)
3.自动循环滚动(可选)
3.鼠标经过停止滚动
4.单个页面可以重复使用
5.兼容IE6+、Chrome、Firefox、Safari、Opera [ 查看全文... ]

无觅相关文章插件,快速提升流量