» » css

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

Pure CSS to make adaptive article pagination

Author: bamboo06 on 21-04-2019, 02:23, views: 167

0 A pager is one of the front-end components commonly used in web development. It can display data to users in batches. We know that frameworks such as Bootstrap provide very nice tabbed components, but your project may not need Bootstrap, you want to customize a beautiful tab for your own project, so please read this article.
Pure CSS to make adaptive article pagination

This article introduces you to make a beautiful page bar with pure CSS, which can adapt to various mobile screens such as PC and mobile phone. Developers can download the source code and change the css code to customize the style of your own project.

Category: CSS

 

Part 2: 10 interesting Javascript and CSS libraries

Author: bamboo06 on 18-02-2019, 23:17, views: 334

1 We continue to provide the latest front-end javascript and CSS library resources for web enthusiasts. We will share some good front-end resources carefully collected this month, thank you for your continued attention to goocode.
Part 2: 10 interesting Javascript and CSS libraries

Core UI is a Bootstrap4-based UI library for background management templates. It provides a highly customizable solution and control panel, and is very easy to integrate with the current popular front-end frames, such as: AngularJS, Angular 2, React.js , and Vue.js.

Category: Javascript / CSS

 

10 interesting JavaScript and CSS libraries

Author: bamboo06 on 17-02-2019, 02:50, views: 336

0 Here I have compiled a few fresh and better javascript and CSS libraries to learn about the latest and coolest front-end technology, and I hope to help us.
10 interesting JavaScript and CSS libraries

Whitestorm is a framework for developing 3D webapps and games based on the Three.js engine. It contains many common Three.js tasks, so it's very easy to set up the environment, create objects, add objects, and the official provides a very good one. The tutorial is as good as the react.

Category: Javascript / CSS

 

13 interesting JavaScript and CSS libraries

Author: bamboo06 on 16-02-2019, 02:29, views: 298

0 In the future, goocode will release some well-collected good front-end and back-end resources at the appropriate time every month. Keep an eye on the latest trends in web development. We will share the best resources that are most helpful to everyone. Please keep an eye on goocode.
13 interesting JavaScript and CSS libraries

Flexdatalist is a jQuery plugin for entering autocomplete hints. This library leverages HTML5's /datalist /, allowing developers to easily organize the values and properties of all possible select options. It can run multiple sections, refreshing UI, and is easy to use.

Category: Javascript / CSS

 

Core.css - lightweight CSS reset and grid system

Author: bamboo06 on 31-01-2019, 22:03, views: 147

0 Core.css is a very small CSS reset and grid system. If your project is very small, you don't need to use a large css framework such as Bootstrap. You only need less than 4kb core.css, you can have css reset. And grid systems and responsive layouts.
Core.css - lightweight CSS reset and grid system

Core.css uses a .row to represent the rows in the container. If you append a class with the largest width to it, it represents a fixed-width row, otherwise it is a full-screen row. .col represents the column in the container, which divides the width of the container into 12 columns, which is what we often call a 12-grid system. .xs-12 represents a column width of 100%. Similarly, .xs-3 represents a column width of 25% because it requires 4 .xs-3 to reach 100% of the 12 grid. Others are analogously from .xs-1 to xs-12.

Category: CSS

 

Use pure CSS to beautify radio and checkbox

Author: bamboo06 on 14-12-2016, 00:48, views: 5954

6 Radio box and checkbox need to beautify it? Of course, the original style of the same century has been unable to meet the needs of our customers. Form a lot of controls need to beautify, we have to do with javascript landscaping, but also directly to the use of CSS to beautify, and today I introduce you to use pure CSS to achieve radio and checkbox landscaping.
Use pure CSS to beautify radio and checkbox

We know that many of the ways to use JS to beautify the form controls are not very satisfactory, with the introduction of js and css, and some even use pictures and font icons, but also rely on jQuery, and complex, poor maintainability.

Category: CSS / Plugins

 

Pure CSS3 to achieve cool mouseover effect

Author: bamboo06 on 25-11-2015, 00:50, views: 1695

3 In this paper, without the need to introduce any javascript code that uses only pure CSS3 and HTML to realize cool mouseover effect. When the mouse hovers over the target element, it can achieve a common line change, flip, zoom, slide animation, etc. effect.
Pure CSS3 to achieve cool mouseover effect

We put a picture in .he_border1, and list caption information.

Category: CSS / HTML5

 

Use CSS + Cookie to realize fixed footer banner

Author: bamboo06 on 8-08-2015, 01:05, views: 1600

7 Often see some sites in order to attract the user's attention fixed place banner ads at the bottom of the page, the user scrolls the page, banner ads have been fixed in bottom of the page, not with the page scrolling and scrolling, of course, generally allow users to turn off the banner, and set certain Do not show this banner time. This article describes the use of CSS + Cookie to achieve this effect.
Use CSS + Cookie to realize fixed footer banner

First, we'll banner advertising html code into bottom of the page, because it is finally loaded. You can also use an external js dynamically inserted into the bottom of the page. Entire HTML structure consists of a mask layer .float_layer, content layer .float_content, of which .float_bg ad section, the content can be images, text and other elements in any form of html, .float_close is the Close button, the user can turn off the display do not like advertising.

Category: Javascript / CSS

 

Use pure CSS3 to create beautiful price table

Author: bamboo06 on 7-08-2015, 01:16, views: 1521

3 When you publish the product on the web, in general, the program sets the price, usually we will put together several programs, the user can decide later which of course compared with each other. The most common is the host provider release price information page article with examples to share in pure CSS + HTML realized price list.
Use pure CSS3 to create beautiful price table

Category: CSS

 

Use CSS3 to beautify checkbox

Author: bamboo06 on 4-05-2015, 03:32, views: 1474

3 We know HTML default check box style is very simple, and treated to pictures instead of the check box will beautify the way of trouble page form, then this article will take you to understand with examples about the use of CSS3 will be checkbox checkbox style landscaping, and bring cool sliding effect.
Use CSS3 to beautify checkbox

Category: CSS

 
Previous Next