Html&CSS
关注
分享
扫一扫
文章平均质量分 52
fengqingxin
计算机专业，在读、学习c、java、c 、linux、嵌入式，希望与大家交流！
展开
-
web前端程序员必上的11个优秀的中文前端设计网站
在国内，“前端开发”这个名词逐步被熟知，“前端开发”这个职位越来越被企业重视，表明国内的Web前端开发正在慢慢走向成熟，更好地学习提高自身的前端 开发技术能力是必须的，整理8个国内优秀的前端开发设计网站给大家，也希望能看到你推荐的中文前端开发网站和社区。1, 蓝色理想http://www.blueidea.com/ 诞生于1999年10月的蓝色理想，以建设网站设计与...原创 2010-10-15 08:28:47 · 573 阅读 · 0 评论 -
图片hover状态平滑划过过渡效果
附源码 //first preload all images$hs_images = $hs_container.find('img');var total_images = $hs_images.length;var cnt = 0;$hs_images.each(function(){ var $t...2013-03-15 14:38:59 · 212 阅读 · 0 评论 -
用jquery都弱爆了 纯css 实现焦点图的 动态绚丽效果
先看大图 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=2013-03-15 15:19:39 · 198 阅读 · 0 评论 -
博文转移到个人网站，欢迎大家访问！！！
http://ismartstudio.com 欢迎留言 多提建议 以后博客内容逐渐迁移到 新网站 欢迎大家光临2013-05-13 22:40:26 · 118 阅读 · 0 评论 -
php/js/jquery等各种语言版本—检测终端类型和浏览器类型
<?php if ( (strpos($_SERVER['HTTP_USER_AGENT'], "Mobile/") != false) &&(strpos($_SERVER['HTTP_USER_AGENT'], "Safari/") == false) ) { echo "Safari (in-app)"; }else {...原创 2013-05-29 15:45:38 · 128 阅读 · 0 评论 -
CSS3 background 分别设置多个背景图片【博主推荐】
CSS3允许给box/div元素设置多个背景图片，只需要在原来的基础上加逗号分隔即可分别设置。支持 Mozilla Firefox (3.6+), Safari/Chrome (1.0/1.3+), Opera (10.5+) ，Internet Explorer (9.0+) 等。先上一个小例子，一只羊的png图片背景和草原的大背景 可以分别设置。效果如下：代码如下：...2013-06-27 15:14:33 · 1022 阅读 · 0 评论 -
个人觉得 SublimeText 目前最好用的 文本编辑器
1.技巧提示 总结http://ihacklog.com/post/sublime-text-2-tips-and-tricks.html2.常用快捷方式 提示http://www.csser.com/board/4f59c2cb9c3694f227001cd73.常用案例解析http://www.cnblogs.com/BiffoLee/archive/2011/11/2...2013-01-09 09:50:16 · 270 阅读 · 0 评论 -
Selenium 一个用于Web应用程序测试的强大工具
Selenium测试直接运行在浏览器中，就像真正的用户在操作一样，这对项目经理,QA,tester 来说 无疑是一个宝贝。更易于项目测试人员和开发人员的沟通和提高效率。目前支持的浏览器包括IE、Mozilla Firefox、Mozilla Suite等。这个工具的主要功能包括：测试与浏览器的兼容性—测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。...2013-01-09 09:56:06 · 138 阅读 · 0 评论 -
我用过的强大的常用的 Web Debugging Tool
在Web service开发中常用的debugging工具 相信大家都用过不少下面主要介绍一下 Charles和Fiddler这两款工具都能更细致的帮你调试到你需要的 变量和 response data并以各种文本或者xml json等易于观察的格式来呈现 易于我们跟第三方 service的team交流和便于我们开发 提高效率当然是必须的了。。。 Charles 下载地址...2013-01-09 10:05:53 · 148 阅读 · 0 评论 -
用css或jquery方式 使div 水平、竖直均居中
.className{ width:270px; height:150px; position:absolute; left:50%; top:50%; margin:-75px 0 0 -135px;} jquery方法$(document).ready(function(){ $(window)....2013-01-16 11:43:10 · 128 阅读 · 0 评论 -
兼容所有主流浏览器的 渐变色背景
body{ font-family: helvetica, arial, sans-serif; font-size: 13px; color: #666; background-image: -ms-linear-gradient(top, #FFFFFF 30%, #cdcdcd 100%); /* Mozilla Firefox */ b...2012-10-08 15:11:10 · 136 阅读 · 0 评论 -
Google Chart 实现报表统计
当处理数据或者统计结果的时候 通常会遇到一些报表例如 饼状图 曲线图 柱状图但是实现起来 往往不是很简单,现在运用google chart可以很轻松实现你的目的了.先看个示例吧 <html> <head> <!--Load the AJAX API--> <script type="text/javascr...2012-10-11 16:16:52 · 211 阅读 · 0 评论 -
Wordpress第三方 Contact/Feedback 插件 Foxyform
这个 插件虽然很多强制性 不能修改样式..不过对于基本的网站建设还是蛮实用的... http://www.foxyform.com/ <!-- Do not change code! --><table cellspacing="0" cellpadding="0" border="0"><tr><td><2012-10-15 14:45:48 · 396 阅读 · 0 评论 -
纯css 应用使得网站各个模块切换 平滑过渡
首先创建一个百分百的 layout 然后创建各个panel layout然后应用按钮加上平滑过渡效果 这样会使得网页更加丰富生动 <div class="st-container"> <input type="radio" name="radio-set" checked="checked" id="st-control-12013-03-15 14:26:34 · 322 阅读 · 0 评论 -
Jquery 实现HTML 文本字体 大小 切换
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="2012-03-01 16:30:46 · 384 阅读 · 0 评论 -
jQuery 限制多行字符字数的方法 换成省略号
1.多行文本 在html中常见 用p标签可是因为版面限制有时候只能显示部分内容所以须要对内容加以修饰一般换用省略号代替比较好 或者 READ MORE 链接限制只显示某些省略号单行文本 可以直接用css实现zxx_text_overflow_1{width:27em; white-space:nowrap; text-overflow:ellipsis;-o...2012-03-01 10:21:46 · 303 阅读 · 0 评论 -
与大家分享一下Flex 学习资料 （续）
Flex as3 资源共享包括以下内容1.as3.0学习 必须要看的cookbook 日后也可以作参考字典 2.flex 4 cookbook 你懂得 3.as3.0基本事件机制 也是初学者 比较难懂晦涩的东西 看过此文档 确信你会有新的收获 4.Adobe 官方学习教程 5.几种国内常用框架 PureMVC Cairngorm 6.Flex 与后台...2011-10-11 13:08:14 · 89 阅读 · 0 评论 -
Html5 带来web新时代
http://directguo.com/html5/#slide1 http://www.w3school.com.cn/html5/ 2010年上半年的苹果与Adobe的冲突，使HTML5的存在一夜之间被很多人所知晓。在乔布斯的煽动下，这一已经在科技界潜行数年的下一代 Web标准，被迅速拎到了台面上，苹果、谷歌、微软这科技界三巨...2011-03-22 15:23:14 · 186 阅读 · 0 评论 -
给表格加间隔行颜色 并且设置选中后的颜色
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><2012-01-30 15:12:30 · 147 阅读 · 0 评论 -
教你一招让你的IE 6/7/8/9/x都支持HTML5
解决办法就是使用HTML5 shiv，而HTML5 Shiv其实就是一个Javacsript脚本。<!–[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”> </script> <![endif]–> http://html5sh...2012-10-16 11:20:14 · 86 阅读 · 0 评论 -
仿淘宝 首页的 "滑动门" 鼠标悬浮滑动box效果
.boxcaption{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; /* For IE 5-7 ...2012-10-16 11:34:25 · 215 阅读 · 0 评论 -
专业的网页测试工具 YSLOW
YSlow是Yahoo发布的一款基于FireFox的插件。 安装YSlow必须首先先安装 Firebug，然后下载YSlow，再对其安装。 YSlow可以对网站的页面进行分析，并告诉你为了提高网站性能，如何基于某些规则而进行优化。 YSlow可以分析任何网站，并为每一个规则产生一个整体报告，如果页面可以进行优化，则YSlow会列出具体的修改意见。 https...2012-06-13 15:23:57 · 156 阅读 · 0 评论 -
下一个移动媒体巨头 Brightcove
背景： 根据 Brightcove 的新闻稿，通过免费的 Brightcove Experience 架构以 HTML5 的基础打造出各种「苹果产品」上的网页运作。看来 HTML5 和 Flash 平行运作的手脚越来越快了。大家可能对 Brightcove 这个公司的名字相当陌生，不过已经超过 1,000 位客户，包括时代杂志（Time Inc.）和纽约时报（New York...2012-06-13 15:30:56 · 149 阅读 · 0 评论 -
手机支持视网膜技术 html css研究
原文摘自http://www.noupe.com/design/the-mobile-web-css-image-replacement-for-retina-display-devices.html http://retina-images.complexcompulsions.com/2012-06-19 15:48:05 · 102 阅读 · 0 评论 -
image radio button 带图片的单选按钮
js img display:none 和 img src动态切换实现 动态image radio button 代码片段 精选 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...原创 2012-06-25 15:11:28 · 690 阅读 · 1 评论 -
一键生成各种多彩的 js 焦点图 幻灯切换效果
网站开发中常常会用到jquery焦点图的展示网上有很多很cool 的网站可以参考1.懒人图库http://www.lanrentuku.com/js/jiaodiantu.html2.牛图库http://www.niutuku.com/js/jquery/index-10.html 3. wow sliderhttp://wowslider.com/ 值...原创 2012-06-25 15:27:26 · 174 阅读 · 0 评论 -
js、jquery 动态生产 数据饼状图 所占百分比
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>Pulse Results</title> <meta charset="utf-8" /&am2012-06-25 16:05:27 · 415 阅读 · 0 评论 -
js/jquery 进行动态统计 各种柱状图 饼状图 线条图 等
国内网站有 http://www.ichartjs.com/国外网站有 http://www.jqplot.com/index.php 1.简单示例1 线条图<script type="text/javascript" src="../src/plugins/jqplot.canvasTextRenderer.min.js"></script>...2012-06-25 16:15:38 · 729 阅读 · 0 评论 -
LESS 一种流行的新式的动态样式语言
简介： LESS 是动态的样式表语言，通过简洁明了的语法定义，使编写 CSS 的工作变得非常简单。 本质上，LESS 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性，更不是用来取代 CSS 的，而是在现有 CSS 语法的基础上，为 CSS 加入程序...原创 2013-03-01 10:36:25 · 134 阅读 · 0 评论