-
最近对HTML5开始感兴趣了,实现的效果如下图,大家可以从代码里换掉图片我用的是canvas里面的2d绘图,其中上图的路径是网上在线绘制的,我太懒了,哈哈下面是网址:http://www.victoriakirst.com/beziertool/专门绘制贝尔塞曲线的哦。这个工具很 ...
-
翻译共享一篇CodeProject的高星力作,原文地址:http://www.codeproject.com/Articles/737238/Ultimate-Tower-Defense下载演示项目 - 6131 Kb下载代码 - 18 Kb 介绍塔防游戏是一种非常简单的游戏 ...
-
CSS和HTML结合<link rel="stylesheet" type="text/css" href="sheet1.css" media="all" />其中得到广泛支持的三个媒体 ...
-
图片自己随便扣的大家不要见笑!本例子所用知识参考http://www.w3school.com.cn/css3/css3_animation.asp 直接上代码 直接复制粘贴就可用这个是body里面的代码<body><section><div & ...
-
Web 技术的不断发展让我们能够开发各种好玩的功能。这里给大家分享一个使用 HTML5 技术实现的在线乐谱,可以播放的哦,也可以选择一个片段进行循环播放。赶紧来体验一下:)您可能感兴趣的相关文章10大流行的 Metro UI 风格 Bootstrap 主题推荐35款精致的 CSS ...
-
一、介绍 浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么。 将讨论的浏览器 今天,有五种主流浏览器&mdash;&mdash;IE、Firefox、S ...
-
在这篇文章中,你将看到一些创意、时尚的手机应用程序注册和登录界面设计示例。它们都拥有出色的用户体验,能够帮助你的移动应用程序提升一个档次,希望你会喜欢它。您可能感兴趣的相关文章流行趋势:25个最佳扁平化网页设计案例分享30个独特的 404 错误页面设计模板向设计师分享30个免费的 ...
-
Codrops 最近分享了一些很酷的图片切换灵感。有三种不同的用例:小的图像幻灯片,大标题幻灯片以及使用透明背景的产品幻灯片。状态转换使用 CSS 动画完成,我们能够定义从任何方向进来的图片的行为。您可能感兴趣的相关文章Codrops 教程:基于 CSS3 的全屏网页过渡特效zo ...
-
越来越多的人崇尚简单,简约的扁平化设计风格。扁平化设计对于印刷品设计、网页设计和移动操作系统的设计来都带去了新的变化。扁平化网页设计是指设计形式摒弃图案纹理背景,阴影文字以及网站盒模型的部分。 下面手机了12个来自全球各地的设计师们精工雕琢的扁平化网站设计,一起欣赏:)您可能感 ...
2014年04月03日 16:000
-
切割图片这里不是真正的切割,只是用CSS取图片中的一部分而已。这样做的好处就是减少了打开网页时请求图片的次数。主要有两种方式,一是做为某一元素的背景图片,二是用img元素的属性。方法一: 用CSS中元素的background : background-co ...
-
网站的加载速度在一定程度上来说是决定网站能否成功的关键。如果您是网站所有者,一定知道网站速度的重要性。因为没有人愿意为了打开一个网页而等老半天,换句话说,如果你的网站打开速度很慢,将流失大量的访客,甚至出现多米诺效应的不良影响。 下面向大家推荐12款精心挑选的网站加载速度和性能 ...
2014年04月02日 22:000
-
SVG嵌入方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>svg嵌入方式</t ...
-
在这篇文章中,我们将来看一些CSS3新属性,从而用HTML和CSS处理网格的时候更容易。但首先让我们讨论一点HTML和CSS网格的历史,了解清楚为什么以前很困难。网格简史曾几何时,我们的布局是一团糟。表格和框架是用于创建多列布局的主要工具。虽然他们能完成工作(但其实非常糟糕)。把 ...
-
HTML5地理位置<!doctype html><html><head> <meta charset="UTF-8"> <title>地理位置</title></head> ...
-
HTML5 web储存<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5 web ...
-
怎样打开Chrome的开发者工具?你可以直接在页面上点击右键,然后选择审查元素:或者在Chrome的工具中找到:或者,你直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台),或者直接按F12。打开的开发者工具就长下面的样子:不过我一般习 ...
-
今天在css-tricks上看到一篇文章,那篇文章让我不禁心头一震,强大的CSS啊,居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是 ...
-
对于浏览器兼容问题,我们应该碰到很多了,在平时写一些页面时,在IE8、IE9上可能好好的,当我们在IE6、IE7或者是其他的浏览器上再浏览这些页面时,可能会发现我们的页面已经面目全非了,作为一名前端开发人员,这是最让人发疯的问题了,那么我们该怎么解决这些问题呢?首先,我们写的页面 ...
-
ShareDrop 是苹果 AirDrop 服务的 HTML5 版本,你可以直接在设备之间传输文件,而无需先上传到任何服务器。它使用 WebRTC 来实现安全的点对点文件传输。目前 ShareDrop 只允许您发送文件到同一个本地网络的其他设备,即设备使用相同的公共IP地址。 ...
-
skelJS 是一个轻量级的前端框架,用于构建响应式站点和应用程序。让设计人员和开发人员可能够使用四个强大的组件:CSS 网格系统,响应式处理程序,CSS 的快捷方式和插件系统。您可能感兴趣的相关文章OverAPI.com &ndash; 史上最全开发人员在线速查手册CS ...
2014年04月02日 11:001
-
昨天在修改去年写的系统的时候无意中看到了当时写的一个利用标准标签未闭合在单元格内把整个单元格颜色渲染成红色的效果,如下:当时的问题是从后台返回来的是个int整数而%是写在页面上的如图这 时候就出现怎么把后面的%也渲染成红色的问题,当时我用的是标签label未闭合跟了一个只有闭合的 ...
-
语法:选择器{属性:属性值;},例如 p{font-size:12px;color:white;}注:CSS 语言对于所有的属性和值都有相对严格的要求,如果声明的属性在 CSS 规范中没有,或者某个属性的值不符合该属性的要求,都不能使该 CSS 语句生效。 简单选择器1、标记 ...
-
网络上有很多的 CSS 画廊站点供大家对各类网站作品进行打分和评论,每天有数以百计的优秀网站被推荐上面,这对于网页设计师来说是很好的灵感来源。今天,我们选择了15赢得 CSS 设计大奖的优秀作品,帮助你学习网站布局设计。enjoy!您可能感兴趣的相关文章酷站欣赏:一组耀眼的扁 ...
-
结构样式行为的分离结构标准包括通常的项目会按照如上的方式进行分离,但自己曾今做过的一个项目整个网站架构是按照模块进行分离的:需求:设计一个网站,该网站的用途是根据用户需求生成网站,例如一个企业展示网站,需要主页A,主页A包括布局(例如头部容器,导航容器,焦点图容器,然后之后再一个 ...
-
添加 tabindex='-1' 属性;默认:获取不到焦点事件(blur) 1<div class="wl-product" id="wl-product"></div>可以获取焦点事件(blur) ...
-
用户界面工具包非常受追捧。他们能够帮助更好的完成正在进行的项目,减少时间和精力。界面是用户在浏览网站时注意到的第一件事。这就是为什么好的用户界面很重要,尤其是那些可以免费下载的素材。 今天,我们很高兴为您呈现一批新的和优雅的扁平化设计的 UI 包。如果您正在寻找这类风格的元素, ...
2014年04月01日 14:008
-
Eric Meyer html, body, div, span,applet, object, iframe, table, caption, tbody, tfoot, thead, tr,th, td, del, dfn, em, font, img, ins, ...
-
图片本身的优化:图像质量要求和图像文件大小决定你用什么格式的图片,用较小的图片文件呈现较好的图像质量。当图片色彩过于丰富且无透明要求时,建议采用jpg格式并保存为较高质量。当图片色彩过于丰富又有透明或半透明要求或阴影效果时,建议采用png24格式,并对IE6进行png8退化(或在 ...
-
今天是写的是关于JQ的双击事件防止多次提交的问题,并且通过函数可以批量定义,通能性更强了,通过方法动态绑定元素的事件。而且可以动态传递函数名或者多参数等(本实例只传递函数名通过Eval调用)。我们都知道在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事 ...
-
1.位置属性(display, float, position, top, right, z-index, visibility,clear,list-style等)2.自身属性(width, height,line-height, margin, padding, border ...
-
MS Office Excel Services提供了一个非常强大的功能,允许你只需要在页面上添加非常少量的JS references,就可以让你在页面上将表格的内容以Excel图表的方式呈现。这里是MSDN对Excel Interactive View功能的介绍: Excel ...
2014年03月31日 17:002
-
CSS已经写了很久了,但是感觉代码还是有点乱,不够漂亮。今天抽点时间整理一下手头上正在做的网站样式,顺带做一个自己比较适应的书写规范,以供以后参考。先暂时这样吧,其他以后再完善。 逻辑:大小 &rarr; 位置 &rarr; 边框 &rarr; 整体样式 ...
2014年03月31日 14:000
-
静态截图不能显示任何活力,而线框图也看起来略显枯燥。对于移动应用程序开发人员和设计师来说,通过动感的 GIF 动画展示手机应用程序的概念与屏幕或一个特定的功能在应用程序中是如何工作是一个可爱的呈现技巧。 下面的列表包含20个极具创意的移动界面动画效果,相信其中很多的设计你之前都 ...
2014年03月31日 11:003
-
让网页的宽度自适应屏幕<meta name="viewport" content="width=device-width"/> 1)html上加入<meta name="viewpor ...
-
时钟效果,很久很久以前由flash提供网页的各种有趣的效果,近些年由html5推出canvas后,canvas与之博弈。现在讲的是用raphaeljs实现时钟效果。raphaeljs封装了svg和vml操作方法,SVG(Scalable Vector Graphics)可缩放矢量 ...
2014年03月30日 23:000
-
Furatto 是一个基于 Bootstrap & Foundation 的前端开发框架,用于快速开发网站。这个框架采用流行的扁平化设计和响应式设计。除了布局和网格之外,所有的主要元素都有预定义的样式,例如按,表格,表单等,而且还有各种各样的 JavaScript 组件, ...
-
最流行的内容管理系统(WordPress)和最流行的网页设计技术(响应式设计)结合会是什么样的呢?下面这个列表收集了12款响应式的 Wordpress 主题,能够带给你不一样的网站体验。您可能感兴趣的相关文章让人惊叹的国外创意404错误页面设计30个与众不同的国外优秀网站 ...
-
要求必备知识本文要求基本了解html与css前端代码。运行环境普通浏览器,兼容IE7源码下载下载地址 Font Awesome 为您提供了一套可缩放的字体矢量图标,可以快速自定义图标的大小,颜色,阴影,这些都可以通过CSS来实现,无需任何的JS代码哦。一,主要特点如下:1,一 ...
2014年03月29日 15:005
-
用手機上網正夯,但是有些網站會無法正常顯示,因為這些網頁是設計給電腦上觀看,如果網頁開發者沒有考慮到手機的裝置特性以及人們的閱讀習慣,就無法設計出手機上方便閱讀的網頁。說的簡單,但是要把既有網頁砍掉重練、再移植到手機上是一門大工程, 筆者歸類四大方向給網頁開發人員參考。▲供手機瀏 ...
2014年03月29日 10:000
-
要求必备知识本文要求基本了解 JAVASCRIPT 和 和 CSS3 基本知识。运行环境桌面端:IE9 +,Opera 10+,火狐3.5 +,Safari 4+和Chrome浏览器;移动端:移动Safari,Android浏览器,Chrome浏览器和Opera Mobile。演 ...
2014年03月29日 09:002
-
个人比较支持IE9以上的版本,认为他们的样式和效果都是比较人性化的,不过很多时候还是不得不考虑其他版本浏览器的感受,这里IE6就不用考虑他了,这货简直就是IT史上的奇葩,这里要说一个IE7的绝对定位和相对定位后,出现元素遮挡的问题。问题在这里:由于页面复杂就不上现实例子,举例说明 ...
2014年03月28日 23:002
-
如今商业网站中用于广泛的HTML5无限下拉效果已经越来越受到游戏网站的喜爱。各个品牌为了打造专属自己的游戏特色,纷纷推出了模拟HTML5效果的品牌 站,且都起到了相当好的效果。可是从很多方面来说我们对HTML5的真正形态并不了解,而且在很多方便来说处于探索阶段。视觉上看上去酷炫屌 ...
-
每天有数以百计的网站推出,其中很多优秀网站被推荐到 CSS 画廊供大家评分和评论,这对于网页设计师来说是很好的灵感来源。今天,我们选择了15个来自全球各地的 CSS3 网站设计作品, 它们都是赢得 CSS 奖项的。enjoy!您可能感兴趣的相关文章酷站欣赏:一组耀眼的扁平化网站作 ...
-
对于一个很好的编辑器VS来说,它对于编程语句的自动提示功能是很强大的,有时,我们根本不需要看相关API,而直接看VS给我们的提示就可以完成一个新技术的学习了.今天我们来说几个CSS中的伪元素,它们在项目开发中用的并不多,但确实很有用,在项目中不用它,是因为大家不能了解它们,下面是 ...
-
1 <!--doctype指定文档类型htm--> 3 <!doctype html> 4 <html> 5 <header> 6 <!--设置字符集 utf-8--> 7 <meta charset=& ...
-
IE条件注释是一种特殊的HTML注释,这种注释只有IE5.0及以上版本才能理解。比如普通的HTML注释是:<!--This is a comment--> 而只有IE可读的IE条件注释是:<!--[if IE]> <![endif]--> ...
2014年03月27日 17:000
-
作品网站对于很多人来说是向你的客户展现你的工作的主要渠道,所以值得多花一些精力去设计。设计师,摄影师和其他创意专业的人士可以利用图像,图标等元素来提供一个令人印象深刻的组合。从简洁明快的办法到鲜艳的色彩和动画,创建一个作品网站时,每一个专业都有自己的风格。 今天,我们选择了一些 ...
2014年03月27日 15:000
-
Web 应用程序有离线功能,如保存大量数据集和二进制文件。你甚至可以做缓存 MP3 文件这样的事情。浏览器技术可以保存离线数据和大量的储存。但问题是,如何选择合适技术,如何方便灵活的实现。 如果你需要开发一个支持离线存储的 Web 应用程序,不知道从哪里开始,那么这篇文章正是你 ...
-
*Meta标签//强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, ...
-
(作者: Glen,返利网资深工程师,曾在EA等公司任职) 最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来,这其中用到了很多关于iframe的方面,总结如下: 1. 作为弹出层铺底覆盖 大家如果做过那种黑色遮罩盖住整张页面,而碰巧用户用的是IE6, ...
2014年03月27日 11:002
-
background-origin:to determine how the background-position of a background in a certain box is calculated. background-clip:to determine whet ...
-
下载相关文件Sencha Touch Build Mobile Web Apps with HTML5http://www.sencha.com/products/touch/Sencha SDK Tools Advanced JavaScript and CSS Pro ...
2014年03月26日 18:000
-
内容简介:本文收集了我常用的CSS代码片段!*reset/** reset **/body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, form, textarea { margin: 0; }body { font-family: a ...
-
示例效果:1.主体内容的divMain 水平居中;2.divLeft 靠近divMain ,位置固定,不随垂直滚动条而动; 相关代码:<html><head runat="server"> <title>设置靠近 ...
-
下面是我整理和收集的一些前端开发常用的 插件、工具、软件等不为别的,相当于给电脑做个小备份,至于使用方法,以后我会总结,目前的话还是自行google吧。 【FireFox插件】 1. Firefbug &mdash;&mdas ...
-
上一篇简单的实现了下照片的展现跟浏览功能,这一篇我将给这个程序添加一个留言的功能。那么留言的话肯定要涉及到数据持久了,其实对于这个小功能的话,用个1.安装mongoosenpm install mongoose没什么好说的,直接用npm安装。mongoose是类似ORM的一个框架 ...
2014年03月26日 11:004
-
如果你想对使用手机,平板电脑和辅助技术的用户隐藏某些内容,而只对键盘用户显示,那么请使用title属性。细节HTML的title属性本身有问题。之所以有问题是因为它在一些重要的方面表现的不够好,尽管它陪伴我们超过14年了。随着触摸设备的兴起,这个属性的作用进一步降低。title属 ...
-
<hr /><hr size=8 ><hr size=1 ><hr size=1 ><hr size=1 ><HR align=center width=1 color=red size=100> ...
2014年03月26日 06:003
-
本文转自http://www.tracefact.net/Misc/Common-Problems-Of-Web-Standard.aspx引言大概在2004年的时候,Web标准的概念藉由一本名为《网站重构》的书开始被国内人所了解。随后的几年中,其更少的代码量、更好的搜索引擎友好 ...
-
1、 2、简单的描述 根元素。该元素是所有其他元素的父元素。 <root> <child> <subchild>.....</subchild> </child> </root> ...