前端(frontend)
文章平均质量分 72
zhuxiongxian
这个作者很懒,什么都没留下…
展开
-
用HTML5实现音乐播放器和视频播放器
HTML5打开mp3格式的音频:(ps:使用支持HTM5的浏览器)Your browser does not support the audio element.HTML5打开mp4格式的视频:Your browser does not support the video tag.原创 2013-11-04 09:58:30 · 2189 阅读 · 0 评论 -
python web项目开发常见步骤
1. 前后端需要的技术及工具开发平台: ubuntu(macOS)(推荐)前后端分离开发工具: sublime text3, vim, lsof, wget, git等代码托管: git(推荐)/svnfrontend: html5, css3, jquery, nodejs, npm, bower, grunt, bootstrap等backend: python, flask/dj原创 2017-11-06 10:02:19 · 6719 阅读 · 1 评论 -
footer完美到底(二)
继上一篇: footer完美至底 后, 本人又发现另一种方法可让footer完美到底!!!核心代码如下:index.html代码内容: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstr原创 2017-02-20 17:53:18 · 990 阅读 · 0 评论 -
web前端开发在微博/帖子/评论/博客等所用的几种常用编辑器
1. xhEditor开源HTML编辑器:http://xheditor.com/(csdn编辑博客所用的编辑器)xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。2. 在线HTML编辑器 KindEditor:http:原创 2014-11-28 08:19:13 · 4062 阅读 · 0 评论 -
html页面中js获取当前url下指定参数的值
如当前url为http://www.xxx.com/?name=itgirl&email=itgirl@qq.com要想在html页面下用js获取name的值, 则示例如下<script> alert(getUrlParameter('name')); // 获取参数的key获取value function getUrlParameter(paramKey) {原创 2015-12-08 17:00:37 · 5518 阅读 · 0 评论 -
Buttons及font awesome icons结合的使用
1.官网 Buttons官网:http://www.bootcss.com/p/buttons/ font awesome icons官网:http://fortawesome.github.io/Font-Awesome/icons/2. 预览效果3. 示例代码Insert title here 搜 索 press me原创 2014-12-03 21:44:19 · 2398 阅读 · 0 评论 -
footer完美至底
sticky-footer实现fohttp://ryanfait.com/html5-sticky-footer/原创 2014-09-09 14:39:45 · 2744 阅读 · 0 评论 -
web前端网站推荐
编码规范:原创 2014-05-02 23:40:33 · 2700 阅读 · 0 评论 -
windows8.1下nodejs+npm+Bower的使用介绍
1. Bower原创 2014-11-21 15:01:21 · 5301 阅读 · 1 评论 -
屌炸天-css3水平导航下拉菜单
1. 简介 参考:http://designmodo.com/css3-dropdown-menu/ 本人重新定义了css的样式, 得到了适合自己的css文件2. 原css文件style.css/*HOW TO CREATE A CSS3 DROPDOWN MENU [TUTORIAL]"How to create a CSS3 Dropdown Menu [Tu原创 2014-11-29 19:49:22 · 3730 阅读 · 0 评论 -
用css让头像变圆且鼠标悬停在图片上时会发光
代码如下:index.html.img-circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}.img-circle:hover { -moz-box-shadow: 0px 0px 25px rgba(0, 255, 178, 1); -webkit-b原创 2014-11-30 16:03:20 · 7350 阅读 · 1 评论 -
CSS3中文本的描边(普通描边、凸起、凹陷)和发光效果
利用text-shadow属性的特性,同时在上,下,左,右中个方向为文字设置多个阴影,且不设置模糊作用距离(即默认没有模糊效果),就可以实现文本的描边效果了。文本的描边效果p{ padding:50px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:36px;原创 2013-10-30 14:06:35 · 20277 阅读 · 1 评论 -
bower 常用包安装
1. bower 官网bower 官网bower 包搜索更多:解决”Bower : ENOGIT git is not installed or not in the PATH”问题ubuntu14.10下nodejs + npm + bower的安装windows8.1下nodejs+npm+Bower的使用介绍2. bower命令用法Usage:bow原创 2015-02-27 15:05:06 · 2540 阅读 · 0 评论