Google Fonts 的介绍:Google Fonts 并不是简单的字体下载站 Google Fonts 地址:https://www.google.com/fonts 左上角可以输入查找的字体名称, 比如输入 Source Sans Pro. 点击字体之后,可以选择使用的字体样式. 选择字体左下角的 Add to Collection, 之后,可以看到窗口左下角的 Use 可用了. 点击 Use 之后,进入使用选中字体的界面. 第一步,可以选择字体的样式. 第二步使用的字符集 第三步,导入…

CSS3 Shadow Effects text-shadow box-shadow 1> text-shadow The text-shadow property adds shadow to text. This property accepts a comma-separated list of shadows to be applied to the text. syntax text-shadow: h-shadow v-shadow blur-radius color|none|in…

Google Web Designer 可以帮助你创建引人入胜,互动的基于 HTML5 的设计和动画,可以在任何设备上运行.如果你喜欢自己动手,设计背后的所有的代码都是可以手工编辑的. 虽然可视化工具是很有帮助的,但它永远不能代表你的创造力,想象力.这就是为什么你可以来回翻转设计“视图和”代码“视图,可以立即看到设计中所做的任何更改的都能在代码中体现. 不管你的作品是多么的辉煌,如果人们不能看到它,那都是没有价值的.现在有了 Google Web Designer,你创造的一切可以在任何屏幕上被…

AngularJS | Closure | Google Web Toolkit | Dart | Polymer GWT https://code.google.com/p/google-web-toolkit/ Google Web Toolkit (GWT) 是一种开源 Java 软件开发框架,可以使不会使用第二种浏览器语言的开发人员编写 Google 地图和 Gmail 等 AJAX 应用程序时更加轻松.GWT 可在使您避免这些麻烦的同时,还为您的用户提供同样的与标准兼容的动态体验.您只…

Google Web Toolkit即GWT是目前基于AJAX技术开发的一个比较成功的框架包,但是其附带例程中只有单页面的实例,那么应该怎么样制作多个页面呢? 其实很简单,GWT的一个模块,就是一个页面的.就像我们使用普通的 html 和 javaScript动态生成 div 一样. 要想多个页面,就是建立多个模块.每个模块都有一个主页的(xxxx.html) ,这样这么多个主页,随便怎么控制切换都可以. 但是GWT也有一个缺点就是编译部署: 1. 可以自写build脚本,分别编译各个gwt模块…

按照Eclipse Help->Install new software->....(这里是官方安装文档:http://code.google.com/intl/zh-CN/eclipse/docs/install-eclipse-3.6.html) 的方法安装失败,界面始终显示Pedding状态,很长时间都没反映,无奈之下,去google了一下,终于找到了离线安装包的下载地址: http://dl.google.com/eclipse/plugin/3.6/zips/gpe-e36-late…

Google Web Designer是谷歌出品的一个可视化的  HTML5  网页和广告的设计开发工具  Google Web Designer . 官网地址:https://www.google.com/webdesigner/ 但是我下载发现,打开就是白屏,后通过抓包发现webdesigner会连接谷歌网站,被墙了自然就无法打开了. 所以挂上VPN后自然就可以正常运行了. fiddler抓包:…

w推测“域名解析过程中,Google crawlers中首先是Googlebo中的Google Web search上阵”. +-----+----------------+---------------------+-------------------------+------------------+ | | -- :: | Unidentified User Agent | | | | -- :: | Unidentified User Agent | | | | -- :: | Uni…

Google 推出 Web Designer,帮助你做 HTML 5 设计的免费本地应用,支持 Windows 和 OS X 2013年10月1日        感谢读者 SamRaper 的提醒. Google发布Web Designer beta,这个Windows和OS X下的免费应用可帮助你制作互动广告和其它HTML 5内容,很显然基于HTML 5的广告将在数年后代替现在满天飞的Flash. Google Web Designer主要特性: 创造HTML 5动画,内置具备完整而直观的设计…

一.google web designer工具中文文档: https://support.google.com/webdesigner?hl=zh-Hans#topic=3227692 我用的版本:应用版本4.2.0.0802 二.google web designer是什么 如果要定制自己的AdMob广告,就需要用到google web designer工具.本质上,这广告是H5页面.google web designer也允许制作除了AdMob外的其他HTML: 本质上,google web…

1.什么是GWT? Google Web Toolkit(简称GWT,读作/ˈɡwɪt/),是一个前端使用JavaScript,后端使用Java的AJAX framework,以Apache许可证2.0版本开放源始码.GWT通过编译器将Java代码编译成JavaScript,可让开发人员使用Java程序设计语言,快速建置与维护复杂但高性能的JavaScript前端应用程序,借此减轻开发人员负担. 参见:http://zh.wikipedia.org/wiki/GWT 2.GWT SDK安装配置…

出品|MS08067实验室(www.ms08067.com) 本文作者:大盗贼卡卡 Google Web Toolkit简称(GWT),是一款开源Java软件开发框架.今天这篇文章会介绍如何在这样的环境中通过注入表达式语句从而导致的高危漏洞. 漏洞介绍 在WEB-INF/web.xml中,我发现了以下的web端点映射: <servlet> <servlet-name>someService</servlet-name> <servlet-class>com.…

Fonts 1. CSS font-family 在 CSS 中,可以使用 font-family 属性来指定字体,浏览器渲染文字时候会根据这个属性应用于元素.如果没有指定这个属性或者指定的字体不存在于客户的计算机上,则浏览器会使用默认字体. <style> .line { font-family: 'Courier New', Courier, monospace; } </style> <p>Hello World!</p> 如果没有设置 font-fa…

不同类型的文件字体: Embedded OpenType (glyphicons-halflings-regular.eot) Scalable Vector Graphics (glyphicons-halflings-regular.svg) TrueType font (glyphicons-halflings-regular.ttf) Web Open Font Format (glyphicons-halflings-regular.woff) EOT 字体格式文件需要 IE9 及以上…

@import url('http://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900'); body{ font-family: 'Poppins',sans-serif; }…

如果你想要在Chrome中进行GWT调试,需要安装“gwt developer plugin for chrome”,但是普通安装模式下,会提示: This application is not supported on this computer. Installation has been disabled. The following problems are detected: NPAPI plugin is required by this app 中文大意是:该应用要求使用 NPAP…

如果FireFox的版本为20,则对应google-web-toolkit的插件离线下载地址,不要用浏览器直接下载,用Flashget等客户端下载,超快. http://google-web-toolkit.googlecode.com/files/gwt-dev-plugin-1-20-rc.xpi 如果FireFox版本为21,则: http://google-web-toolkit.googlecode.com/files/gwt-dev-plugin-1-21-rc.xpi 依此类推.…

这东东完全就是一个flash啊,简单测试,感觉就是个做HTML5动画的..不过暂时是beta版的, 官方安装版的半天打不开,这边有个绿色版的,需要的童鞋可以这里下载:百度网盘…

https://jingyan.baidu.com/article/37bce2beb3af6f1002f3a2c9.html…

bootstrap之google fonts 在学习一个bootstrap时,看到了一行引用代码:@import url(http://fonts.googleapis.com/css?family=Antic+Slab);,于是搜索了一下. 打开相关的网站,显示 /* latin */ @font-face { font-family: 'Antic Slab'; font-style: normal; font-weight: 400; src: local('Antic Slab'), l…

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,另外@font-face这个功能早在IE4就支持了,比如说首页的Logo,Tags以及页面中的手写英文体这些都可以用@font-face来实现了. 首先我们一起来看看@font-face的语法规则: @font-face { font-family: <YourWebFontName>; src: <sou…

本文转自W3CPLUS 的<CSS @font-face> @font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶.我的Blog就使用了许多这样的自定义Web字体,比如说首页的Logo,Tags以及页面中的手写英文体,很多朋友问我如何使…

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶.我的Blog就使用了许多这样的自定义Web字体,比如说首页的Logo,Tags以及页面中的手写英文体,很多朋友问我如何使用,能让自己的页面也支持这样的自定义字体,一句话这些都是@fo…

Devtools Terminal ——浏览器终端.牛逼的不得了! LiveReload——为官方 LiveReload 应用程序(Mac 和 Windows)和第三方,例如 guard-livereload 和 yeoman,提供 Chrome 浏览器集成. BrowserStack Local ——本地测试 app 可以让你即刻配置和测试本地/内部服务器,和包括 HTML.CSS 和 JavaScript 文件在内的本地文件夹.在 BrowserStack 上的安全云设置中测试布局,工作流程…

1.项目官网地址:http://m.sui.taobao.org/ 2.项目使用可以参考开始使用和示例 3.项目是放在 Github 上的 https://github.com/sdc-alibaba/SUI-Mobile,我们可以使用git 下载到本地 使用grunt 根据需要重构 4.helloworld: 1.新建demo.html 并填充需要的结构 2.引入需要的cdn 文件 3.将script放到页面脚步,调用需要的组件,如果是分别调用需要的js,那么我们一般需要引用zepto-ada…

一.前言 过去我们总通过图片来美化站点的LOGO.标题.图标等,而现在我们可以通过@font-face获取另一种更灵活的美化方式. 二.看看例子 /* 定义 */ @font-face { font-family: 'MicrosoftYaHei'; src: url('MicrosoftYaHei.eot'); /* IE9 Compat Modes */ src: url('MicrosoftYaHei.eot?#iefix') format('embedded-opentype'), /*…

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中. 语法规则 首先我们一起来看看@font-face的语法规则: @font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>]]*; [font-weight: <weight>]; [font-style: <style…

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶.我的Blog就使用了许多这样的自定义Web字体,比如说首页的Logo,Tags以及页面中的手写英文体,很多朋友问我如何使用,能让自己的页面也支持这样的自定义字体,一句话这些都是@fo…

剪切是什么 剪切是一个图形化操作,你可以部分或者完全隐藏一个元素.被剪切的元素可以是一个容器也可以是一个图像元素.元素的哪些部分显示或隐藏是由剪切的路径来决定的. 剪切路径定义了一个区域,在这个区域内的内容将会显示,而不在这个区域内的内容不会显示.这个区域被称之为“裁剪区域”.只要在这个区域之外的任何元素都不会显示.包括元素的内容.背景.边框.文本.轮廓等,甚至还包括他的子元素. 剪切的元素可以是任何容器和图片元素. 剪切路径的概念就相当于在元素上定义了一个视窗.它决定了元素哪些部分在这个“视窗…

1.@import bolt another stylesheet onto your existing one. @import url(**.css); must be placed at the top of a stylesheet, before any other rules. 2.@media screen, print, projection, handheld, and all, or a comma-separated list of more than one,variab…