摘要: css学习网站CSSPlaycssplay是一个CSS demo网站,里面很多demo,这些文章有教如果放置图片,有些是说CSS技巧。=======================1. CSS Help Pile CSS Help Pile重点关于CSS资源,技巧与手法。该网站授予良好的网页组及优秀的资源,适用于各个水平的开发人员,分类包括:初学者,浏览器解析的错误,简评CSS的书籍。2. A List Apart CSS Topics A List Apart是一个CSS优秀文章的收集网站,从1999年开始收集文章,关注最佳网页设计。3. CSS Basics CSS Basics可以当成一 阅读全文
posted @ 2013-03-24 14:22 sidifa 阅读(212) 评论(0) 推荐(0) 编辑
摘要: [兼容IE各版本] 同时使用多个 IE 滤镜当 CSS3 遇上较低版本 IE,滤镜就成了实现兼容性的折衷方案之一。虽然滤镜是过时很久的技术了,但还是能看出微软的高瞻远瞩——早在 IE6 就用滤镜实现了 bug 丛生的 CSS3 特性。以下是 MSDN 《Alpha Filter》 中同时使用多个滤镜的示例,适合各个 IE 版本。滤镜之间使用空格或者回车隔开(DEMO):<DIV STYLE="width:100%; filter: progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310) p 阅读全文
posted @ 2013-03-24 11:32 sidifa 阅读(775) 评论(0) 推荐(1) 编辑
摘要: CSS滤镜使用(IE)CSS滤镜虽然只能在IE浏览器中表现出效果,但是仍不失为网页增加特效的好办法。1.CSS静态滤镜样式 (filter)CSS静态滤镜样式的使用方法:{ filter : filtername( parameters1, parameters2, ...) }Filter样式 简要说明 支持参数 alpha 设置图片或文字的不透明度 opacity、finishOpacity、style、startX、startY、finishX、finishY、add、direction、strength blur 在指定的方向和位置上产生动感模糊效果 add、direction、str 阅读全文
posted @ 2013-03-24 10:52 sidifa 阅读(466) 评论(0) 推荐(0) 编辑
摘要: IE中的CSS3不完全兼容方案Opacity透明度元素的透明度在IE中可以很方便的用滤镜来实现。view sourceprint?1background-color:green;2opacity: .4;3filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);这里半透明区域opacity: .4;filter:alpha(opacity=40);border-radius圆角/Box Shadow盒阴影/Text Shadow文字阴影在IE中可以利用Vector Markup Language (VML)和javascript来实 阅读全文
posted @ 2013-03-24 01:09 sidifa 阅读(252) 评论(0) 推荐(0) 编辑
摘要: PIE之简述在国外,CSS3的盛行与普及,探讨与研究要比国内领先不知多少个身位。相比之下,国内似乎如一潭死水,为何?我觉得国内领先的前端团队应该通过自身的影响力,带动国内整个前端领域与时俱进。然而,可以理解,我们都是要养家糊口或是谈情说爱的,我们不都是圣人,有着以天下兴亡为己任的责任心与使命感,所以呢,要么等着别人喂,要么闭门造车。这,不说也罢。我们都知道,IE浏览器暂不支持CSS3的一些属性。国外的工程师们,不安于此现状,他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性,我觉得这些都是很有意义,很有价值的工作,可以推动整个技术领域的进步的。都目前为止,有不少可以让IE支持部分CSS3 阅读全文
posted @ 2013-03-24 01:06 sidifa 阅读(505) 评论(0) 推荐(0) 编辑
摘要: 10个值得关注的优秀CSS框架 大多数做过网页设计的都知道“CSS框架”,而且肯定有很多设计师已经开始在作品中使用CSS框架。 就像其他编程语言一样,CSS也可以把一些重复使用的代码整合起来,这样可以减轻很多的工作量。 恰当地利用CSS框架可以缩短开发时间,不过话说回来,如果选错了CSS框架胡乱用于实际开发中,必然会适得其反。 下面介绍的是一些值得深入研究的开源CSS框架,你可以通过搜索轻易地获取源代码。 1.Blueprint: Bluepring 包含了方便实现浏览器兼容的reset css。另外,它还包含了在网页开发中经常用到的很多外部工具和模板。 2.960 Gri... 阅读全文
posted @ 2013-03-23 23:59 sidifa 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 优秀jQuery插件连载Nivo Slider一个加载设置拥有9种过度效果的超级smooth slider,它还支持如链接图像和键盘导航等内容。Quicksand通过一个非常不错的洗牌动画实现选项内容重新排序,只需要指定源容器和替换源的目标collection 。新元素将会以奇特缩放+阿尔法效果出现,消失的元素(non-existant in destination collection)平滑地消失或重新排位,移动到它们的目标位置。SpritelySpritely 是一个由Artlogic开发的 jQuery插件,用于使用纯HTML和JavaScript创建动态物体和背景动画。Letterin 阅读全文
posted @ 2013-03-19 17:00 sidifa 阅读(360) 评论(0) 推荐(0) 编辑
摘要: Menu WidgetCategories: WidgetsMenu Widgetversion added: 1.9Description: Themeable menu with mouse and keyboard interactions for navigation.QuickNavExamplesOptionsdisablediconsmenuspositionroleMethodsblurcollapsecollapseAlldestroydisableenableexpandfocusisFirstItemisLastItemnextnextPageoptionprevious 阅读全文
posted @ 2013-03-17 15:47 sidifa 阅读(178) 评论(0) 推荐(0) 编辑
摘要: Draggable WidgetCategories: InteractionsDraggable Widgetversion added: 1.0Description: Allow elements to be moved using the mouse.QuickNavExamplesOptionsaddClassesappendToaxiscancelconnectToSortablecontainmentcursorcursorAtdelaydisableddistancegridhandlehelperiframeFixopacityrefreshPositionsrevertre 阅读全文
posted @ 2013-03-17 13:33 sidifa 阅读(300) 评论(0) 推荐(0) 编辑
摘要: Button WidgetCategories: WidgetsButton Widgetversion added: 1.8Description: Themeable buttons and button sets.QuickNavExamplesOptionsdisablediconslabeltextMethodsdestroydisableenableoptionrefreshwidgetEventscreateButton enhances standard form elements like buttons, inputs and anchors to themeable bu 阅读全文
posted @ 2013-03-17 13:30 sidifa 阅读(222) 评论(0) 推荐(0) 编辑
ReturnTop