Although we ran through one of the simplest MVC, the page effect was certainly not satisfying.
For complex HTML front-end pages, we need a basic set of CSS frameworks to complete the layout and basic styling of the page. In addition, jquery is an essential JavaScript library for manipulating the DOM.
Writing a CSS from scratch is not as straightforward as starting with a fully functional CSS framework. There are many CSS frameworks to choose from. This time we chose to uikit this powerful CSS f
2015-3-31 Today I have optimized a lot of places, so that customers use almost fool-style use, nonsense say, let's start.The default I provide some pictures, but also only occupy more than 8M, 2.0 version currently has a total of about 45M size, after all, including Fontawesome font package, and CefsharpFor example, Ay.Framework.WPF.dll also only 935K size, or relatively small① New WPF Application projectThen copy the Ay.framework.wpf.2.0.zip into the
Wangeditor Demo HeadWelcome to Wangeditor, please enter the content ...For detailed configuration instructions in this article, see the Lightweight web Rich text box--wangeditor user's Manual (4)-Configure drop-down menu, which lists only the important code:Linkrel= "stylesheet"type= "Text/css"href= "Fontawesome-4.2.0/css/font-awesome.min.css">[If Ie]> -Linkrel= "stylesheet"type= "Text/css"href= "Css/wangeditor-1.1.0-min.css">Scriptsrc= "Js/jquery-1.1
elegant", in fact, my understanding is poor extensibility. Therefore, this refactoring, fully consider the extensibility . You can agree to define your own menu.
Just, the reconstructed wangeditor is still very lightweight, a more than 10 KB JS file, a 3KB css file, done! It is also very easy to use. One line of code is done:// in fact, the $editor returned is a jquery object that can do whatever jquery does, such as $editor. HTML (), $editor. Text () var $editor = $ (' #txtDiv '). Wangedi
subscript
SortOrder
Data-sort-order
String
' ASC '
Define sort by ' ASC ' or ' desc '
Sortstable
Data-sort-stable
Boolean
False
Set to true get a stable sort, we'll add _position attributes to the row data.
Iconsprefix
Data-icons-prefix
String
' Glyphicon '
Define font libraries (' glyphicon ' or ' FA ' for fontawesome), reference
time zone can be obtained with getTimezoneOffset(), the unit of the result is minutes, so divide by 60 to:Modified to:this. defaulttimezone= ' GMT ' + (new Date ()). getTimezoneOffset ()/60After the modification, it can be used normally. this. fontawesome=k.fontawesome| | this. Element.data ("Font-awesome") | | false;Switch this. Fontawesome=trueThere is also a font error, if the use of FA font, wil
First, "Iconfont"
Iconfont supports all low-version browsers;
Iconfont's icon library is larger;
Iconfont can use their own uploaded SVG, but it takes a lot of time and patience to design AI icons;
The use of Iconfont is more flexible, can be freely paired with the combination, on request. If the site only needs 5 icons, then download only the 5 icon font files and related CSS. If you use Iconfont CDN Service, you do not need to download files, directly add these several icons to t
a uiimage of any size or color, with only one line of code and ease of use.
Nsdata + asynccacher
Nsdata-asynccacher is a category of nsdata. It is used to asynchronously load data from URLs and blocks. The request data is cached using nscache and can be requested multiple times.
Nsdate + helper
Extended cocoa nsdate through some convenient Functions
Multipleobjects + objectivesugar
Objective-C additions for humans. Ruby style.
Mkmapview + zoomlevel
Set the scaling ratio in mapview.
Nsstrin
JQuery + CSS implements a slide navigation menu code, jquery navigation menu
Slide menus are widely used in website design and can be seen on many websites. It can display key information, make it more readable and aesthetic, and meet the user experience value!
Today, I will show you how to use jquery and css to implement slide menus.
Download the effect display source code
To create a navigation menu, Let's first look at the html structure:
First, we use normalize.css as the default style to
The Sideslip menu is widely used in web design, and can be seen on many websites in this kind of menu. It can show the key information, make it more readable and beautiful, to meet the user experience value!
Today's small series shows you how to use jquery and CSS to implement the Sideslip menu.
Effect Display source Download
To create the navigation menu, let's look at the HTML structure first:
First, we refer to NORMALIZE.CSS as the default style to ensure that our menus are
and OTF:
Import
To use react-native-icons, you need to add the following statement in your code:
var {
Icon,
} = require (' react-native-icons ');
Select Icon
category
Number of icons
Reference name
Fontawesome 4.4
585
Fontawesome
Ionicons 2.0.0
733
Ion
Foundation icons
283
Foundation
Zocial
99
Z
Zookeeper
Attribute selector:[Att * = val] {} This style is used if the att element property value contains the specified val character[Att ^ = val] {} This style is used if the attribute value of the att element starts with val.[Att = val] {} if the attribute value of the att element ends with val, this style is used.
Example:
Example text 2 example text 1-1 example text 1-2 example text 2-2
Target selector:
When href jumps to the page, the target attributes are redefined.
refers to multiple font formats for compatibility with other browsers, they will be searched sequentially until a supported format is found. This means that the same font needs to have multiple formats. The URL (//:) format ("no404") is a bulletproof notation.
The other HTML and CSS code are as follows:
. font-face-display { font:66px chantelliantiquaregular, Helvetica, Sans-serif;}
The heaviest effects are as follows:
Free Fonts website Font Squirrel
Font Squirrel is a very good free fon
spider called Font-spider, so curious to use the next, found it is really magical.Font-spirder official website : http://font-spider.org/Font-spirder: making it possible for Web pages to be freely introduced into Chinese fontsStep into 3 steps, super simple:Step One: npm Install the font spider1 npm Install Font-spider-gStep Two: use Webfont in CSS1 /*Statement Webfont*/2@font-Face {3Font-family:'Pinghei';
repeatedly used. The code for the simple improvement is as follows:Operation Result:Still normal under IE8:The CSS of the icon website is actually enough:View Code1.4.4, font format conversionSometimes we have only one font file in hand, but the Web font is often required to support multiple formats in order to be compatible, typically at least 2 kinds, one to consider IE browser, one to consider a modern browser. You can use the following tools to achieve online font conversion, the basic meth
viewing the HMTL source code. If you are viewing the code in the resources option in Chrome's console, it is recommended to use Chrome's "pretty print" feature, which is to click on the "{}" icon.WhatfontTo see which fonts are used for the current page, Firebug and WebKit Inspector can also view the fonts, but far from being webfont convenient, webfont can view the fonts by hovering over the elements. It a
CSS font and css font1. font-family
Unlimited font list. The font contains spaces and must be enclosed in quotation marks, for example, "Times Now Roman"
Generic font family (all operating systems are available and placed at the end of the list as backup fonts)
General font
Related fonts included
Serif
Times, Times New Roman
Sans-serif(Sans means no additional decoration, easier to read than serif)
Arial, Helvetica
Monospace
Courier, Courier New
bulletproof, interested students can see "New @Font-face Syntax:simpler, easier," a text.
Other HTML and CSS code is as follows:
. font-face-display {font:66px chantelliantiquaregular, Helvetica, Sans-serif;} Take me to your heart
The heaviest effects are as follows:
Free Fonts website Font Squirrel
Font Squirrel is a very good free font resources site, collected a lot of high-quality fonts for Web page designers for free download, there is a font format Gene
CSS font-bamboo 1. font-family
Unlimited font list. The font contains spaces and must be enclosed in quotation marks, for example, "Times Now Roman"
Generic font family (all operating systems are available and placed at the end of the list as backup fonts)
General font
Related fonts included
Serif
Times, Times New Roman
Sans-serif(Sans means no additional decoration, easier to read than serif)
Arial, Helvetica
Monospace
Courier, Courier New
1. Introduction@font-face is used to customize font styles, to obtain a font style from the server side, so that the browser can display a style effect that the client does not exist, giving the user a better presentation experience. @font-face is not a new feature of CSS3, as early as 98 was written in the CSS2 specification, which is currently supported in IE6.2. Syntax @font-Face{ font-family: // Custom font names SRC: // font file path [Font-weight: // whether or not to add bold
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.