» » page 4

 
Sort articles by: Date | Most Rates | Most Views | Comments | Alphabet

Use CSS3 and jQuery to create scalable search bar

Author: bamboo06 on 18-11-2014, 00:38, views: 1948

12 Search bar on our website is essential, especially in the limited page space, placing a major search bar is a problem, and today I'm going to tell you about with examples of how to use CSS3 and jQuery to implement a scalable functionality search bar.
Use CSS3 and jQuery to create scalable search bar

In the example, we only show a search button, when you click the search button, sliding from right to left input box to start entering the search, click the search button jumps to the search results page, the search input box away.

Category: Javascript / CSS

 

20 very useful CSS library in Web development

Author: bamboo06 on 3-11-2014, 02:29, views: 2000

1 In the past few years, CSS has become a most developers and designers favorite because it offers a range of functions and features. Every month, numerous tools have been developed around the CSS were released to simplify WEB development. Like CSS libraries, frameworks, application of such tools can do a lot of things for developers, but also allows developers to create innovative innovation WEB application.
In the past few years, CSS has become a most developers and designers favorite because it offers a range of functions and features. Every month, numerous tools have been developed around the CSS were released to simplify WEB development. Like CSS libraries, frameworks, application of such tools can do a lot of things for developers, but also allows developers to create innovative innovation WEB application.
In this file chapter we find a series of useful CSS developer libraries, they can help developers achieve creative and innovative results within a certain period of time. We hope this list can help you develop and for your convenience. Enjoy!
20 very useful CSS library in Web development

Category: CSS

 

Create a parallax scrolling effect using Skrollr page

Author: bamboo06 on 3-11-2014, 01:50, views: 3566

4 Parallax scrolling refers to a multi-layer background move at different speeds, the formation of three-dimensional motion effects, bringing excellent visual experience. As users of the increasing demands of visual experience, WEB developers to start adding various special effects elements in web pages to meet the needs of users. Today, this article has given you recommend a good parallax animation javascript library --Skrollr.js
Create a parallax scrolling effect using Skrollr page

Skrollr is a use of HTML5 and CSS3 parallax scrolling lightweight javascript library. It is not dependent on the independent libraries of other frameworks that lets you quickly create a parallax scrolling effect. It allows us to set the CSS property keyframes to any element, then it will automatically form animation. The more important point is that the use of these libraries do not write complex JS code and compatible with mainstream browsers, mobile phones and other mobile terminal adapter and other features.

Category: Javascript / CSS / HTML5 / Plugins

 

Pure CSS to achieve the effect of suspending the bottom right side of simplicity

Author: bamboo06 on 29-10-2014, 02:49, views: 1658

3 We've seen a lot of pages on the right side floating effect, the earliest contact panel, couplet advertising, most of them are based on the dynamic effects of javascript implementation, and today I just need to share a combination of the right side of the floating effect by CSS DIV.
Pure CSS to achieve the effect of suspending the bottom right side of simplicity
HTML
We hope that the suspension effect last load, it is generally placed at the end of the HTML page, we have established a .side-bar, which contains the online consultation, micro-channel (mouse slide effect pop-dimensional code), microblogging, and Email contact information and other content that we have to [a] label package.

Category: CSS

 

Floating right fixed layer of the page with back to top with two-dimensional code functions

Author: bamboo06 on 28-10-2014, 04:22, views: 4389

1 The mobile Internet era, we can pass the information "sweep swept away" feature to easily get in the mobile terminal needs. Today I have to share a WEB function, it is a small floating toolbar on the right side of the page, we can use it to quickly locate the page up and down position, you can eject the micro-channel or two-dimensional code page address two-dimensional code, so like in the phone read on mobile devices and other friends easy access to information.
Floating right fixed layer of the page with back to top with two-dimensional code functions

HTML
First, we prepared the right side of the floating layer content, toolbar has up and down arrow button, and then a "feedback" link, you can click on the feedback information page of your site, there is a two-dimensional code button will pop up a two-dimensional slide on mouse code picture, then we use the two-dimensional code .popPanel to place pictures, .arrowPanel is used to make the direction of the arrow. In this example, I use a background image as a toolbar, the practical application of course we can also add more functions in accordance with the actual needs of the button.

Category: Javascript / CSS

 

To achieve the effect of tooltip message only by CSS

Author: bamboo06 on 27-10-2014, 02:54, views: 2484

2 We sometimes detailed explanation for some of the content on the page for a more user-friendly service. The most common is to add a user on the site use the help, but generally need to jump pages. Today I will give you just slide the mouse on a small question mark, help prompt results will appear.
To achieve the effect of tooltip message only by CSS

In fact, this article is to share our information tools common to the prompt tooltip, it can provide a very nice message for our page, make content more intuitive and enhance the user experience. We can be found at many online articles about the tooltip, javascript majority is provided based on the plug-in, but in this article we want to say is a CSS code only, without any plug-ins will be able to achieve beautiful, simple, and use information tips Tooltip .

Category: CSS

 

Use jQuery and CSS3 to create digital clock (jquery part)

Author: bamboo06 on 25-10-2014, 08:04, views: 4718

4 The previous article, we use CSS3 created a beautiful digital clock, this article will immediately previous article content, combined with jQuery to make a real run up a digital clock, date and day of week to achieve real digital clock with a web version .
Use jQuery and CSS3 to create digital clock (jquery part)

Category: Javascript / CSS

 

Use jQuery and CSS3 to create digital clock (CSS3 part)

Author: bamboo06 on 25-10-2014, 06:39, views: 4556

0 Digital clock countdown can be applied in some effect WEB, WEB Alarm effects and HTML5-based WEB APP, the article will introduce without the aid of any pictures, showing how to use CSS3 and HTML to create a very nice digital clock effect.
Use jQuery and CSS3 to create digital clock (CSS3 part)

Category: Javascript / CSS

 
Previous Next