Now Photoshop's UI toolkit is the designer's favorite resource, and the collection of a good package is often ecstatic.
The package has become an indispensable tool for the rapid development of web designers, often filled with all the necessary components of the site, such as: navigation, paging, focus map, scroll bar, buttons, tables, menus and so on!
In order to make everyone happy and happy, specially organized collection of 7 top-level Web site
When building Web applications, it is often necessary to use some useful UI components. Whether you need a calendar, sliders, graphics, or other components for promoting or simplifying user interaction in your app, you face two choices: either create these components yourself or use existing component features.Developing these components on your own is complex and time-consuming, and it usually takes a lot
In just a few years the Android platform has formed a large and active developer community. Many community-developed projects are already at maturity and can even be used in commercial software production without worrying about quality issues.This article is compiled from Androiduipatterns to share some free, open source Android UI libraries and component resources.
1. Greendroid
The project can
As a UI library, kit I do not intend to let everyone to learn my kit's core, memorize my API, this kind of follow the way of learning a little meaningless, today jquery hot, we are learning JQ, tomorrow Seajs fire, everyone to fry seajs, so I kitjs inside , specifically for JQ users prepared a grammar sugar (suger.js), completely simulate the JQ API, in addition to the implementation, interface is the same,
easier to use than angular. For more information, see the bootstrap UI library developed by Twitter and use the data-* attribute for feature customization (of course, it also has other configuration methods ). In addition, just like Bootstrap, if JS is introduced and MS-UI = "component name" is added to related elemen
This article is a straightforward version. I. design idea of HTML-based development components II. UI component development based on native HTML III. Benefits of HTML-oriented UI component development IV. Summary ...,. This article is a straightforward version. If you want to see a passionate and thoughtful version, yo
, and vice versa. Implementation should not be very difficult.To achieve the effect, set the right border of the Left shadow layer to none.Selection of ExtJS, JQuery UI, and easy UI
First, based on your needs, you need these frameworks to have the UI components you need. ExtJS and easy ui all have the
Yahoo! UI Library? (YUI) is an open source JavaScript library that uses code technology such as Ajax, DHTML, and DOM in order to build a highly interactive Web page. It also contains a number of CSS resources. Use Authorization for? BSD License?YUI contains the complete documentation. It contains two types of components: Tools and controls [2], and some CSS resou
Brief introductionLittle program has been on the line for more than a year, since the Mpvue (based on the Vue.js Small program development Framework, from the bottom of the support vue.js grammar and building tools system) has been in existence for several months.Front-end technology is changing, and the UI framework for small programs is endless.For example:Weui: A set of basic style libraries that are consistent with the native visual experience, de
See todayC
SD
NAn article on 《Add new recruits to the open-source world! Release UIAnd Design PatternsSaid Yahoo recentlyUILibrary and design mode (Design Patterns), Yahoo once again showed the industryWeb 2.0.
So the websiteUi liabraryTake a look, there are a lot of components really good.Ui liabraryMainlyAnimation,Calendar,Connection,Dragdrop,Event,Slider,TreeviewComposed of seven parts, each part basically includesBuild,Docs,Examples,SRC. By the way, afte
The panel component, which is almost the same as the previous component usage, is also the three-point way to learn from setting some panel properties, triggering events on the operator panel, and working with the Panel object.There are a few components that depend on this component later.Another thing that's different from the front is that panel content can req
Start by using the $.widget () method to define your component, which receives only three parameters: the first is the component name, the second is the optional base class component (the default base class is $.widget), and the third is the component's prototype.Component names must contain namespaces, and note that the official component's namespace starts with
The droppable (placement) component is also a basic component, using a simple method, the syntax is in the sample to stare:Demo Sample:Click to download the source codeJQuery Easy UI droppable (placement) component
1. First create a container to hold the contents of the list item.The Panel is used here as a container.Be careful here!The Grid Layout Group is added to the game object in the container.Also, only child objects of the container object have an arrangement effect.ThatThe nodes are as follows:Root = Child1 = Child3Root = Child2Root is the containerThe arrange effect is only valid for Child1 and Child2.2. In the Hierarchy window, select Panel object, Position select "Center", width setting 500, hig
Cmultifileupload is used to upload files and supports uploading multiple files at once. This UI component is based on the jquery Multi File Upload plug-in. Many of the UI components built into Yii are based on jquery, so you need to create a assets directory to store dynamically generated javascripts.
The uploaded file information can be accessed through $_files
We all know the title property of the DOM node, the Tooptip component is a powerful title, it is free to set its own style, location and has its own related trigger events.Example:Execution effect:Click to download source codeJQuery Easy UI tooptip (hint box) component
Some of the UI components supported by the YII framework are described earlier, in addition to the UI components described earlier, the YII framework provides a library of zii components, including a list view ListView, a tabular view of the GridView, and some jquery-based UI components. such as Autocomplete,datapicker
Yii built-in CAPTCHA can basically meet most of the requirements, if you have special requirements for the verification code, you can customize the CAPTCHA, this is mainly through the expansion of ccaptchaaction to achieve, this example to customize a validation code function, randomly generated within 10 of addition and subtraction, The user needs to calculate the correct results to pass the validation.This example is based on the previous example of the Yii Framework Development Tutorial (a)
Duisharp is a lightweight UI Library Based on DUI technology, duisharpduiui Library
// Open the UI library-duisharp
Introduction: duisharp is a lightweight C ++ UI Library Based on DU
Development Tutorial (starrating) UI component by modifying it, and the user score is valid only if the verification code entered is correct, avoiding automatic scoring by the machine.
The first is to modify the Datamodel, add a property verifycode to hold the user input verification code, and add Ccaptchavalidator validation.
Classdatamodel extends Cformmodel{public $rating;p ublic $verifyCode;p ublic fun
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.