web前端
文章平均质量分 72
yixuan_1
这个作者很懒,什么都没留下…
展开
-
CSS实现兼容性的渐变背景(gradient)效果
CSS实现兼容性的渐变背景(gradient)效果working in ebay ,2013.8.8一、有点俗态的开场白 要是两年前,实现“兼容性的渐变效果”这个说法估计不会被提出来的,那个时候,说起渐变背景,想到的多半是IE的渐变滤镜,其他浏览器尚未支持,但是,在对CSS3支持日趋完善的今天,实现兼容性的渐变背景效果已经完全成为可能,本文就将展示如何实转载 2013-08-08 11:44:28 · 758 阅读 · 0 评论 -
优秀前段学习资源汇总
他山之石,可以攻玉,从别人的设计里汲取灵感,酷站集1.Awwwards--The awards for design, creativity and innovation on the internet2.CSS Winner--CSS Award Gallery for Web Design Inspiration3.Best CSS--Best CSS, Website原创 2014-02-17 11:56:26 · 1256 阅读 · 0 评论 -
扁平化设计学习之三 色彩选择
扁平化设计的色彩选择2013-04-29 11:13:40 来源:视觉中国 评论:0这段时间以来,我们已经陆续为大家呈现了很多优秀的扁平化设计形式,也讨论了很多扁平化设计的发展趋势。有关扁平化设计的制作,很重要的一点就是色彩的使用。 关键词:平面设计 扁平化设计 这段时间以来,我们已经陆续为大家呈现了很多优秀的扁平化设计形式,也讨论了很多扁平化设计的发转载 2014-02-17 13:09:38 · 1133 阅读 · 0 评论 -
扁平化设计之一 认识扁平化设计
扁平设计扁平设计的设计风格,力图避免任何形式的对案例结构无显著影响的图形元素,纯粹的避免任何形式的“装饰”元素,渐变、浮雕、卷角等拟物化的元素将被删除,为简洁设计腾出空间。这是一个极简设计的方法。扁平设计的一些案例拟物化拟物化是啥,太恐怖了!拟物化设计是通过模仿真实物体,来帮助用户获得自然的心理感觉,通过物转载 2014-02-17 12:58:36 · 840 阅读 · 0 评论 -
Web 前端开发者必知的9 个 CSS 属性
1. 圆角效果如今的Web设计在不断跟进最新的开发技术,纷纷采用HTML5来开发多样性的Web应用。HTML5的优势之一,就是之前必须用图片实现的元素,现在可以用代码来实现。“border-radius”是实现这一功能的一个重要的属性,可以用来直接定义HTML元素的圆角,并且被所有现代浏览器支持。Css代码border-radius: 10px; /* CSS3 Prop转载 2013-08-15 15:12:48 · 684 阅读 · 0 评论 -
Notepad++使用教程
Notepad++使用教程Notepad++是闪电博客推荐程序员必用的一款适合编程的文本编辑软件,本文主要介绍Notepad++的特点和使用技巧,特别嘱咐大家,Notepad++的插件非常强大,目前已有100多款插件,可以参考这篇文章:Notepad++插件精品推荐。先介绍几个网址: Notepad++官方下载地址 Notepad++官网1,轻量化,软件转载 2013-10-23 16:15:27 · 3900 阅读 · 0 评论 -
Js操作Select大全
Js操作Select大全判断select选项中 是否存在Value="paraValue"的Item 向select选项中 加入一个Item 从select选项中 删除一个Item 删除select中选中的项 修改select选项中 value="paraValue"的text为"paraText" 设置select中text="paraText"的第一个Item为选中转载 2013-10-28 19:32:17 · 914 阅读 · 0 评论 -
JQuery 选择和过滤方法代码总结
JQuery 选择和过滤方法代码总结JQuery 选择和过滤方法代码总结,学习jquery的朋友可以参考下。1、查找所有符合条件的元素 find() 举例: $('ul').find('li').addClass('tmpExample'); 查找页面中ul元素下的所有li元素,并为查找到的li元素增加tmpExample样式转载 2013-10-18 09:52:31 · 1526 阅读 · 0 评论 -
纯CSS无表达式实现图片等比缩放(支持IE7及以上)
纯CSS无表达式实现图片等比缩放(支持IE7及以上)在制作网页的时候,常常会遇到一种情况,我们需要把一些未知尺寸的图片放在一个固定宽高的容器中,这时候我们需要考虑这样的问题:只给图片设置宽度或高度的其中一项可以实现图片等比缩放,但图片可能超出容器大小。给图片设置固定的宽高可能导致图片变形。有些人可能会简单地用JavaScript解决: s转载 2013-10-17 15:35:57 · 1178 阅读 · 0 评论 -
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
利用CSS、JavaScript及Ajax实现图片预加载的三大方法Perishable Press网站近日发表了一篇文章《3 Ways to Preload Images with CSS, JavaScript, or Ajax》,分享了利用CSS、JavaScript及Ajax实现图片预加载的三大方法。下面为译文。预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器转载 2013-10-17 15:16:33 · 845 阅读 · 0 评论 -
CSS技巧之圆角背景与三角形
CSS技巧之圆角背景与三角形前端开发中两个很不错的小技巧, CSS三角形与圆角背景. 的确, 它们都可以通过图片来实现, 但, 抛开用代码实现可以减小图片加载量不说, 当你遇到三角形或圆角背景下还有一层非纯色背景时, 你又不得不考虑IE6 png兼容问题, 嗯, IE6,万恶之源. 此时, CSS三角形及圆角背景将是上佳选择.查看演示: 点此查看DEMOCSS圆角背转载 2013-08-30 09:46:41 · 1037 阅读 · 0 评论 -
css技巧-经典中的经典
css技巧-经典中的经典删除链接上的虚线框a:active, a:focus { outline:none;}Firefox 默认会在链接获得焦点(或者点击时)加上条虚线框,使用上面的属性可以删除。最简单的 CSS 重置* { margin: 0; padding: 0}不让链接折行a转载 2013-08-30 10:10:32 · 571 阅读 · 0 评论 -
CSS技巧补遗二十四则
CSS技巧补遗二十四则在CSS网页布局开发中,会有很多小技巧,新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白,虽然在52CSS.com的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理解,您可以在52CSS.com进行搜索,扩展您所想要得到的知识,相转载 2013-08-30 09:49:28 · 661 阅读 · 0 评论 -
Web开发者的福利 30段超实用CSS代码
Web开发者的福利 30段超实用CSS代码1.花式连字符(&)这个类应该在span元素里使用,并且里面包括&字符。它使用经典的serif字体和斜体来增强&符号。.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; fon转载 2013-08-16 17:55:31 · 1102 阅读 · 0 评论 -
Css制作文本框发光效果
Css制作文本框发光效果CSS控制文本框发光效果,是各种前端开发库使用最多的效果之一,这里面使用了CSS直接控制其样式,显示效果为:当文本框获取焦点时,文本框四周均匀缓慢发光的国度效果,提升了界面的美观,也提升了用户体验。接下来自己尝试着做一个:首先需要准备的CSS3的几个属性:一、RGBA 属性:最近网上对CSS3的讨论真的很火,现在讲一下CSS3里目前用的比较广转载 2013-08-16 09:46:53 · 3382 阅读 · 0 评论 -
解决CSS图片垂直居中
CSS图片垂直居中问题:在浏览器下图片不能垂直居中,以下就是完美解决图片垂直居中问题。HTML结构如: div class="box"> a class="pic-wrap" href="#" target="_blank"> img src="http://www.si27.com/upload/timetable/136495转载 2013-08-15 15:18:23 · 602 阅读 · 0 评论 -
扁平化设计学习之二 设计原则
扁平化设计原则13-06-08oooceo没有评论设计美化1604 浏览设计社区不停讨论关于扁平风格。这种风格很带感。但大多数设计师不能彰显这种风格,或者直接讨厌这种风格。我很现实,创件有用的设计才是好的设计。由于最近流行的扁平风格,而去设计这个风格,但它不适合所有的项目,所以别硬套这种设计风格我们来看一下,这有五个很独特的扁平风格的例子。我们分析一下,再”戏说转载 2014-02-17 13:06:36 · 1431 阅读 · 0 评论