少废话，直接上图！ Ludlow Kingsley – MORE INFO Sven Prim – MORE INFO Kyan – MORE INFO Team Viget – MORE INFO Mathieu Clauss – MORE INFO Marco Rotoli – MORE INFO Fitz FitzPatrick – MORE INFO Jackson and Kent – MORE INFO Jérôme Détraz – MORE INFO Filtered – MORE INFO TravelBuzz – MORE INFO Studio Breakfast – MORE INFO Purple, Rock, Scissors – MORE INFO Gen 3 Creative – MORE INFO Mark Dearman – MORE INFO LQDI – MORE INFO Dux Design – MORE INFO Guns N Roses […]
View Details今天发现一个强大的绘图js类库：d3 官网：http://d3js.org/ 示例：https://github.com/mbostock/d3/wiki/Gallery 文档：https://github.com/mbostock/d3/wiki/CN-Home
View Details定义和用法 charset 属性规定在外部脚本文件中使用的字符编码。 如果外部文件中的字符编码与主文件中的编码方式不同，就要用到 charset 属性。 默认的字符编码是 ISO-8859-1。 src 和 charset 属性 对特别长的 JavaScript 程序或者经常重复使用的程序来说，你可以希望将这些代码存放到一个单独的文件中。在这样的情况下，让浏览器通过 src 属性来载入那个单独的文件。 src 的值是包含这个 JavaScript 程序的文件的 URL。保存的文件的 MIME 类型应是 application/x-javascript，但如果文件名的后缀为 .js，也能够被正确配置了的服务器进行恰当的处理。 例如下面的语句：
|
1 |
<script type="text/javascript" <code>src="/w3school.com.cn/abc.js"</code>>....</script> |
上面的例子告诉支持 <script> 的浏览器从服务器上下载名为 abc.js 的 JavaScript 程序。 重要事项：请注意，尽管<script> 标签没有内容，结束的 </script> 标签也是必需的。 charset 属性与 src 属性一起使用，告诉浏览器用来编码这个 javascript 程序的字符集。它的值是任何一个 ISO 标准字符集编码的名称。 实例 定义外部脚本文件中所使用的字符编码：
|
1 |
<script type="text/javascript" src="myscripts.js" <code>charset="UTF-8"</code>></script> |
语法
|
1 |
<script charset="<em>value</em>"> |
属性值 值 描述 character_encoding 外部脚本文件的字符编码方式。常用的字符集有： UTF-8 – Unicode 字符编码 ISO-8859-1 – 拉丁字母表的字符编码 如需查看所有可用的字符集，请访问我们的 字符集参考手册。
View DetailsBootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。 http://www.bootcss.com/
View DetailsBootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。 本文推荐 10 款基于 Bootstrap 框架的扩展，包括风格扩展以及功能方面的扩展： 1. Bootstrap Cosmo Cosmo 是一个 Bootstrap 的主题，实现了 Metro 效果风格。 2. jQuery UI Bootstrap jQuery UI Bootstrap 提供了在 jQuery UI 集成 Twitter 的 Bootstrap 框架的功能。 3. bootstrap-datetimepicker bootstrap-datetimepicker 是一个 Bootstrap 风格的日期选择器。 4. StyleBootstrap Bootstrap 有自己自定义的风格，但 StyleBootstrap 是一个更详细的 Bootstrap 风格，包含颜色拾取器以及可单独为某个组件设置独立的样式。 5. android-bootstrap android-bootstrap 是一个模板/引导/样板文件的应用程序,包括大量的优秀的开放源码工具和框架 6. jQuery Mobile Bootstrap Theme jQuery Mobile Bootstrap Theme 类似 jQuery UI Bootstrap 主题，但主要是为 jQuery Mobile 提供，用于构建移动 Web 应用。 7. Charisma Charisma 是基于 Twitter Bootstrap 制作的响应式网站管理后台模板，包含9套漂亮的主题。 8. Bootswatch bootswatch是一款基于bootstrap的汇集了多种风格的前端UI解决方案 9. Fbootstrapp Fbootstrapp 是一个基于 Bootstrap 提供了跟 Facebook iframe apps 和设计的功能。包含基本的 CSS […]
View DetailsTopStyle Pro是一款功能专注于CSS设计的辅助工具，功能相当多，附有CSS码检查功能，减少写错的机会。尤其是它的HELP文件中详细的 CSS指令介绍，很适于用作参考文件与初次接触CSS的人做为学习使用。如果你想进一步认识网页设计，做出更有风格有别于一般网站的网页，勿必要趁早接触 CSS喔。 TopStyle是一款Cascading Style Sheets (CSS) 的编辑软件，可以帮助我们编写符合包括CSS2标准在内的样式表。TopStyle具有CSS定义选择功能，让你可以选取特定的浏览器或CSS阶层、内建的样式表检查器、内部的预览能力、以颜色标示的编辑器，以及样式预览。TopStyle是第一款可以使用Mozilla等Gecko浏览器的程序。你可以用内嵌的Internet Explorer和Mozilla Gecko来预览你的式样表，或者分开使用。此外，TopStyle的设计对系统十分友善。它不会安装任何DLL、ActiveX controls或其它系统文件。功能相当多，附有CSS码检查功能，减少写错的机会。尤其是它的HELP文件中详细的CSS指令介绍，很适于用作参考文件与初次接触CSS的人做为学习使用。如果你想学习web标准，制作CSS需要一个好软件，TopStyle是非常棒的选择。
View Details1) jQuery Popeye jQuery.popeye 这个插件能够将一组无序的图片列表转换成一个简单的相册。当点击图片时将以Lightbox风格放大图片。图片展示框提供向前/向后控制并能够为每一张图 片添加备注说明信息。jQuery.popeye能够根据图片大小自动调整展示框的高度和宽度。 2) jQuery MB Gallery 这是一个全功能的相簿应用，带导航条、缩略图和自动大小调整的相框。 3) Topup TopUp 是一个跨浏览器支持的 JavaScript 库，用于创建弹出式对话框以显示图片和网页，类似 ThickBox和 LightBox。TopUp 使用的是 jQuery 和 jQuery UI 库来保证兼容各种浏览器。当然 TopUp 还是可以跟Prototype 一起工作。 4) Pirobox 采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。 5) Fancy Zoom FancyZoom采用缩放效果来展示图片或任意HTML页面，不需要另外开启页面来载入图片，其效果在Apple Mac的官方网站中也有。 6) Canvas Slide Show 7) SideWays jQuery 8) Galleriffic Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看，也可以手动点击缩略图查看。Galleriffic还支持分页，从而使得它能够展示更多的图片。 9) ColorBox ColorBox是一个基于jQuery 1.3 的轻量级，自定义灯箱插件，功能非常强大，支持图片，图片组，ajax，inline和iframed内容，灯箱样式完全由用户控制，可自定义CSS样 式，不需要改写ColorBox库文件就能重写展示效果设置，支持加载预处理提示等等，效果图如下： 在线演示：http://runjs.cn/detail/hjor2zox 10) YUI 转自:http://www.oschina.net/news/41500/10-best-jquery-plugins-with-code-of-may-and-june-2013
View DetailsNormalize.css 是一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的时候形式更统一。 官网：http://necolas.github.io/normalize.css/
View DetailsPure 是来自雅虎的 CSS 框架，使用 Normalize.CSS 无需任何 JavaScript 代码。框架基于响应式设计，提供多种样式的组件，包括表格、表单、按钮、表、导航等。标识使用非常简单，整个框架非常轻量级，压缩后只有 5.7k。 官网：http://purecss.io/ 设计器：http://yui.github.io/skinbuilder/?mode=pure
View DetailsSass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。 官网：http://sass-lang.com/
View Details