qdkfweb.cn
摘要: 本节课程主要内容:1.学习矩形选择工具、椭圆选择工具、移动工具、多边形套索工具、套索工具、磁性套索工具和魔术棒选择工具。2.用套索和磁性套索,实现对人物照片的抠图。-------------------------------------------------------这节课开始,我们来正式讲解PS的工具,在讲解过程中,将进行实例的学习和制作。PS的工具我们预计会花上六、七节课的时间。这是PS最基础的东西,希望大家认真学习。在讲解之前,我们先花一点时间,来学习用PS调整图片的大小。数码相机拍出来的照片,一般象素都很大,200万象素的分辨率在1600×1200,图片大小在1M左右。 阅读全文
posted @ 2013-11-01 17:51 前端博客 阅读(1031) 评论(0) 推荐(0) 编辑
摘要: 第一种:无图片纯css圆角框收录理由:兼容性强,不用图形 图一 特点:不用任何图形,使用很多个div容器模拟出圆角效果。兼容性:通杀所有浏览器 缺点:构造这个圆角需要加入太多的无语义的标签,结构比较冗余。重用性不强:如果一个页面有多个圆角,并且要实现不同的半径大小,则其灵活性不够。边框颜色虽然可以调节,但会对页面中的结构产生致命的影响,适用于色彩单一并且一个页面中圆角应用不多的页面。不容易实现圆弧内有渐变色的图形背景。 圆角框不够圆滑,有锯齿现象,适合于背景色和当前色色差不大并且圆弧较小的网页。实现原理: 用很多1像素高的div容器,利用背景色和边框色来模拟出圆角框的轮廓线。实例演示:... 阅读全文
posted @ 2013-11-01 16:25 前端博客 阅读(1953) 评论(0) 推荐(0) 编辑
摘要: 代码兼容、技巧前端开发中,一个头疼的事,就是代码的不兼容,这里贴出自己在前端开发中的一些解决经验。除了其浏览器本身的BUG外,不建议使用CSS hack来解决兼容性问题的。IE和FF下对”li“的的高度解析不同可以不定义高度,直接定义行高。再让li浮动 消除IE的BUG。IE3像素问题出现3培训BUG 时, 可以采用右边层margin-right: -3px; 解决。需要图片在层中是垂直居中当需要图片在层中是垂直居中,可以图片定义vertical-align: middle;,再在图片左侧加入,定义样式display: inline-block; height: 100%; vertical- 阅读全文
posted @ 2013-11-01 09:57 前端博客 阅读(610) 评论(0) 推荐(0) 编辑
摘要: jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。 在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支持 IE,并混合使用 jQuery 1.9 和 2.0, 官方的解决方案是: 从长久来看,这样有利于在复杂情况下根据浏览器特性进行分别处理, 而不是简单的检测浏览器类型和版本。 但目前很多旧程序的移植恐怕无法直接过渡为根据浏览器支持特性, 所以在网上找了一些能够直接替换的解决办法。判断浏览器类型... 阅读全文
posted @ 2013-10-25 16:24 前端博客 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 克军昨天的分享不错:前端基础架构的实践和思考从 2009 年起,也一直在想这些事。受克军启发,梳理成一张图:(请点击小图看大图)几点说明:将“架构”换成了“设施”,对应的英文是 Infrastructure. 感觉用“设施”更能精准表达原意。克军的大分类是设施的形态:是一个工具,还是一份规范,或是一个系统。这样分类不错,但系统和工具之间感觉很难区分,系统可以包含工具,工具可以是一个系统。这里从前端开发涉及的流程来划分:需求阶段 — 开发阶段 — 部署阶段 — 上线后。然后看每个阶段,需要哪些基础设施建设。想清楚后,前端的 Infrastructure 也就出来了。需求阶段,一个快速原型工具,无 阅读全文
posted @ 2013-10-25 15:57 前端博客 阅读(1264) 评论(0) 推荐(0) 编辑
摘要: 视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了 这项技术。今天这篇文章就与大家分享30个视差滚动效果的网页设计作品,一起欣赏(以拖动滚动条方式浏览效果更佳)。01. Cymetriq02. Ludwings03. Intac to 10 Years04. Besser Leben Mit Lehm05. Interaktiva Online06. Shelton Fleming07. Werbeagentur Kopfnuss08. Grab & Go09. P 阅读全文
posted @ 2013-10-25 11:06 前端博客 阅读(270) 评论(0) 推荐(0) 编辑
摘要: http://caibaojian.com/popular-css-snippets.html 阅读全文
posted @ 2013-10-11 15:49 前端博客 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 作者: 阮一峰日期: 2013年7月16日越来越多的网站,开始采用"单页面结构"(Single-page application)。整个网站只有一张网页,采用Ajax技术,根据用户的输入,加载不同的内容。这种做法的好处是用户体验好、节省流量,缺点是AJAX内容无法被搜索引擎抓取。举例来说,你有一个网站。 http://example.com 用户通过井号结构的URL,看到不同的内容。 http://example.com#1 http://example.com#2 http://example.com#3 但是,搜索引擎只抓取example.com,不会理会井号,因此也就 阅读全文
posted @ 2013-09-29 16:24 前端博客 阅读(428) 评论(0) 推荐(0) 编辑
摘要: 作者: 阮一峰日期: 2011年6月11日前一段日子,我写了两个Bookmarklet----"短网址生成"和"短网址还原"。它们用起来很方便,除了我本人之外,其他朋友也在用。第一次发布Bookmarklet,就能有用户,我挺满意的。下面就是我整理的《Bookmarklet编写指南》,供自己和需要的朋友参考。====================================================Bookmarklet编写指南阮一峰 编写一、什么是Bookmarklet?Bookmarklet是一个复合词,由Bookmark(书签)和-le 阅读全文
posted @ 2013-09-29 16:21 前端博客 阅读(686) 评论(0) 推荐(1) 编辑
摘要: CSS3技术离我们越近,我们也应该学习一些简单的CSS3技术了,而学习最基本的方法就是模仿,以及观看大师作品的案例。收集了20个基础教程,均是涉及到css3应用范围,值得你和我一起共同学习。Smooth Diagonal Fade Gallery with CSS3 TransitionsHow to Create a CSS3 Dropdown MenuSPLASH AND COMING SOON PAGE EFFECTS WITH CSS3CREATIVE CSS LOADING ANIMATIONSPure CSS3 LavaLamp MenuCIRCLE HOVER EFFECTS W 阅读全文
posted @ 2013-09-28 16:15 前端博客 阅读(249) 评论(0) 推荐(0) 编辑
qdkfweb.cn