优秀的UI插件

妹子UI: http://amazeui.org/getting-started 百度图表: http://echarts.baidu.com/ 手机UI库:https://github.com/acidb/mobiscroll 文件上传:http://fex-team.github.io/webuploader/getting-started.html#图片上传弹出层: http://demo.jb51.net/js/2011/artDialog/_doc/license.html?demo…

【UI插件】简单的日历插件（下）—— 学习MVC思想

前言我们上次写了一个简单的日历插件,但是只是一个半成品,而且做完后发现一些问题,于是我们今天尝试来解决这些问题 PS:距离上次貌似很久了上次,我们大概遇到哪些问题呢: ① 既然想做一套UI库,那么就应该考虑其它UI库的接入问题这个意思就是,我们的系统中所有UI插件应该有一些统一行为,我们如果希望统一为所有的插件加一点什么东西,需要有位置可加这个意味着,可能我们所有的插件需要继承至一个抽象的UI类,并且该类提供了通用的几个事件点 ② 上次做的日历插件虽然说是简单,其耦合还是比较严重的(其实…

【UI插件】开发一个简单日历插件（上）

前言最近开始整理我们的单页应用框架了,虽然可能比不上MVVM模式的开发效率,也可能没有Backbone框架模块清晰,但是好歹也是自己开发出来而且也用于了这么多频道的东西,如果没有总结,没有整理,没有开源就太可惜了......所以最近开始整理框架相关的东西,争取抽象一点东西出来框架出来还需要一点时间,但是框架会需要相关的UI库,这个东西可以先有思路,最后再根据框架做一点调整吧日历对于UI插件而言还是比较难的,里面涉及到的东西很多,就阴历与阳历一块就有很多东西,然后涉及到很多算法,其中节日的…

Struts2 easy UI插件

一.easy UI是类似于jQuery UI的插件库,它提供了丰富的各种常用插件:tree.datagrid... tree插件: 语法:$(selector).tree([settings]); 常用属性: 常用方法.事件: 使用tree插件实现树形菜单: 客户端页面关键代码: ① 引入easy UI插件及样式文件 ② 定义用来配置树形菜单的区域 ③ 使用tree方法加载远程树形菜单数据 <script type="text/javascript"> $(function…

Unreal Engine 4 Radiant UI 插件入门教程（二）

本篇章前提要求:在UE4上安装了Radiant UI插件.如果没有安装,请找其它教程(或者是笔者的其它的教程,目前正在写). 本教程的目的:探讨如何从网页元素中调用蓝图中的内容: 第一步: 写一个网页,大致内容为: <!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <meta http-…

target-densitydpi=device-dpi会使其他ui插件布局变小

target-densitydpi=device-dpi会使其他ui插件布局变小东哥说:不用rem了,把meta改成这样<meta name="viewport" content="width=720, user-scalable=no, target-densitydpi=device-dpi">就可以直接上px... 这句target-densitydpi=device-dpi是什么意思呢? target-densitydpi这个私有属性,它表示目…

非常优秀的swiper插件————幻灯片播放、图片轮播

http://www.idangero.us/ http://www.swiper.com.cn/ Swiper中文网 2015-10-15 SuperSlide2: (这是个PC用的滚屏插件,看着不错,还没研究.) 2016-5-4 http://superslide2.com/ superslide2 http://www.superslide2.com/param.html api API: http://www.idangero.us/swiper/api/ 官网API http:…

一名优秀的UI设计师应该具备哪些条件？

想做好一个好的UI设计师除了应该具有一定的审美能力,还要了解整个产品的开发过程,因为目前国内的软件行业还不能对UI设计形成应有的重视度,所以对我们的要求就更高了,你要能作出夺人眼球的东西,还要站在用户的角度充分了解他们的需求和使用习惯,因为一般的软件公司的UI设计师只有一个或者几个也都是孤军奋战,而且经常会碰见没有经验的TEAM LEADER,不懂得协调你和其他团队成员的工作,所以你还要与团队成员充分沟通,来获得设计中所需要的基本信息,要有耐心有好脾气,做界面设计的工具一般有PS.AI.FH.C…

国外优秀的UI设计资源库收集

国外优秀的UI设计资源库网站设计或者说UI设计对于Web上的运用是非常的关键,一个站做得好不好,能不能吸引人的眼球,设计占了不低的地位,但话又说回来,Web前端人员又有多少人是设计专业毕业,具有这方面的能力呢?像我这样没有设计艺术细胞的页面仔,有时候为了一个效果苦于无法整出来,唯一的办法就是去搜索寻找相关的设计资源网站,找到适合自己的UI效果.经过平时的积累与搜集,我整理了一个UI设计以及Web设计相关的资源网站,希望对一些不懂设计的前端人员有所帮助. 这些UI效果或者Web页面效果,我们可以…

IDEA-Translation最优秀的翻译插件

IDEA最优秀的翻译插件效果特性多翻译引擎 Google翻译有道翻译百度翻译多语言互译文档翻译语音朗读自动选词自动单词拆分单词本使用申请有道智云翻译服务(可选): 注册有道智云帐号并获取其应用ID和应用密钥绑定应用ID和应用密钥:Preferences(Settings) > [Other Settings] > Translation > 有道翻译申请百度翻译服务(可选): 注册百度翻译开放平台帐号并获取其应用ID和应用密钥绑定应用ID和应用密钥:Pre…

easy ui插件

简介: easy UI是类似于jQuery UI的插件库注意:多脚本同时使用时,注意脚本冲突问题. 常用插件: 1.tree插件(tree插件实现动态树形菜单) 2.datagrid插件(datagrid插件构建列表展示远程数据) 1.tree插件常用语法:$(selector).tree([settings]); 常用属性: 常用方法及事件: 案例:(实现效果) 步骤如下: (1).引入需要脚本配置 <script type="text/javascript" src=&q…

如何成为一名优秀的UI设计师

zccst整理因为我自己就是一个 0 美术基础.非计算机.非艺术类科班出身,但从事视觉设计工作的同学,所以很多和题主一样大学里学着不喜欢的专业,想要转设计但又不知从何开始的朋友都来问过我类似的问题,并且希望我能给点意见.尝试在这边统一回答一下吧: 首先请想清楚为什么想转设计,以我的经验,一般在大学里想转设计有这么一些原因:1. 设计尤其是视觉设计门槛低,以前我身边会两下 PS 的大学生都能早当家,生活费完全不用愁的,而视觉设计给人感觉跟每个人的生活是相关的,可能会让人错误地以为只要审美品位到一…

【优秀的Sketch插件】PaintCode for Sketch for Mac 1.1

[简介] PaintCode for Sketch 是一款结合了PaintCode和Sketch两款软件强大功能的插件,今天和大家分享最新的1.1版本,支持Sketch 40+版本,这个插件能够让你的Sketch绘图快速的生成Swift或Objective-C代码,不用编写一句代码. Mac os系统上一款MiOS矢量绘图编程软件,无论是程序员还是设计师,PaintCode能够让你像在PS中画图一样绘制各种UI图形,PaintCode会自动帮你生成针对Mac OS X或iOS平台Objectiv…

今天整理了一下Winform用的UI插件信息

平时主要用了一下几个比较好的UI控件: 1:IrisSkin2 皮肤插件.这是一款与编程开发相关的素材资源,主要是提供一些采用IrisSkin2.dll控件进行软件窗口换肤的素材文件,包括一些GIF图像资源.一些ssk文件,压缩包内一共有22种皮肤素材,使用说明:把控件拖到你的form上,只需一行代码,即可实现整个form包括其所有控件的皮肤的更换. 2:TX.Framework.WindowUI 皮肤插件:效果不错,和bar一样好,就是有一些控件的属性需要注意,颜色很好看,做的不错. 3:Do…

jQuery学习笔记（jquery.ui插件）

官网地址:http://ui.jquery.com/ jQuery UI源自于一jQuery插件-Interface.目前版本是1.10.3,需要jQuery 1.6以上版本支持. jQuery UI主要分为3个部分,交互.微件和效果库. 交互.这里都是一些与鼠标交互相关的内容.包括拖动(Draggable).置放(Droppable).缩放(Resizable).选择(Selectable)的排序(Sortable)等.微件(Widget)中有部分是基于这些交互组件来制作的.此库需要一个jQu…

优秀设计师必须知道哪些优秀的UI设计原则

转自:http://www.gamelook.com.cn/2016/01/240359 界面清晰最重要界面清晰是UI设计的第一步,要想让用户喜欢你设计的UI,首先必须让用户认可它.知道怎么样使用它.让用户在使用时预期会发生什么,并方便地与它交互. 界面没有任何的操作提示,用户就明白通过左右滑动屏幕来查看更多卡片,还知道卡片是以扇形为运动轨迹. 全力维护用户的注意力在阅读的时候,总是会有事物分散我们的注意力.因此,在设计界面的时候,能够吸引用户的注意力很关键,千万不要将界面的周围设计得乱七八…

5 个优秀前端 UI 框架

随着 Web 技术的不断发展,前端开发框架层出不穷,各有千秋,今天小编为大家奉上前端 UI 框架的开源项目,希望大家能够喜欢!如果大家有 UI 框架相关的开源项目,也可以托管到码云上,我们会及时给予推荐.最后,如果你很喜欢以下提到的项目,别忘了分享给其他人哦! 1.项目名称:前端 UI 框架 JEUI 项目简介:JEUI 是一款国产前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,国内很多程序员 javascript 不熟, 大大影响了开发速度. 因此JEUI不需要开发人员去…

小程序开发-6个优秀的UI组件库

微信小程序开发,当原生的控件不能满足我们时,可以尝试下面几个比较优秀的组件库. 1. WeUI WXSS WeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验. GitHub地址:https://github.com/Tencent/weui-wxss 2. iView WeApp iView是TalkingData发布的一款高质量的基于Vue.js组件库,而iView weapp则是它们的小程序版本. GitHub地址:https://github.co…

jquery ui 插件------------------------->sortable

<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>jQuery UI Sortable - Drop placeholder</title> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/t…

layer ui插件显示tips时，修改字体颜色

今天做调查问卷,又遇到一个蛋疼小问题,记录下. 调查问卷有很多选项是要求必填的,如果不填的话,需要给出友好的提示.用的如下组件:http://layer.layui.com/ 1.之前一直默认用的: <script src="/assets/js/layer/layer.js"></script> function showMessage(msg, domObj) { layer.tips(msg, domObj,{tips:3});//弹出框加回调函数} sh…

jQuery 插件分享-非常优秀的tab插件tabulous- 学徒帮

干货jquery插件分享之tab. tab 选项卡切换,在日常开发中也是一种比较常见的呈现控件,今天这个tab控件效果还是蛮喜欢的,推荐给大家有用到的场景可以试试: tabulous.js A jQuery tabs module for todays web! 不过这个插件要IE10及以上才能支持,^-^!! 演示图片: 使用方法: 1. head中引入脚本及样式 <link href='tabulous.css' rel='stylesheet' type='text/css'> &l…

jQuery插件 -- UI插件Tabs Widget 1.10

最近将tabs(标签页)整合到Admin LTE( 一个完全响应式管理模板,基于Bootstrap3的框架.)中使用.过程中走了不少弯路,原因是没有注意版本问题,jquery ui tabs 每次升级都减少了许多 API,导致我在整合的过程中频繁发现方法无效的结果. jQuery UI 1.10 升级指南:http://jqueryui.com/upgrade-guide/1.10/ jQuery UI 1.10API文档:http://api.jqueryui.com/1.10/ 官方示例地址…

vue学习笔记（二）：添加 element ui 插件

一.加载 ui element vue add element 加载过程及成功结果如下 > vue add element>…

在Eclipse ee中成功使用jQuery UI插件

关键代码截图如下:…

优秀的弹窗插件 jquery.lightbox_me.js

项目地址: https://github.com/buckwilson/Lightbox_me用法:http://buckwilson.me/lightboxme/ var opt = { 'centered': true, 'zIndex': 99999, 'onClose': function(){ $('.js_lb_overlay').remove(); }, 'closeSelector':'.close', 'overlayCSS':{background: '#000000', o…