Firefox extension Web Developer extension for Firefox.
3. Chrome Sniffer
This extension can help Web developers check the Web framework/CMS and JavaScript libraries of the currently browsed website. An icon appears in the address bar to display the detected framework.
4. StayFocusd
StayFocusd is an efficient Google browser extension that helps you focus on your work by limiting the time you spend on a non-value website. Once the specified time has been exhausted, the website will be restricted
square by clicking.
::-webkit-scrollbar-track-piece Inner track, scroll bar middle section (remove)
::-webkit-scrollbar-corner corner, where two scroll bars intersect
::-webkit-resizer a small control that is used to resize an element by dragging at the intersection of two scroll bars
[css]View PlainCopy
/* define the width of the scrollbar and the background aspect corresponding to the size of the scroll bar */
::-webkit-scrol
uses the information of the remaining field to generate data loss.A 480 P30 (240 pixels, 30 frames/second) Video (pixels, 30 frames/second) is generated after all the background data of a I60 video is removed. The data is vertically scaled to produce a P30 de-interlace result. The advantage of this method is that it can eliminate all the pseudo-signals of the interlace scan by 100%, but the vertical fidelity will have a significant loss.This method can be used as a preprocessing step before row
/progressive_enhancement_convert_select_box_to_accessible_jquery_ui_slider/
Accordion menuAccordion-style jquery menu.Home: http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.htmlDownload: http://roshanbh.com.np/codes/accordion-menu.zipExample: http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html
CSS dock menuImplemented Using jquery + CSS, similar to a navigation menu of Mac Dock menu.Home: http://www.ndesign-studio.com/blog/design/css-dock-menu/Download: http://www.ndesign-s
the height, the card must be placed horizontally. Then, we use the rotateflip function to rotate the playing card to its normal position.
Note that for correct identification, all poker players should have the same size. However, given the different camera angles, the poker card size will change, which may easily lead to recognition failure. To prevent this problem, we adjusted all transformed poker images to 200x300 (pixels.
// Used to extract the playing card quadrilateraltransformation quadt
Basically in Mac AppStore inside have, many is free. For some reason to reload the Mac system (for the first time in years, the Mac system was re-installed), deliberately organized the next memo.1.AppIcon:You can instantly convert the image to the app's Icon (Icon-72.png,[email protected],[email protected]) 2.Resizer: Easy to compress the-hd,@2x and other pictures, especially suitable for use with cocos2d 3.Dash View reference documentation for variou
square by clicking.
::-webkit-scrollbar-track-piece inner track, scroll bar middle section (remove)
::-webkit-scrollbar-corner Corner, where two scroll bars intersect
::-webkit-resizer A small control that is used to resize an element by dragging at the intersection of two scroll bars
Simple versionThe detailed code is not posted here, the demo can be found by looking at the source of the specific style settings. Take a look at the s
track, scroll bar middle part 6. ::-webkit-scrollbar-corner corner, where the vertical scroll bar intersects the horizontal scrollbar 7. ::-webkit-resizer two scroll bars at the intersection of a small control that is used to drag the resizing of an element The scroll bar consists of the following chart:Here is an implementation of a simple set of custom scroll bars: box8::-webkit-ScrollBar {Width12px; Background-color:#eee; } .box8::-webki
CSS3 custom scroll bar style-webkit-scrollbarSometimes I think the original scroll bar that the browser comes with is not very beautiful, how does the WebKit browser customize the scroll bar?WebKit supports areas with overflow properties, list boxes, drop-down menus, textarea custom styles for scroll bars. Of course, the scroll bar style that is compatible with all browsers currently does not exist.The composition of the scroll bar:::-webkit-scrollbar scroll bar integral part::-webkit-sc
the source image are displayedDestination-atop the pixel of the source image is renderedMobile page Style ResetOutline:none; Remove outer frame-webkit-appearance:none; remove element Default appearance-webkit-text-size-adjust:100%; Turn off font size auto Adjust-webkit-user-select:none; Prevent users from selecting text-webkit-user-drag:none; Prevent users from dragging and dropping text links-webkit-tap-highlight-color:rgba (0,0,0,0); Remove clickable element gray background for iOS-webkit-tou
of the track button, allows you to fine-tune the position of the small square by clicking.
::-webkit-scrollbar-track-piece inner track, scroll bar middle section (remove)
::-webkit-scrollbar-corner Corner, where two scroll bars intersect
::-webkit-resizer A small control that is used to resize an element by dragging at the intersection of two scroll bars
Simple versionThe detailed code is not posted here, the demo can be found by looking at th
::-webkit-scrollbar {/* Hide rollers */Display:none;}CSS3 custom scroll bar style-webkit-scrollbarObjectiveWebKit supports areas with overflow properties, list boxes, drop-down menus, and textarea scroll bar custom styles, so the use is still quite large. Of course, the scroll bar style that is compatible with all browsers currently does not exist.DemonstrateTake a look at these 2 scroll bars demo:demo1 (image), Demo2 (pure CSS3 version)Scroll bar composition
::-webkit-scrollbar scroll
JS control text large and small display
The code is as follows
Copy Code
Jqeury Implementation method
The first page is the HTML section:
The code is as follows
Copy Code
Next, don't forget to introduce the JQuery library, this is not much to say, just a reminder, the last is a few lines of simple execution code:
The code is as follows
Copy Code
$ (document). Ready (function () {$ (' #
of scroll bar (remove)
::-webkit-scrollbar-thumb (drag bar? slider? The scroll bar can be dragged in the one, swollen mody?)
::-webkit-scrollbar-corner Corner
::-webkit-resizer defines the style of dragging a block in the lower right corner
With these pseudo elements, you can completely rewrite the scroll bar style for a Web site.
Of course WebKit provides more than that, and there are many pseudo classes that can enrich the scroll bar style:
:
ObjectiveWebKit supports areas with overflow properties, list boxes, drop-down menus, and textarea scroll bar custom styles, so the use is still quite large. Of course, the scroll bar style that is compatible with all browsers currently does not exist.DemonstrateTake a look at these 2 scroll bars demo:demo1 (image), Demo2 (pure CSS3 version)Scroll bar composition
::-webkit-scrollbar scroll bar integral part
::-webkit-scrollbar-thumb The small box inside the scrollbar, can move up or
The following is my collation and collection of some of the front-end development commonly used plug-ins, tools, software, etc., is equivalent to the computer to do a small backup, as to the use of methods, I will summarize, the current words or google it.
"Firefox plugin"
1. firefbug--Page Mode tool
2. yslow--Web Rating Tool
3. Pixel perfect--html and Design manuscript comparison
4. CSS usage--css Use efficiency optimization tool
5. Page speed--quickly optimizes web pages similar to YSlow
Browser default scroll bar look too much dick, you have to do the whole. I remember the IE browser has a few settings scroll bar style, but relatively chicken, can only set color and so on, and WebKit below is not supported. Inadvertently see NetEase mailbox scroll bar looks very nice, at first thought is a div simulation, the results of a look, roar, is my intention, the use of CSS to set, and is WebKit browser.You have to study these properties to make your own modifications.WebKit browser CSS
We often see that many articles on the website can customize the font size and medium size. Below I would like to recommend a js control text display code for you. If you need it, you can refer to it.
Javascript control text display
The Code is as follows:
Copy code
Jqeury Implementation Method
The home page is in the HTML section:
The Code is as follows:
Copy code
Next, don't forget to introduce the jQuery library. Let's just say a
{/ * 4 * } ::-webkit-scrollbar-thumb {/ * 5 */ }::-webkit-scrollbar-corner {/ * 6 * }: :-webkit-resizer {/ * 7 */ } Various states of the scroll barThese are pseudo-class selectors, and using them, you can select specific parts and differentiate the various states of the scrollbar.:Horizontal:vertical:decrement:increment:start:: Double-button:single-button:no-button:corner-present: window-inactive The following is a detailed explanation::
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.