We usually collect good animations or special effects and study them as soon as we have time. If yes, update...
1. CSS3 Tencent QQ Logo:
Http://download.alloyteam.com/demo/css3-tencent-qq-logo-advanced/
Code segment:
1. Date Format
Use ToString () to format the datetime. now date display.
For example:
DateTime. Now. ToString ("yyyy-MM-dd ")
The result is:
2013-01-22
It can also be formatted to milliseconds.
String s = DataTime. Now. ToString ("yyyy-MM-dd HH: mm: ss: fff ");
2. One line of code, the browser changes to the temporary Editor
This is a tip shared by Jose in CoderWall: enter a line of code in the address bar of the browser: data: text/html,
Data: text/html,
Note: contenteditable is an attribute of HTML5. Therefore, this tip can only be used by browsers that support this attribute.
On this basis, some netizens customized their own Editors:
A) background color, center, large font:
Data: text/html,
B) full screen, large font
Data: text/html, <textarea style = "font-size: 1.5em; width: 100%; height: 100%; border: none; outline: none" autofocus/>
C) center, large font
Data: text/html, <body contenteditable style = "font-size: 2rem; line-height: 1.4; max-width: 60rem; margin: 0 auto; padding: 4rem; ">
D) add the title, center, and font
Data: text/html, <title> Text Editor </title> <body contenteditable style = "font-size: 2rem; line-height: 1.4; max-width: 60rem; margin: 0 auto; padding: 4rem; ">
E) full screen, UTF-8 format, small font
Data: text/html; charset = UTF-8,
F) center, plus title, UTF-8 format, large font (personal favorite)
Data: text/html; charset = UTF-8, <title> TextEditor </title> <body contenteditable style = "font-size: 2rem; line-height: 1.4; max-width: 60rem; margin: 0 auto; padding: 4rem; "spellcheck =" false ">
G) center, with title, UTF-8 format, large font
Data: text/html; charset = UTF-8, <title> TextEditor </title> <body contenteditable style = "font-size: 2rem; font-family: monaco; line-height: 1.4; max-width: 60rem; margin: 0 auto; padding: 4rem; "spellcheck =" false ">
H) full screen, instead of an editor, directly outputs the content in the body
Data: text/html, body {font-family: helvetica; font-size: 15px; line-height: 22px; color: #666; width: 600px; margin: 40px auto; background: # FFF; border: 1px solid # DADADA; padding: 50px ;}
I) full screen, with icons and small fonts
Data: text/html, <link rel = "shortcut icon" href = "http://g.etfv.co/http://www.sublimetext.com"/>
J) center, add the title, UTF-8 format, black green text, large font, add the code to notepad, change the suffix, and use Chrome to open it.
<! DOCTYPE html>