top 10 web browsers

1. Web page grayed out (CSS+JS), compatible with ie7-10, FF, Chrome, OperaA lot of the media has stopped some entertainment, some websites also turned the theme or logo into gray. So how to turn the picture or text on the page gray?Online Demo Source Download2.Javascript Web page side pop-up boxToday produced a Page side popup box, can be used to make sharing but

Even a CSS Guru will inevitably write CSSCodeOr, any code is like this. Small errors often cause major problems, and waste a lot of time debugging and troubleshooting. Check the following 10 small mistakes that are easily made in the CSS web page layout. Try to correct the mistakes you may make to accelerate your front-end development efficiency. 1. Check Html Whether the element has a spelling error or wh

DemoSOURCE download3. Very lightweight delay loading pluginThe JQuery unveil is a lightweight delay-loading plugin that supports high-resolution images for Retina display devices. This plugin is useful for improving the loading performance of images in long web pages, because images other than viewports (visible portions of pages) will not be loaded until the user scrolls to the area where they are located. Lazy loading has some cool options, such as

Here are some small questions to note when making a Web page : 1, 20 seconds 60kb principle According to statistics, according to the current network download speed (narrowband), the viewer can endure about 20 seconds, file size of about 60KB, otherwise a page text too big, no one is willing to wait. 2. Design Tool Selection My personal view is to use the Dreamweaver produced by Micromedia. It is powerful and can differentiate between the two majo

As the internet expands, more and more websites provide very similar information when searching for information. So, webmasters will find that the user's patience has been significantly reduced: most readers from the search engine results page into a certain page, quickly browsing (maybe only a few seconds, not to mention the point of ad time) , then left, and then heard, jumped out rate of 100%. This phenomenon for some often cited or copied the authoritative website of the blog or collection s

page Loading animation effectThe core of this effect is to animate a shape in the page window and show the activity. When the new content is loaded, the shape returns to the displayed page in animated display. We will use the snap.svg Animation library, because this library allows us to create complex shapes and interesting transformation effects.Download the online demo nowPeculiar grid loading effectShows you how to use the masonry mesh Masonry plug-in to reproduce this effect with CSS animat

page Loading animation effectThe core of this effect is to animate a shape in the page window and show the activity. When the new content is loaded, the shape returns to the displayed page in animated display. We will use the snap.svg Animation library, because this library allows us to create complex shapes and interesting transformation effects.Download the online demo nowPeculiar grid loading effectShows you how to use the masonry mesh Masonry plug-in to reproduce this effect with CSS animat

With the extensive CSS experience of web designers, we will remember allCodeSyntax, compatibility, and fragment. There are someSpecific CSS can truly help change your website design by changing older technical rules and statements. Here are 10 useful CSS rules I have collected. @ Media @ Media screen and (max-Width: 960px ){} To support earlier browsers