Material code | Mengmeng private land

15 excellent CSS frameworks: professional BOOTSTRAP and FOUNDATION alternatives

Whether you are a CSS expert or a front-end beginner, using the correct CSS framework is critical to your daily tasks. Many frameworks have the same ultimate goal: to help developers locate multiple screens in the simplest way. That's why Bootstrap is by far the most popular in the market

Responsive picture light box plug-in baguetteBox.js

BaguetteBox.js is a simple and easy to use lightbox picture light box pure JavaScript script, with image zooming in and out and corresponding CSS3 transition, and can be perfectly displayed on touch screen and other devices. The main features are pure JS writing, supporting multiple drawings without any dependency

The most comprehensive responsive slide jQuery plug-in: slice

When the designer saw the introduction of this slide, it was very good. Please share it. With the popularity of mobile terminals, in order to make it convenient for visitors to view web content, the web slide effect (also known as: light box, rotation chart) also needs to support mobile terminals, that is, responsive, of course, with drag and drop support, it would be better to share a practical

JQuery Sidebar Fixed Theia Sticky Sidebar

Most websites today have two or three column layouts. In many cases, not all columns are the same height. The Theia Sticky Sidebar recommended by Simeng today can make all the side bars of the website permanent when scrolling up and down the page, similar to the fixed side bar. It may be difficult to express clearly

OkayNav: automatically hide the responsive menu of redundant menus according to the browser width

Responsiveness is undoubtedly the mainstream web design nowadays. In the process of making themes, Advocate has not had a good way to deal with the responsiveness of horizontal menus. After all, we cannot know how long the user's horizontal menus will be. We can only display them in separate lines. In fact, the best effect is to automatically hide the redundant menus according to the browser width. Advocate

BLazy.js: lightweight lazyLoad script that supports responsive images

BLazy is a lazyLoad script that does not rely on a third-party JS library (such as jQuery). The compressed version is only a few kilobytes, and it supports displaying pictures of different sizes according to different device widths. This function is very useful for responsive development, and is also the main reason for the recommendation. Fortunately, such a good

PHP filters regular expressions of common tags

In php projects, regular expressions that filter tags are often used. Collect them for standby: 1 2 3 4 5 6 7 8 9 11 12 13 14 15 16 18 19 20 21 22 23 24 25 26 27 28

Fixed Baidu share in the new Baidu encyclopedia sidebar

When visiting Baidu Encyclopedia, when you see the fixed Baidu share on the side, you can easily share it. Maybe one day you can use it. Add the following code before the</body>of the web page (please change the uid of 12 lines to your own): 1 2 3 4 5 6 7 8 9 1

Responsive jQuery slide/carousel supporting touch screen operation: OWL Carousel

The OWL Carousel recommended today is a very lightweight responsive jQuery slide/merry go round. It also supports touch screen switching and is very lightweight. The compressed version is only 9kb and supports IE7+, Chrome, Firefox and other browsers. Online demonstration and download

JQuery Responsive Tab/Accordion Easy Responsive Tabs to Accordion

Easy Responsive Tabs to Accordion is a lightweight responsive tab/accordion jQuery plug-in. The default is horizontal/vertical tab style: as the window gets smaller (the default is 768px), it automatically switches to accordion style: