本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
sencha touch2学习笔记(一)---环境搭建和开发工具配置
原文链接:http://chennaigong.iteye.com/admin/blogs/1542268
最近正在了解html5的相关知识。知道了一个html5的框架-sencha touch 2。它的前身是ExtJs(js重量级框架,封 ...
Mobile Web开发基础之二————开发环境套件一览
做为一个Mobile Web开发者,我们除了拥有真机外(这个对于大多数团队不现实呀,IT民工们真心买不起),更重要的就是先在模拟器/仿真器上来测试了。在此列举所需要的所有开发环境:
SDK,仿真器,模拟器
iOS SDK(XCode), 最好的IDE与仿真器(没有之一
)
Android SDK
Opera Mobile,最快的仿真器
Opera Mini , 一个基于Jav ...
Mobile Web开发基础之一————viewport标签
再挖一个坑
,canvas的游戏开发基础暂时没时间弄了,等过一段时间闲下来了做一下。工作需要,补上一系列Mobile Web 开发的基础知识总结与相关文章的翻译。本系列针对传统的桌面浏览Web前端开发者。
我们先来一个基础的HTML5的网页框架,如下
<!Doctype html>
<html>
<head>
...
CSS3浏览器在线兼容查询工具 - Browser Support
日期:2012-5-12 来源:GBin1.com
今天我们介绍一个非常不错的用来查看不同浏览器下CSS属性兼容性的在线工具 - Browser Support
,如果你需要查看不同浏览器下CSS的兼容性的话,这个工具肯定能帮你大忙,特别如果你想在你的项目中使用CSS3的话,这个工具肯定也是你不错的选择。
使用这个工具,你可以输入需要查询的属性,当然这个工具拥有自动补齐功能,使你可以 ...
使用CSS3生成简单的box影子
下面的例子展示了你可生成一个简单的box的影子,使用css3中的box-shadow
<!DOCTYPE html>
<html>
<head>
<title>Creating a simple box shadow on a container using CSS3</title>
<style ...
来自于Mozilla Networks演示工作室的超酷CSS3/Javascript动画演示
日期:2012-4-25 来源:GBin1.com
这个叫做DemoStudio的网站来自于Mozilla Developer
networks,收集了很多超酷的CSS3和Javascript特效。因为都是实验产品,所以如果你使用这些技术,有可能在一些老的浏览器,比
如,IE中无法正常工作。当然如果你有fallback的话,大可以使用这些技术。相信你肯定会喜欢这些超酷的特效。如果大家 ...
由纯CSS3实现的超酷飞行状下拉菜单特效
日期:2012-4-26 来源:GBin1.com
在线演示
本地下载
今天介绍一款来自script-tutorial的超酷飞行状菜单特效,和传统的下拉菜单不同,它的子菜单都是水平飞入而非滑动下拉出现,非常的与众不同,希望大家喜欢!
HTML代码
首先这里我们定义HTML菜单项目,使用li来构建菜单内容,如下:
<ul id="nav"& ...
2012年 最经典、最漂亮的 CSS3 效果和制作教程
CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员能够非常容易的在网站中加入很炫的效果。很多以前需要使用 JavaScript 才能实现的效果,如今只需要简单的写几句 CSS3 代码就能实现。今天这篇文章就向大家分享2012年最新最酷的25个 CSS3 效果,让大家感受一下 CSS3 的强大。
01. CSS3 Sliding Image ...
分享一个CSS3实现的动态内容标签页切换效果教程
日期:2012-4-14 来源:GBin1.com
在线演示
本地下载
在这篇教程中,我们将学习如何使用CSS3来实现一个动态的标签页切换效果。希望大家喜欢。
内容标签页在网站或者web开发中经常使用到,它对于帮助我们美化页面非常的实用。这个教程中我们将使用radio button和:checked伪类和sibling组合来实现一个CSS3内容标签页。
注意目前并不是 ...
了解CSS3的文字阴影效果 - Text Shadow effects
日期:2012-4-8 来源:GBin1.com
以
往的CSS开发中,如果我们需要给文字添加阴影效果,基本只能将文字做成图片,而对于CSS3来说,我们只需要添加对应的text-shadow就可以实
现。在今天我们带给大家的这篇文章中,我们将简单的介绍CSS3的text-shadow属性,看看我们能够制作什么样的文字特效。希望大家喜欢!
文字阴影CSS3属性
CSS3文字阴影 ...
HTML5 CSS3 脚本库总结
啥都不说了,具体的介绍及使用就去 Google 吧。我在这里就是列出一出以后可能会用到的脚本库:(重点不是这些库如何使用,而是知道有这些库)
3D 引擎
three.js
代码:
https://github.com/mrdoob/three.js
演示:
http://alteredqualia.com/three/examples/webgl_cars.html
http://alteredq ...
用CSS3设置text元素的大小写
下面的例子展示了你如何设置capitalization,通过text-transform样式。
text-transform样式接收下面的值。
capitalize-首字母大写
uppercase-所有字母大写
lowercase-所有字母小写
none-无
<!DOCTYPE html>
<html>
<head>
& ...
css3 box-shadow投影发光效果
1. box-shadow属性的浏览器兼容性
先来看一个这个属性的浏览器兼容性:
Opera: 不知道是从哪个版本开始支持的,我在发这篇文章测试的时候,正好更新了Opera到最新的10.53版本,已经支持box-shadow属性。
firefox通过私有属性-moz-box-shadow支持。
Safari和Chrome通过私有属性-webkit-box-shadow支持。
所有IE不支 ...
深入了解 CSS3 新特性(转)
简介
CSS 即层叠样式表(Cascading Stylesheet)。Web 开发中采用 CSS 技术,可以有效地控制页面的布局、字体、颜色、背景和其它效果。只需要一些简单的修改,就可以改变网页的外观和格式。CSS3 是 CSS 的升级版本,这套新标准提供了更加丰富且实用的规范,如:盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等等,目前有很多浏览器已经相继支持这 ...
实现CSS3 的跨浏览器功能(转)
对 Web 设计师而言,CSS3 将带来许多全新的机会。现在,您可以使用 CSS3 来添加阴影、渐变、旋转和某些字体 —— 这一切都不需要用到减慢网页速度的图像。这个小节介绍一些新的、令人激动的特性,您可以直接使用它们而不会导致跨浏览器问题。Web 设计师可以将更多时间用于创建吸引眼球的网站,而不是致力于如何让网站看起来尚可。
使用阴影
阴影给网页添加了维度;以前,阴影效果只能通过图像来实 ...