Design and Material - Web Design Tutorials

JavaScript color gradient and the gradient effect of Improvement

Null (admin) — Thu, 17 Dec 2009 20:17:44 -0700

sequence 2 (09/11/1) recently watched dean's" convert any colourvalue to hex in msIe" , was finally resolved to obtain the color rgb values based on the keyword issue. Incidentally, the procedure also re-order some, and use the most recent finishing arsenal.
sequence 1 (09/03/11)

14 Best JS code writing skills

Null (admin) — Thu, 17 Dec 2009 20:16:37 -0700

write any programming code, different developers will have a different view.But the reference is always good, the following is from the Javascript Toolbox released 14 of the best JS coding skills , Sofish translation (1,2).

IE bug: 1-pixel dotted/dashed border

Null (admin) — Thu, 17 Dec 2009 20:16:37 -0700

pages in a recent encounter, and had wanted to use border to simulate the design of the dotted line results, but obviously not as good as border effects to the good-looking design.Incidentally, the next study the difference between dashed and dotted.

Making use of jQuery sliding animation layers

Null (admin) — Thu, 17 Dec 2009 20:16:15 -0700

create slide animation effects using jQuery layer

Basic principles

The dynamic effects of sliding boxes are based on the same basic principle.After you want to" glimpse" object in the other two items, this with a" . Boxgrid" of the DIV tag to act as a window.Do not understand? Let this picture to give you clues to bar:

CSS Sprites (CSS sprite): to be or not?

Null (admin) — Thu, 17 Dec 2009 20:16:15 -0700

text: CSS Sprite: To or not? translated: To Sprite Or Not To Sprite

declaration referred to in this article that the CSS SpriteTo CSS Sprites , this phrase has not been afixed or convention of the Chinese translation, some people began to call CSS Sprite, let us as an attempt it, if we feel that is wrong in the future will continue to direct that CSS Sprites.- God Fly (vocal)

Godo web standards: front-end performance optimization

Null (admin) — Thu, 17 Dec 2009 20:15:59 -0700

enlightenment web standards: front-end performance optimization

front-end performance optimization is entirely a technical topic, but the user experience for the project has a very big impact, if your site open to wait for 35 seconds or until the browserTips can not connect, then website but where's the traffic, but where's the brand impact and customer loyalty, even if the money.

JS Effect of image cut

Null (admin) — Thu, 17 Dec 2009 20:15:59 -0700

JS Effect of image cut

DEMO1 (random): http://cnwander.com/demo/puzzle_effect/ machines can be configured picturemore fine-cut point (variable xnum, ynum)

Use CSS 3 takes us into the next one a high degree of

Null (admin) — Thu, 17 Dec 2009 20:13:38 -0700

" CSS3 is not a new thing, and certainly not just around the border-radius property to achieve rounded corners. it is patiently sitting there, ready to debut, Xia Zhao coffee, etc.the browser to roll out the red carpet. You see, the browser needs to keep up the ... ..."

Regular expressions behind the key concepts of high-level skills

Null (admin) — Thu, 17 Dec 2009 20:13:38 -0700

regular expressions behind the key concepts of high-level skills

English text from the Smashing Magazine.Translated from the stupid family on.Please specify source reproduced.

Diamond Level from yellow icon address Reflection

Null (admin) — Thu, 17 Dec 2009 20:12:46 -0700

Diamond rating from yellow icon address Reflections

Microsoft Expression Web3 test reports

Null (admin) — Thu, 17 Dec 2009 20:12:46 -0700

Microsoft Expression Web 3 significant improvements

While Microsoft officials also offers What's new in Expression Web 3, but I still like to see through their own and feel of the state my point of view, do not like wordy friends can go directly toMicrosoft's official home page to see.

To improve the IE6 in a and a: hover background to support the

Null (admin) — Thu, 17 Dec 2009 20:12:32 -0700

in IE6 the background attribute plus a and a:hover combination of the two pseudo-classes in normal logic does not work why?Test this problem browsers IE6 and below, this issue until I have frequently encountered in the use of other methods instead, now found an alternative solution.

border: none; and border: 0; the difference between

Null (admin) — Thu, 17 Dec 2009 20:12:32 -0700

this problem in the network that has a lot of people asked, again he gets a recent discussion, to take records of my personal understanding, border:none; and border: 0; reflects the difference between two things: First, a theoreticalSecond, the performance difference is the browser compatibility differences.

IE6 in the invisible PNG8 picture

Null (admin) — Thu, 17 Dec 2009 20:11:31 -0700

IE6 in the invisible PNG8 image

encountered a situation in the project so troubled for a long time, with a PNG8 picture why some icons do disappear in IE6?Was once suspected to be cache or hosts problems switching back and forth the browser the result is still valid, successive tests finally found the reason.

Rediscovery of HTML tables

Null (admin) — Thu, 17 Dec 2009 20:11:31 -0700

rediscovered HTML tables

according to my practice as well as in some recent and some readers on the use of HTML forms of communication, it was decided to write this article.Overall, I have noticed that because of misleading information, their use for the table a kind of preconceived aversion.In fact, many people would say," I never saw the form should be used" to say, but it is absolutely wrong!This proposal is for the use of HTML tables to define page layout, but it forms a convenient arrangement of data in rows and columns are very perfect, and if you have to be listed on one page displays data, you have to use them!Why not?However, in this case, some people ignore the table for the existence of certain HTML tags and do not know how to correctly use them./

jQuery code 14 to improve the skills

Null (admin) — Thu, 17 Dec 2009 20:09:25 -0700

jQuery is so popular and are from large companies to individual blog's widely used by almost everyonebecause it get started and use of fairly simple, but also provides us with a considerable number of people do not know the characteristics of stick.I think that the majority of jQuery users more inclined to use the jQuery plug-ins to solve the difficult problems facing, this is usually a wise choice.But when the plug-in relative to your needs have a certain defect, you probably should think of ways to solve their own, the following jQuery to look at these practical skills, they will definitely be able to come in handy!

Drag next page (ThrowPage) Xiangjie

Null (admin) — Thu, 17 Dec 2009 20:09:25 -0700

this year in April, I am in a dormitory Biechu a drag effect next page

original quote sent:http://bbs.blueidea.com/thread-2921611-1-1.html modified version of transmission: http://bbs.blueidea.com/thread-2924151-1-1.html

CSS Shadow Xiangjie

Null (admin) — Thu, 17 Dec 2009 20:08:54 -0700

CSS Shadow Xiangjie :

designers often use some unique fonts effects and page effects, shadow is one, it can make the page text and elements of a three-dimensional effect, and thus has been pronounced.For example, the text shadow, the traditional method may need to cut out the text, direct the use of images, considering the SEO and site performance, but also may use technologies such as CSS Sprites picture Integration:

The use of box-sizing framework for achieving div imitation

Null (admin) — Thu, 17 Dec 2009 20:08:54 -0700

[ involved in the test browser : IE6/IE7/IE8/FF3/OP10/SF4/Chrome2] [ operating system : Windows]

look at the code:

run the code box

Any fonts embedded in a web page solution

Null (admin) — Thu, 17 Dec 2009 20:08:34 -0700

the font use is an integral part of web page design.Often, we hope to use a particular web page font, but the font is not a mainstream operating system built-in fonts, so that when a user visits a page, there may not see the true design.Graphic designer to do the most common approach is to put the text you want made into pictures, this has several obvious shortcomings: 1. Can not be a wide range of use of the font; 2. Image content is relatively easy to modify the use of text; 3. Nohelp site SEO (search engine, will not the mainstream image alt content as relevant to the content of web pages to determine the effective factors).Some use of sIFR on the network technology, or javascript/flash hack method, but achieving them, or cumbersome, or defective.Here is how to talk about only through the CSS of the @ font-face property to achieve any fonts embedded in Web pages.

On the semicolon javascript

Null (admin) — Thu, 17 Dec 2009 20:08:34 -0700

javascript the semicolon on behalf of statement terminator, but because of javascript with a semicolon is automatically inserted rules, so it is very easy for people to a vague something, in normal circumstances, a wrap will generate a semi-colon, but the actual situationis not the case, that is the change in the javascript line may have a semi-colon or may not arise if the semicolon is automatically inserted, the main fancy down.So, even if is an experienced programmer, sometimes headaches.

Forms Authentication in the beginning and end of time to determine the recursive processing

Null (admin) — Thu, 17 Dec 2009 20:07:55 -0700

Forms Authentication in the beginning and end of time to determine the recursive processing

In a recent project, form validation need to determine the time of the beginning and end of range: end time must be greater than or equal to start time.Namely: the end of year to be greater than the initial year; if equal, the more start month and end month; if the starting and ending months are equal, the more dates.Then, for each authentication, you can use following function for comparison.

JavaScript Object of

Null (admin) — Thu, 17 Dec 2009 20:07:55 -0700

due to the flexibility of JavaScript, allowing each person according to their habits of writing code. a functional programming approach, there are now more widely used in the object literal. Because object-orientedThe emergence, JavaScript programming function of the beginning has gradually evolved into class programming approach. Now I'm more familiar with a few simple programming instructions used to:

The default font style Web

Null (admin) — Thu, 17 Dec 2009 20:06:35 -0700

Qin Ge (YanKaven) site : http://dancewithnet.com/

Default Web Font Style

is usually the user will see the style of the pagecontrolled by the three, the first layer is the browser's default style, the second layer is the definition of the style pages, the third layer is a user-defined styles.And CSS like the back of the priority level is higher than the previous, that is the definition of style can override web browser's default style, while the user-defined styles highest priority.The reality is more or less while the browser provides a user-defined style functionality, but very few will have the user to self-definition, tends to be used also for advanced users.The browser's default style is often in different browsers, different language versions and even different versions of the system have different settings, which led to the direct use of the default style if the page displays in all browsers is very inconsistent, so there issimilar YUI's reset and the like is used to try to rewrite the browser's default settings ensure that all the browser style consistent approach.

Zen Coding: rapid preparation of HTML/CSS code

Null (admin) — Thu, 17 Dec 2009 20:06:35 -0700

translated: Smashing Magazine

English: Zen Coding: A fast write HTML/CSS code means