, I know you've just bought a set of 5,000 awesome fonts, but for your web design, don't run out of it all at once. In general, it is a good way to limit yourself and use only a few fonts, especially for novice designers. Although you can mix a nice design with a lining and sans serif fonts, you need to know when and where to plan, otherwise it will look strange.
Web Design typesetting skills
3, too much color
Background a color, content text A color, link a color, page head and
interaction is more natural and more in line with the real interaction experience.
4, disable the Lightbox effect on the mobile end
The Lightbox effect is probably the most common picture browsing mode on the desktop side of the page, and the picture appears as a pop-up box, zooming in with screen size and mouse operation. The use of this image browsing pattern is particularly extensive and frequent in
When using jquery to bind the Click event to an IMG element, use the Img.click (function () {...} directly) does not work, as the following code$ ("Img.ms-rteimage-lightbox"). Click (function () { Sp. Ui. Modaldialog.showmodaldialog ({URL: $ (this). attr ("src"),Title: $ (This). attr ("alt")});});To solve this problem, use the BIND function in jquery to attach the Click event. As follows:$ ("Img.ms-rteimage-lightb
websites, personal portfolio sites and online service-class sites, which will be used to deliver the most important information to users.
This effect will generally control the font size below 36px, the designers put more effort on the details of typesetting, this shows that the Web page will become more beautiful, more consistent and look more convincing
.
5. Font Substitution TechnologyDesigners have spent a lot of time on page layouts, and the same effort has been spent on font select
).
You can also transfer images (streaming media mode) on the Flash canvas in real time as streaming media.
8. Video Lightbox
Video LightBox JS is a free wizard program, and she only needs a few clicks to help you easily add videos to your site or blog without writing any code.
9. JQuery Video Gallery
A simple and lightweight video gallery for displaying. swf video is in a window. When a thumbnail
jsLINB programming demos: LINB (Lazy INternet and Browser)
JSlog: Ajax logging tool.
JS / UIX Unix Shell: JS / UIX is an UN * X-like OS for standard web-browsers, written entirely in JavaScript.
Lace: free web chat application
Lightbox: simple, unobtrusive script used to overlay images on the current page.
Leightbox: Light Box with inline div ’s instead of AJAX calls.
Live Quote Demo: Simple way of creating an updating stock quote table in ajax.
Magn
Article Introduction: 10 Very stylish jQuery focus advertising plug-ins.
This article recommends several very beautiful jquery image switching effect plug-ins. JQuery is the most popular and widely used JavaScript framework, which simplifies HTML document traversal, event handling, animation, and Ajax interaction, and helps WEB developers achieve a variety of fine interface interactions more quickly.
One of the most impressive applications of jQuery is the processing of pictures, whi
Good web design is a difficult thing to achieve. A good web design not only attracts eyeballs, but is also practical, intuitive, simple in hierarchy but complex enough to keep users interested. The perfect balance between font, color, white space and content can make a great looking design and your users will come back again. And a bad web design will take your users away from your site. When designing a Web page, there are many places where many designers are going astray.1. Not enough blanksWh
/full screen scrolling plugin onepage-scroll.Online DemoSOURCE download4. Classification selection based on jquery realization of seat product display effectThe jquery category selection seat product display code is a click to show the various parts of the seat's effect code.Online DemoSOURCE download5. The digital prize-winning Tiger effect based on jqueryjquery Digital Award Tiger effect, the interface is very beautiful, the figures are all picture composition, the number of the lottery is gen
natural, the effect is smooth. The overall effect is gorgeous! It is a classic application instance of the jQuery single-page/full-screen rolling plug-in onepage-scroll.
Online Demo
Source code download
4. jQuery-based classification and selection of seat Product Display Results
The jQuery classification selection seat product display code is a special effect code that can be clicked to view all parts of the seat.
Online Demo
Source code download
5. Digital lottery Effect Based on jQuery
JQue
How do I set the shortcut key for Sublime text to preview the HTML file in the browser ?,STEP 1
Tools> Build System> New Build System
STEP 2
Lt; img src = "https://pic3.zhimg.com/37243c718bd49b496f83ed8e61a4f876_ B .jpg" data-rawwidth = "798" data-rawheight = "537" class = "origin_image zh-lightbox-thumb" width = "798" data-original =" https://pic3.zhimg.com/37243c718bd49b496f83ed8e61a4f876_r.jpg " gt;
Use windows command to open this file with
mouse over the bulb, and the entire bulb will have a shiny animated effect, which is quite realistic. The use of CSS3 gives a faint glow to the peripheral of the bulb. And fade in and out when the light is on and off.
Online Demo
Source code download
4. FancyBox-classic jQuery Lightbox plug-in
FancyBox is an excellent pop-up window plug-in that provides an elegant pop-up and zoom effect for images, HTML content, and multimedia content of other tasks
introduction of the Jspdf library, and then call the built-in method can be. Browser compatibility: IE, Firefox, Chrome, Safari, Opera, the future will be compatible with the following versions of IE 10, for the following versions of IE10 will use downloadify to achieve file download functionality.Online DemoSOURCE download10. Beautiful JQuery Lightbox plug-in for touch-screen devicesThe Swipebox is a touch-enabled jQuery
70 popular Ajax application demos and source code downloads, including: Greybox, Lightbox, Thickbox, etc. The rich content is a rare learning and research material and many things can be used directly, it is time to make full use of the come principles.Ajallerix: AJAX, simple, fast Web image gallery demo; at NovellAJAX microlink pattern tutorial: A microlink is a link that opens up content below it.Ajax BBC News RSS Reader: demo by Nigel CrawleyAJAX C
accordion is a good choice. But if you only need to open and close the panel. If you have not used jQuery UI on your website, consider jQuery's slideToggle () or animate ().2. Are you using a similar plug-in?
It is tempting to find another plug-in to make up for it when you find that a plug-in cannot solve everything you need. But the same application contains two similar plug-ins, which must be a bloated JavaScript. Can you find a plug-in that includes all your requirements? If not, can you ex
GenericLinks: https://www.zhihu.com/question/48864375/answer/113316462Source: KnowCopyright belongs to the author. Commercial reprint please contact the author for authorization, non-commercial reprint please specify the source.The problem is caused by Microsoft's failure to use the. NET Framework 4.6.1http/ASP The site created by the Empty Web site template enables C # 6 support, and the Web site does not have the same language version in the project properties-build-Advanced window as the appl
I remember the popular web page design that started 10 years ago. At that time, I learned how to create a web page from HTML..Today, there are thousands of free tutorials andCode.The Open Source spirit has greatly shaped the high technology of the IT industry. You may also like:
Jquery parallax recommendation: nikebetterworld parallax smooth scrolling Effect
Parallax scrolling tutorial implemented by jquery (large background Effect of parallax)
We recommend 60 impressive jquery imag
parameter.
Added to display wBox, $ (s). wBox ({show: true}) without triggering the click event })
Remove the lightbox function (prepare a separate jQuery lightbox plug-in)
Remove Window Location settings
Click here to download: Download wbox
Usage:
First download the wBox file, and then
Introduce the wbox. js File
Import wbox.css File
Code:
Var wBox = $ ("# wbox1 "). wBox ({title: "Test Title Nam
James padolsey color switcher
Click the color square in the upper right corner to change the color.
Visit site
Dragon interactives jquery navigation
After customizing jquery's browsing menu and moving the mouse over it, the gradient is very beautiful.
Visit site
Famspams facebox
In jquery, facebox provides lightbox with a cool effect. facebox is now a jquery plug-in.
Visit site
Grooveshark widget creator
Instead of prov
or content loaded through Ajax. You can scroll forward or backward.
Jcarousel
Spacegallery-jqueryDeveloped Using jquery, this is similar to image gallery ).
Spacegallery-jqueryJquery slider GalleryThis is an album control developed based on jquery, similar to the product display on the Apple website.
Jquery slider Gallery
Jquery cycle pluginJquery cycle plugin is a slideshow plug-in. Multiple conversion effects are supported: shuffle, zoom, fade, turndown, curtainx, and scrollright.
Jquery cycl
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.