yjxf8285@qq.com

Plugins/Tools

Material Design在线配色工具

Posted By 刘晓帆 | 641 views

工具地址:http://www.materialpalette.com/
之前对比过很多配色工具,Material Design提供的方案还是很漂亮的,非常喜欢这种风格。
Material Design 的一些重要功能包括 系统字体Roboto的升级版本 ,同时颜色更鲜艳,动画效果更突出。杜拉特还简要谈到了新框架的一些变化——这个新框架也于今天在 google.com/design 公开发布。谷歌的想法是让谷歌平台上的开发者掌握这个新框架,从而让所有应用就有统一的外观,就像是苹果向开发者提出的设计原则一样。谷歌还基于这种新的设计语言对本公司旗舰应用进行了重新设计,包括安卓和网页端的Gmail和Calendar。大家可能还会记得,看到过有关这些变动的文章, 有些博客 已经掌握了外泄截屏,显示经过了重新设计的Gmail,界面更干净、更简约。在安卓平台上,这种新界面被称为Material,支持各种新动画效果,具有内置的实时UI阴影,以及可在不同屏幕之间切换的hero元素。

Read More
  • Material Design在线配色工具已关闭评论
  • 6 months ago

Plugins/Tools

HTML to JSX 转换工具

Posted By 刘晓帆 | 1,058 views

提供一个html转jsx的在线工具。
地址:http://liuxiaofan.com/tojsx/
说明:
场景,进行react代码重构的时候,要把之前写好大量的html代码复制到js文件里面。因为jsx的一些语法规则导致了要修改很多HTML标签属性名称,诸如class变成className之类的。这时候你可能会想,如果有一个能够一键转换的工具就好了。把普通的html代码复制到左边的框框里面,然后右边的窗口就会出现转译好的jsx代码……

Read More

Plugins/Tools

HTML5 Sortable – jQuery拖放排序插件使用方法

Posted By 刘晓帆 | 597 views

插件下载地址:http://liuxiaofan.com/download/html5sortable.tar.gz
特点

很轻量,压缩后体积小于1KB
基于HTML5原生的darg和dorp方法
支持列表和网格风格布局2种布局
文档类似于jQuery UI的sortable插件
兼容IE 5.5+, Firefox 3.5+, Chrome 3+, Safari 3+, and Opera 12+

如何使用?
基本的DOM结构和运行脚本。
<ul class="sortable">
<li>Item 1
<li>Item 2
<li>Item 3
<li>Item 4
</ul>
<script src="jquery.sortable.js"></script>
<script>
$('.sortable').sortable();
</script>
使用了2种样式用于区别拖拽中.sortable-dragging和拖放占位.sortable-placeholder。
使用

Read More
  • HTML5 Sortable – jQuery拖放排序插件使用方法已关闭评论
  • 7 months ago